资金看板

src/views/largeScreen/components/optionList.ts

@@ -1,4 +1,5 @@
 import * as echarts from 'echarts/core';
+import { text } from 'stream/consumers';
 // import { PictorialBarChart } from 'echarts/charts'
 // 客流量图
 export const getOption = (xData: any, yData: any) => {
@@ -574,10 +575,10 @@ export const getDishesOption = (data?: any) => {
 // 菜品库存图
 export const getInventoryOption = () => {
   const res = {
-      data: [2800, 300, 3900, 3000, 2450, 2670, 3320],
-      name: ['麻辣牛肉', '水煮肉片', '酸菜鱼', '辣子鸡丁', '烧白', '冬瓜排骨汤', '清炒油麦菜'],
-      ratio: [4000, 4000, 4000, 4000, 4000, 4000, 4000]
-    },
+    data: [2800, 300, 3900, 3000, 2450, 2670, 3320],
+    name: ['麻辣牛肉', '水煮肉片', '酸菜鱼', '辣子鸡丁', '烧白', '冬瓜排骨汤', '清炒油麦菜'],
+    ratio: [4000, 4000, 4000, 4000, 4000, 4000, 4000]
+  },
     dataIndex = 1;
   const option = {
     xAxis: {
@@ -826,3 +827,62 @@ export const getBarOptions = (data: any) => {
   };
   return option;
 };
+
+// 收支合同分析
+export const getBarOptions2 = (data: any) => {
+  const option = {
+    color:['#FF932A', '#678FE6', '#1DD6FF', '#00E396'],
+    title: {
+      text: '数量（个）',
+      subtext: '16',
+      bottom: 'center',
+      left: 'center',
+      textStyle: {
+        color: '#9DADB7',
+        fontSize: 16
+      },
+      subtextStyle:{
+        color: '#707070',
+        fontSize: 32,
+        fontWeight: 'bold'
+      }
+    },
+    tooltip: {
+      trigger: 'item'
+    },
+    legend: {
+      top: '5%',
+      left: 'center'
+    },
+    series: [
+      {
+        name: 'Access From',
+        type: 'pie',
+        radius: ['50%', '60%'],
+        avoidLabelOverlap: false,
+        padAngle: 5,
+        label: {
+          show: false,
+          position: 'center'
+        },
+        emphasis: {
+          label: {
+            show: false,
+            fontSize: 40,
+            fontWeight: 'bold'
+          }
+        },
+        labelLine: {
+          show: false
+        },
+        data: [
+          { value: 3, name: '100万一下' },
+          { value: 4, name: '100-500万' },
+          { value: 5, name: '500-1000万' },
+          { value: 4, name: '1000万以上' },
+        ]
+      }
+    ]
+  };
+  return option;
+}