其他分享
首页 > 其他分享> > ECharts折线图中多条折线的展示

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'
          }
      ]
  };

标签:false,option,selected,var,折线,设置,折线图,ECharts
来源: https://blog.csdn.net/weixin_47763287/article/details/121163453