在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插件提供的方法