ECharts: Disable default click action on legends

I'm trying to use ECharts to render a simple doughnut chart which I've been able to do. I've noticed by default that the legend will hide the data item on the chart if it is clicked.

I want the user to be able to select the legend to do something (fire an event) which I can do using the events available (https://ecomfe.github.io/echarts-doc/public/en/api.html#events.legendselected) however I want to prevent the default behaviour of hiding/showing the data item on the chart.

In the documentation there is mention of a property on the legend called selectedMode (https://ecomfe.github.io/echarts-doc/public/en/option.html#legend.selectedMode), which prevents the toggling of the series, but it also stops the legend from being selectable entirely.

I've also tried returning false on the events fired for legendselected and legendunselected but to no success.

Has anyone found a way of stopping this behaviour? I'd appreciate any help on this issue.

Here is a fiddle which contains the selectedMode set to false. Remove this flag to see the default behaviour:

legend: {
orient: "vertical",
x: "right",
selectedMode: false,
data: data.map(d => d.name)
}


https://jsfiddle.net/h44jpmpf/12/

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.