echarts图例很多时如何放进下拉菜单

画出的折线图最多的时候能有20+个图例,直接平铺出来太影响界面了。能把图例放进下拉菜单中选择吗

阅读 16.6k
3 个回答

我猜题主应该是想实现这种效果吧:

图片描述

这里使用了bootstrap-multiselect插件,当触发它的onChange事件时,调用EchartsdispatchAction方法,就可以实现预期的效果。具体代码如下:

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

图例相当于表格的表头,这个数据可以取到,可以dom操作放入下拉菜单中

新手上路,请多包涵

群主可以发下全部的代码吗?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题