ECharts折线图中多条折线的展示

1. 打开折线图默认进去只展示一条折线图,其他折线图隐藏,只有用户点击时才可切换其他的折线图。

    这里主要是通过selected来设置的(设置false是默认不显示),selected中的数据必须与series中的数据保持一致。

 var option = {
      legend: {
        x : 'center',
        borderWidth : '1',
        selected: {
          '天数' : false,
          '用量' : false
        }
      }
  };

2. 多条折线图分开在多表进行展示。     

这里主要是通过设置selectedMode:'single'来实现的。

  var option = {
      legend: {
        x : 'center',
        borderWidth : '1',
        data:YDescrib,
        selectedMode: 'single',
      }
  };

3. 折线图是否脱离0值比例(即设置y轴是否从0开始)。

这里是通过设置scale来进行设置的,true表示不从0开始。

var option = {
     
      yAxis : [
          {
              type : 'value',
              scale: 'true'
          }
      ]
  };

上一篇:教你从零开始画echarts地图


下一篇:使用vxe table组件时,edit-render配置$select',选中option后关闭cell的激活状态,显示选中option的value问题