Echarts总结

1. y轴顶部显示单位，切换图例legend时显示不同单位

   // y轴name设置为单位
   option = {
   	yAxis: {
           type: 'value',
           name: yUnit,
       },
   }
   var myChart = echarts.init(dom);
   myChart.off('legendselectchanged') //解决重复触发
   // 添加图例选中监听
   myChart.on('legendselectchanged', function (params) {
       // 选中的图例名称
       console.log(params.name);
       // 判断获取单位
       yUnit = ...
       // 重新设置option，即可更新折线图y轴name
       option.yAxis.name = yUnit;
       myChart.setOption(option);
   });
   

2. 提示框信息自定义

    tooltip: {
       trigger: 'axis',
       // 折线图 {b0} x轴数值  {a0} 系列名称（图例名）{c0} 数值  0表示第一条折线
       formatter: '{b0} <br/> {a0}: {c0}' ,
   }
   

3. markLine

    markLine: {   
       symbol: "none",   // 去掉最后面的箭头
       name: " ",
       // silent: true,   // 鼠标悬停事件  true没有，false有
       label: { 
         position: "end",  //“start”,"middle","end"  开始  中间 结束
         formatter: " ",
       },
       data: [{
       	lineStyle: {
              type: "solid",
              color: "red"
       	},
       	name: 'm1',
      		yAxis: 40  // y轴对应的数值，如果没有在y轴数据内不会显示这条线
       }, {
       	lineStyle: {
              type: "solid",
              color: "blue"
       	},
       	name: 'm2',
      	yAxis: 10  // y轴对应的数值，如果没有在y轴数据内不会显示这条线
       }]
    }