echarts如何根据下拉框动态设置数据
如图:
实现效果:
第一种:点击下拉选择框获取数据,渲染到echarts表中;
解决方法:获取创建的echart实列化对象,(ew这是我这个表的实列对象),通过getoption获取option对象,
var se=document.getElementById('sex')
var op=se.options[se.selectedIndex].value;
console.log(this.app[se.selectedIndex-1])
var option=this.ew.getOption();
option.series[this.number].data=this.app[se.selectedIndex-1].data;
console.log(this.number)
this.ew.setOption(option);
第二种:可以直接获取echarts的实列话对象:直接如下代码:
this.ew.setOption({
series:[ {
name:this.app[se.selectedIndex-1].name,
data:this.app[se.selectedIndex-1].data
}]
})
我所知道到的就这么多,有什么不对的,欢迎留言呀