title: ECharts: Disable default click action on legends
body: <p>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.</p>
  
  <p>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 (<a href="https://ecomfe.github.io/echarts-doc/public/en/api.html#events.legendselected" rel="noreferrer">https://ecomfe.github.io/echarts-doc/public/en/api.html#events.legendselected</a>) however I want to prevent the default behaviour of hiding/showing the data item on the chart.</p>
  
  <p>In the documentation there is mention of a property on the legend called selectedMode (<a href="https://ecomfe.github.io/echarts-doc/public/en/option.html#legend.selectedMode" rel="noreferrer">https://ecomfe.github.io/echarts-doc/public/en/option.html#legend.selectedMode</a>), which prevents the toggling of the series, but it also stops the legend from being selectable entirely.</p>
  
  <p>I've also tried returning false on the events fired for legendselected and legendunselected but to no success.</p>
  
  <p>Has anyone found a way of stopping this behaviour? I'd appreciate any help on this issue.</p>
  
  <p>Here is a fiddle which contains the selectedMode set to false. Remove this flag to see the default behaviour: </p>
  
  <pre><code>legend: {
    orient: "vertical",
    x: "right",
    selectedMode: false,
    data: data.map(d =&gt; d.name)
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/h44jpmpf/12/" rel="noreferrer">https://jsfiddle.net/h44jpmpf/12/</a></p>