1

src/views/BusDynamics/OPCMonitoring/index.vue

@@ -29,77 +29,43 @@ const fetchData = async () => {
         const valuesLastArray = response.map(obj => obj.industrialOutputValueLastYear);
 
         const options = {
-            title: {
-                text: "产值产能检测",
-                subtext: "",
-                subTextStyle: {
-                    fontSize: 16,
-                    fontWeight: "normal",
-                    left: "center",
-                    y: "center",
+                title: {
+                    text: 'World Population'
                 },
-            },
-            tooltip: {
-                trigger: 'item', // 触发类型，可选值为：'item'、'axis'
-                formatter: function (params) {
-                    // params 是一个包含当前数据点信息的对象
-                    // 你可以根据 params 中的数据来自定义提示框的内容
-                    return '企业名称' + params.name + '<br/>' + '值：' + params.value;
-                }
-            },
-            // dataZoom: [
-            //     {
-            //         show: true,
-            //         realtime: true,
-            //         start: 30,
-            //         end: 70,
-            //         xAxisIndex: [0, 1]
-            //     },
-            //     {
-            //         type: 'inside',
-            //         realtime: true,
-            //         start: 30,
-            //         end: 70,
-            //         xAxisIndex: [0, 1]
-            //     }
-            // ],
-            grid: {
-                left: "1%",
-                right: "1%",
-                bottom: "1%",
-                top: "60px",
-                containLabel: true,
-            },
-            xAxis: {
-                type: "category",
-                data: namesArray,
-                axisLabel: {
-                    interval: 0,
-                    rotate: 30,
+                tooltip: {
+                    trigger: 'axis',
+                    axisPointer: {
+                        type: 'shadow'
+                    }
                 },
-            },
-            yAxis: {
-                axisLabel: {
-                    formatter: (val) => {
-                        return val;
-                    },
+                legend: {},
+                grid: {
+                    left: '3%',
+                    right: '4%',
+                    bottom: '3%',
+                    containLabel: true
                 },
-            },
-            series: [
-                {
-                    name: "工业产值",
-                    type: "bar",
-                    stack: "Total",
-                    data: valuesArray,
+                xAxis: {
+                    type: 'value',
+                    boundaryGap: [0, 0.01]
                 },
-                {
-                    name: "去年工业产值",
-                    type: "line",
-                    stack: "Total",
-                    data: valuesLastArray,
+                yAxis: {
+                    type: 'category',
+                    data: namesArray
                 },
-            ],
-        };
+                series: [
+                    {
+                        name: '2011',
+                        type: 'bar',
+                        data: valuesArray
+                    },
+                    {
+                        name: '2012',
+                        type: 'bar',
+                        data: valuesLastArray
+                    }
+                ]
+            };
 
         chartInstance.value.setOption(options);
     } catch (error) {