echarts 使用总结

一.概览
echarts使用步骤很简单，分三步：
1.初始化 const myEcharts = echarts.init(this.$refs.mybar)
2.option配置
3.设置option： myEcharts.setOption(option)
主要问题是option的配置
二.option配置项
1.tooltip自定义

 tooltip: {
      trigger: 'axis',
      formatter: function (params) {
          var relVal = params[0].name
          for (var i = 0, l = params.length; i < l; i++) {
              if (params[i].seriesName == '综合百公里尿素消耗量') {
                  relVal += '<br/>' + params[i].marker + params[i].seriesName + ':' + params[i].value + 'L/km'
              } else if (params[i].seriesName == '综合百公里尿燃比') {
                  relVal += '<br/>' + params[i].marker + params[i].seriesName + ':' + params[i].value + '%'
              }
          }
          return relVal
      }
  },

效果图如下：

2.当双y轴时，只显示一侧刻度，另一侧不显示问题
在series中配置yAxisIndex，从0开始

series: [
             {
                 name: '综合百公里尿素消耗量',
                 type: 'bar',
                 data: y1,
                 yAxisIndex: 0,
             },
             {
                 name: '综合百公里尿燃比',
                 type: 'line',
                 data: y2,
                 yAxisIndex: 1
             }
         ]

3.y轴刻度加单位，在yAxis中加入axisLabel的自定义

 axisLabel: {
                formatter: '{value}L/km'
            },

持续更新。。。