在echarts中，如何使用复选框代替legend控制显隐？

Question

如图是一个echarts饼图，右侧的下拉列表可以控制相应扇形区域的显示和隐藏，跟点击echarts图例控制显隐的功能是一样的，请问该如何实现？

Answer 1

谢谢诸位的解答！通过查阅官方文档，这个问题已经搞定了，调用myChart.dispatchAction方法就行了！

$('#example-getting-started').multiselect({
    onChange: function(option, checked, select) {
        var name = $(option).text();
        myChart.dispatchAction({
            type: 'legendToggleSelect',
            name: name
        });
    },
    buttonText: function(options, select) {
        return '显示分组';
    },
});

multiselect是Bootstrap multiselect插件提供的方法

Answer 2

没用过，也不知道这个项目所处的环境，但是可以给你一点思路，献个丑

点击下拉列表的时候，绑定一个事件到复选框，之间交换的api自己写，举个栗子，就是点击应用汇，然后触发事件，饼图里应用汇触发点击事件，如果你是jq用trigger就行了，其他的框架有各自的方法，思路是差不多的

Answer 3

ECharts貌似没有直接提供你想要的功能，其实你可以把请求回来数据存在一个变量里，自己写相应的数据处理方法进行数据筛选，把处理过后的数据重新setOption就可以了。