1、项目中出现一个需求(看配图),初始显示3个重要数据。因为数据类很多(图中未显示很多数据,只是示例一下),用户反映如果要看全部一个个点很累,要一个全选之类的控件。
文章中已经将全选与取消全选功能实现(我小幅修改了一下触发逻辑),现在就是想更加完善一些。触发了“取消全选”能还原成初始值(展现3个重要数据),而不是啥数据都不展示。
思路:
1、echarts文档中有一个:selected属性,false代表初始不展示,默认selected啥都不写就是全展示。
selected: {
'直接访问': false,
'搜索引擎': false,
},
代码中(如下)通过obj[selectAll[key]] = val获取到显示属性。现在就全选就all = true,反之就是all = false,如何在all = false的时候独立出3条数据做true。
html按钮:
js:
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
option = {
title: {
text: '折线图堆叠'
},
tooltip: {
trigger: &#