fix

src/views/trace/components/codeNumCharts.vue

@@ -2,111 +2,31 @@
   <custom-echart-bar :chart-data="state.data" height="100%" :option="state.option" />
 </template>
 <script setup>
-import { ref, reactive, onMounted } from 'vue';
-import { isEmpty, getAssetsFile } from '@/utils';
-let valData = reactive([
-  { value: 658, name: '生产溯源码' },
-  { value: 526, name: '有效溯源码' },
-]);
-const chartsData = reactive({
-  option: {
-    backgroundColor: 'transparent',
-    title: {
-      zlevel: 0,
-      text: 806,
-      subtext: '设备管理',
-      top: '38%',
-      left: '80%',
-      textAlign: 'center',
-      textStyle: {
-        color: '#fff',
-        fontSize: 14,
-      },
-      subtextStyle: {
-        fontSize: 10,
-        color: '#fff',
-      },
-      show: false,
-    },
-    color: [
-      {
-        x: 0,
-        y: 0,
-        x2: 0,
-        y2: 1,
-        colorStops: [
-          { offset: 0, color: 'rgba(40, 218, 239, 1)' },
-          { offset: 1, color: 'rgba(130, 249, 255, 0.8)' },
-        ],
-      },
-      {
-        x: 0,
-        y: 0,
-        x2: 1,
-        y2: 0,
-        colorStops: [
-          { offset: 0, color: 'rgba(198, 201, 24, 1)' },
-          { offset: 1, color: 'rgba(198, 201, 24, 0.8)' },
-        ],
-      },
-      {
-        x: 1,
-        y: 1,
-        x2: 0,
-        y2: 0,
-        colorStops: [
-          {
-            offset: 0,
-            color: 'rgba(15, 44, 88, 1)', // 0% 处的颜色
-          },
-          {
-            offset: 0.7,
-            color: 'rgba(40, 55, 255, 1)', // 100% 处的颜色
-          },
-          {
-            offset: 1,
-            color: 'rgba(244, 245, 255, 1)', // 100% 处的颜色
-          },
-        ],
-      },
-      {
-        x: 1,
-        y: 0,
-        x2: 0,
-        y2: 1,
-        colorStops: [
-          {
-            offset: 0,
-            color: 'rgba(75, 238, 114, 0.2)', // 0% 处的颜色
-          },
-          {
-            offset: 1,
-            color: 'rgba(75, 238, 114, 1)', // 100% 处的颜色
-          },
-        ],
-      },
-      {
-        x: 0,
-        y: 0,
-        x2: 0,
-        y2: 1,
-        colorStops: [
-          {
-            offset: 0,
-            color: 'rgba(255, 19, 0, 0.2)', // 0% 处的颜色
-          },
-          {
-            offset: 1,
-            color: 'rgba(251, 95, 79, 1)', // 100% 处的颜色
-          },
-        ],
-      },
-    ],
-  },
-});
+import { reactive } from 'vue';
 
 const state = reactive({
-  data: [],
+  data: [
+    {
+      name: '茶叶',
+      value: 12000,
+    },
+    {
+      name: '核桃',
+      value: 8000,
+    },
+    {
+      name: '甘蔗',
+      value: 6000,
+    },
+    {
+      name: '烟叶',
+      value: 4000,
+    },
+    {
+      name: '其他',
+      value: 3500,
+    },
+  ],
   option: {
     grid: {
       left: '5%',