title: How to disable chartjs legendclick
body: <p>I would like to disable chart.js Spider chart legend click because when I click on the legend the data series is hiding the associated set of values as shown in the below images.</p>
  
  <p><a href="https://i.stack.imgur.com/7mp41.png" rel="noreferrer"><img src="https://i.stack.imgur.com/7mp41.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/NsWu7.png" rel="noreferrer"><img src="https://i.stack.imgur.com/NsWu7.png" alt="enter image description here"></a></p>
  
  <p>My requirement is that I do not want to disable the dataset. I have tried the preventDefault(); on the chart click but it is not working. </p>
  
  <p>My code sample is attached below. Please check..</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;title&gt;Radar Chart&lt;/title&gt;
      &lt;script src="../dist/Chart.bundle.js"&gt;&lt;/script&gt;
      &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div style="width:75%"&gt;
          &lt;canvas id="canvas"&gt;&lt;/canvas&gt;
      &lt;/div&gt;
      &lt;script&gt;
      var randomScalingFactor = function() {
          return Math.round(Math.random() * 100);
      };
      var randomColorFactor = function() {
          return Math.round(Math.random() * 255);
      };
      var randomColor = function(opacity) {
          return 'rgba(' + randomColorFactor() + ',' + randomColorFactor() + ',' + randomColorFactor() + ',' + (opacity || '.3') + ')';
      };
  
      var config = {
          type: 'radar',
          data: {
              labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
              datasets: [{
                  label: "My First dataset",
                  backgroundColor: "rgba(0,0,0,0.5)",
                  pointBackgroundColor: "rgba(220,220,220,1)",
                  data: [randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor()]
              },  {
                  label: "My Second dataset",
                  backgroundColor: "rgba(0,120,0,0.5)",
                  pointBackgroundColor: "rgba(151,187,205,1)",
                  hoverPointBackgroundColor: "#fff",
                  pointHighlightStroke: "rgba(151,187,205,1)",
                  data: [randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor()]
              },]
          },
          options: {
              legend: {
                  position: 'top',
                  onClick: (e) =&gt; e.stopPropagation()
              },
              title: {
                  display: true,
                  text: ''
              },
              scale: {
                reverse: false,
                gridLines: {
                  color: ['black']
                },
                ticks: {
                  beginAtZero: true
                }
              }
          }
      };
  
      window.onload = function() {
          window.myRadar = new Chart(document.getElementById("canvas"), config);
      };
  
  
  
  
  
      &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>