echarts点击按钮更换数据(数据长度 条数变化)

在原始数据基础上的改变,即只有部分数据改变 长短条数不变 直接setOption就可以 在这主要说长度变化

话不多说 上代码 

 1  $("button").click(function() {
 2         // 获取当前的option
 3         var option = myChart.getOption();
 4         // 更改option中x轴的数据,原先数据条数大于3条,假设现在改为3条且值改变,y轴同理,原先3条曲线 ,现在改为两条
 5         option.xAxis[0].data=[1,2,3];
 6         option.series[0].data=[10,10,10];
 7         option.series[1].data=[20,20,20];
 8         // '-'表示数据不存在,和数据等于0不同
 9         option.series[2].data=['-','-','-'];
10         // true(setOption第二个参数notMerge,true表示不合并,默认合并) 这个参数必须有
11         myChart.setOption(option,true);     
12     });

前后效果图:

前:

后:

原文地址:https://www.cnblogs.com/happyguo/p/7358218.html