Browse Source

修改TrendCon折线图触发类型和圆点大小

gxr 4 years ago
parent
commit
a41777d141
1 changed files with 11 additions and 11 deletions
  1. 11 11
      echarts-screen/src/components/TrendCon.vue

+ 11 - 11
echarts-screen/src/components/TrendCon.vue

@@ -40,16 +40,16 @@ export default {
       let option = {
         // backgroundColor: '#11183c',
         grid: {
-          left: '5%',
+          left: '5%', // 组件离容器左侧的距离,百分比字符串或整型数字
           right: '2%',
-          top: '10%',
+          top: '10%', // 组件离容器上侧的距离,百分比字符串或整型数字
           bottom: '15%',
-          containLabel: true
+          containLabel: true //grid 区域是否包含坐标轴的刻度标签,
         },
         tooltip: {
-          trigger: 'item',
+          trigger: 'axis', //触发类型
           axisPointer: {
-            type: 'shadow',
+            type: 'line',
             lineStyle: {
               color: '#57617B'
             }
@@ -147,9 +147,9 @@ export default {
           name: '现有确诊',
           type: 'line',
           stack: '总量',
-          symbol: 'circle',
+          symbol: 'circle', //设置折线连接点样式
           showSymbol: false,
-          symbolSize: 8,
+          symbolSize: 1, //调整小圆点大小
           itemStyle: {
             normal: {
               color: '#0092f6',
@@ -182,9 +182,9 @@ export default {
             name: '现有疑似',
             type: 'line',
             stack: '总量',
-            symbol: 'circle',
+            symbol: 'circle', //设置折线连接点样式
             showSymbol: false,
-            symbolSize: 8,
+            symbolSize: 1, //调整小圆点大小
 
             itemStyle: {
               normal: {
@@ -211,9 +211,9 @@ export default {
             name: '累计确诊',
             type: 'line',
             stack: '总量',
-            symbol: 'circle',
+            symbol: 'circle', //设置折线连接点样式
             showSymbol: false,
-            symbolSize: 8,
+            symbolSize: 1, //调整小圆点大小
             itemStyle: {
               normal: {
                 color: '#aecb56',