added pie-chart for utility damage, updated flashchart

src/components/FlashChart.vue

@@ -88,7 +88,7 @@ export default {
           {
             name: 'Flash-Count',
             type: 'pie',
-            radius: [0, '30%'],
+            radius: [0, '40%'],
             avoidLabelOverlap: true,
             itemStyle: {
               borderRadius: 10,
@@ -96,7 +96,9 @@ export default {
               borderWidth: 3
             },
             label: {
-              show: false
+              position: 'inside',
+              fontsize: 36,
+              fontWeight: 'bold'
             },
             labelLine: {
               show: false
@@ -120,7 +122,7 @@ export default {
           {
             name: 'Flash-Duration (in s)',
             type: 'pie',
-            radius: ['35%', '55%'],
+            radius: ['45%', '65%'],
             avoidLabelOverlap: true,
             itemStyle: {
               borderRadius: 10,
@@ -128,7 +130,7 @@ export default {
               borderWidth: 3
             },
             labelLine: {
-              length: 10
+              length: 20
             },
             label: {
               formatter: '{a|{a}}{abg|}\n{hr|}\n  {b|{b}：}{c}  {per|{d}%}  ',
@@ -165,8 +167,7 @@ export default {
             data: [
               {
                 value: props.duration.self ? props.duration.self.toFixed(2) : null,
-                name: 'Self',
-                selected: true
+                name: 'Self'
               },
               {
                 value: props.duration.team ? props.duration.team.toFixed(2) : null,
@@ -197,7 +198,7 @@ export default {
   .heading {
     display: flex;
     margin-top: 10px;
-    margin-bottom: -30px;
+    margin-bottom: -20px;
 
     .avatar {
       width: 50px;