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