echarts如何根据下拉框动态设置数据

echarts如何根据下拉框动态设置数据

如图:echarts如何根据下拉框动态设置数据_第1张图片
实现效果:
第一种:点击下拉选择框获取数据,渲染到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
               }]
           })

我所知道到的就这么多,有什么不对的,欢迎留言呀

你可能感兴趣的:(echarts如何根据下拉框动态设置数据)