vue中Echarts手动显示隐藏图表中的数据

Posted 2020-10-24 gongjian92

 

1.将Echarts的数据格式放在data return中；

2.自定义按钮绑定一个单击事件；

 <button class="btn" @click="show()">隐藏按钮</button>

3.将该图标的格式传入单击事件函数中；

 show(){
                this.option.legend.selected={"语文":false,"数学":false,"英语":false,"生物":false,"化学":false,"物理":false};  //单击后全部隐藏掉;在legend对象中添加selected属性
                //console.log(this.option);
                var hxt = echarts.init(document.getElementById("Linechart"));
                hxt.setOption(this.option); //重新加载图片
            }