新增饼图组件

project/dvui/AppDVDemo.vue

@@ -5,7 +5,7 @@
       <template #content>
         <div class="showPanel">
           <ai-dv-wrapper :views="views" v-model="active">
-            <AiDvDisplay></AiDvDisplay>
+            <ai-echart :ops="ops" :data="views" theme="1"></ai-echart>
           </ai-dv-wrapper>
         </div>
       </template>
@@ -16,7 +16,7 @@
 <script>
 
 import AiDvWrapper from "./layout/AiDvWrapper/AiDvWrapper";
-import ops from './components/AiEchart/template/pie/pieChart2'
+import ops from './components/AiEchart/template/pie/pieChart1'
 import AiDvPanel from "./layout/AiDvPanel/AiDvPanel";
 import AiDvDisplay from "./layout/AiDvDisplay/AiDvDisplay";
 import AiDvSummary from "./layout/AiDvSummary/AiDvSummary";
@@ -31,13 +31,11 @@ export default {
       ops,
       active: '',
       views: [
-        {label: '标准大屏', id: '0'},
-        {label: '当前大屏', id: '1'},
-        {label: '平安乡村', id: '2'},
-        {label: '人口数据', id: '3'},
-        {label: '人口数据', id: '4'},
-        {label: '人口数据', id: '5'},
-        {label: '宅基地', id: '6'},
+        { value: 1048, name: 'Search Engine' },
+        { value: 735, name: 'Direct' },
+        { value: 580, name: 'Email' },
+        { value: 484, name: 'Union Ads' },
+        { value: 300, name: 'Video Ads' }
       ],
       list: [
         {name: '阿斯达', v1: 23, v2: 33},

project/dvui/components/AiEchart/template/pie/pieChart1.js

@@ -0,0 +1,29 @@
+export default {
+  legend: {
+    right: 0,
+    top: '30%',
+    orient: 'vertical',
+    textStyle: {color: "#fff", fontSize: 14}
+  },
+  grid: {
+    top: '0%',
+    left: '0%',
+    right: '0px',
+    bottom: '0%'
+  },
+  xAxis: {show: false},
+  yAxis: {show: false},
+  tooltip: {
+    backgroundColor: "rgba(14, 51, 111, 0.9)",
+    borderColor: "#1A6ABC",
+    textStyle: {color: "#fff"}
+  },
+  series: {
+    type: "pie",
+    minShowLabelAngle: 10,
+    radius: '50%',
+    label: {
+      show: false
+    }
+  }
+}