ECharts 图例可点击但不启用选中行为

ECharts 中饼图的配置中启用图例(Legend):

{
    legend: {
        show: true,
    },
}

默认图例是可以点击的,点击图例会显示/隐藏图表中对应的数据。可以将 selectedMode 设置为 false 来取消这个行为:

{
    legend: {
        show: true,
        selectedMode: false,
    },
}

但是这样的话图例也不能点击了。如果既想图例可以点击,又不想要默认的选中行为,可以在图例选择事件触发后,通过 ECharts API 将当前选择的图例设置为选中状态,即:

 myChart.on("legendselectchanged", (params) => {
     myChart.setOption({
         legend: {
            selected: {
                [params.name]: true,
            },
         },
     });
 });
COMMENTS

no comments