浏览代码

fix:pie style

JianFeng Ren (mynuolr) 6 年之前
父节点
当前提交
2cd614fb2b
共有 1 个文件被更改,包括 3 次插入8 次删除
  1. 3 8
      src/views/dashboard/Analysis.vue

+ 3 - 8
src/views/dashboard/Analysis.vue

@@ -185,8 +185,8 @@
             <v-chart :force-fit="true" :height="350" :data="pieData" :scale="pieScale">
               <v-tooltip :showTitle="false" dataKey="item*percent" />
               <v-axis />
-              <v-legend dataKey="item" />
-              <v-pie position="percent" color="item" :vStyle="pieStyle" :label="labelConfig" />
+              <v-legend dataKey="item"  position="right" :offsetX="-140"/>
+              <v-pie position="percent" color="item" :vStyle="pieStyle"  />
               <v-coord type="theta" :radius="0.75" :innerRadius="0.6" />
             </v-chart>
           </div>
@@ -318,12 +318,7 @@ export default {
       pieStyle: {
         stroke: '#fff',
         lineWidth: 1
-      },
-      labelConfig: ['percent', {
-        formatter: (val, item) => {
-          return item.point.item + ': ' + val
-        }
-      }]
+      }
     }
   },
   created () {