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,
},
},
});
});
no comments