Jelajahi Sumber

增加echarts图 tooltip单位

wukai 6 bulan lalu
induk
melakukan
20b87e2447
1 mengubah file dengan 63 tambahan dan 12 penghapusan
  1. 63 12
      main.html

+ 63 - 12
main.html

@@ -1608,7 +1608,16 @@
                         left: "30px"
                     },
                     tooltip: {
-                        trigger: 'axis'
+                        trigger: 'axis',
+                        formatter: function (params) {
+                            let xv='';
+                            let result = '';
+                            params.forEach(function (item) {
+                                xv=`${item.name}<br/>`;
+                                result += ` ${item.marker} ${item.value}(次)<br/>`;
+                            });
+                            return xv+result;
+                        }
                     },
                     legend: {
                         show: false, //不显示图例
@@ -1696,7 +1705,16 @@
                 color: ["#37A2DA", "#32C5E9", "#67E0E3", "#9FE6B8",],
 
                 tooltip: {
-                    trigger: 'axis'
+                    trigger: 'axis',
+                    formatter: function (params) {
+                        let xv='';
+                        let result = '';
+                        params.forEach(function (item) {
+                            xv=`${item.name}<br/>`;
+                            result += ` ${item.marker} ${item.seriesName}:  ${item.value}(次)<br/>`;
+                        });
+                        return xv+result;
+                    }
                 },
                 legend: {
                     data: ['停经片A班', 'CCD断纱A班', '人工停机A班', '停经片B班', 'CCD断纱B班', '人工停机B班',],
@@ -1851,7 +1869,16 @@
                     left: "30px"
                 },
                 tooltip: {
-                    trigger: 'axis'
+                    trigger: 'axis',
+                    formatter: function (params) {
+                        let xv='';
+                        let result = '';
+                        params.forEach(function (item) {
+                            xv=`${item.name}<br/>`;
+                            result += ` ${item.marker} ${item.seriesName}:  ${item.value} %<br/>`;
+                        });
+                        return xv+result;
+                    }
                 },
                 legend: {
                     show: true, //不显示图例
@@ -1918,7 +1945,7 @@
                 return
             }
             v_series.push({
-                name: "总重量", type: 'line', smooth: false, //symbol: 'none',
+                name: "白坯布总产量", type: 'line', smooth: false, //symbol: 'none',
                 data: week_efficiency, itemStyle: {
                     normal: {
                         color: '#F0F275', // 这里设置折线的颜色
@@ -1929,7 +1956,7 @@
                 },
             });
             v_series.push({
-                name: "A组量", type: 'bar', stack: '1', smooth: true, //symbol: 'none',
+                name: "A组量", type: 'bar', stack: '1', smooth: true, //symbol: 'none',
                 data: week_aefficiency, itemStyle: {
                     normal: {
                         color: '#1EFFFF', // 这里设置折线的颜色
@@ -1950,7 +1977,7 @@
                 }
             });
             v_series.push({
-                name: "B组量", type: 'bar', stack: '1', smooth: true, //symbol: 'none',
+                name: "B组量", type: 'bar', stack: '1', smooth: true, //symbol: 'none',
                 data: week_befficiency, itemStyle: {
                     normal: {
                         color: '#295589', // 这里设置折线的颜色
@@ -1982,9 +2009,6 @@
                     top: "0px",
                     left: "30px"
                 },
-                tooltip: {
-                    trigger: 'axis'
-                },
                 legend: {
                     show: true, //不显示图例
                     inactiveColor: "#04417A",
@@ -2012,7 +2036,16 @@
                         color: '#5c6c7c'
                     },
                     padding: [10, 10],
-                    extraCssText: 'box-shadow: 1px 0 2px 0 rgba(163,163,163,0.5)'
+                    extraCssText: 'box-shadow: 1px 0 2px 0 rgba(163,163,163,0.5)',
+                    formatter: function (params) {
+                        let xv='';
+                        let result = '';
+                        params.forEach(function (item) {
+                            xv=`${item.name}<br/>`;
+                            result += ` ${item.marker} ${item.seriesName}:  ${item.value}(米/日)<br/>`;
+                        });
+                        return xv+result;
+                    }
                 },
                 grid: {
                     left: '3%',
@@ -2116,7 +2149,16 @@
                     left: "30px"
                 },
                 tooltip: {
-                    trigger: 'axis'
+                    trigger: 'axis',
+                    formatter: function (params) {
+                        let xv='';
+                        let result = '';
+                        params.forEach(function (item) {
+                            xv=`${item.name}<br/>`;
+                            result += ` ${item.marker} ${item.seriesName}:  ${item.value}(度)<br/>`;
+                        });
+                        return xv+result;
+                    }
                 },
                 legend: {
                     show: true, //不显示图例
@@ -3229,7 +3271,16 @@
                         left: "30px"
                     },
                     tooltip: {
-                        trigger: 'axis'
+                        trigger: 'axis',
+                        formatter: function (params) {
+                            let xv='';
+                            let result = '';
+                            params.forEach(function (item) {
+                                xv=`${item.name}<br/>`;
+                                result += ` ${item.marker}  ${item.value}(次)<br/>`;
+                            });
+                            return xv+result;
+                        }
                     },
                     legend: {
                         show: false, //不显示图例