echarts 去掉图表提示框的指示线以及改变图表提示框内容的显示

直接看代码  都有注释

   tooltip: { //提示框组件
            trigger: 'axis', //触发类型
            axisPointer: { //去掉移动的指示线
              type: 'none'

            },
            backgroundColor: '#5964E4FF', //背景颜色(此时为默认色)
            borderRadius: 36, //边框圆角
            padding: [2, 20], //提示框大小
            borderColor: '#0630E066',
            borderWidth: '1',
            textStyle: {
              color: '#FFFFFFFF',
            },
            formatter: function (params, ticket, callback) { //提示框内容
              var value = ''
              for (var i = 0; i < params.length; i++) {
                var data = (params[i].data).toFixed(2);
                value += data + '  kW·h'
              }
              return value
            }
          },

 

你可能感兴趣的:(echarts)