title: How do I disable interaction on a Highcharts chart?
body: <p>In my react native application I have a Highcharts chart displaying some bar chart info.</p>
  
  <p>I want to display the legend, so people know what the chart is showing, but I want to disable the functionality that hides bars when the legend is touched.</p>
  
  <p>Additionally the bars themselves fade in and out when you press them... I have disabled the 'tooltip' but the fading still happens, how can I stop this?</p>
  
  <p>If I could render to a static image that would be ideal!</p>
  
  <p>just for info the code is </p>
  
  <pre><code>let Highcharts = "Highcharts";
  const conf = {
    chart: {
      type: "column",
      animation: false,
      marginRight: 10,
      dateFormat: "dd/mm/YYYY"
    },
    title: {
      text: "Spread Events"
    },
    xAxis: {
      type: "datetime",
      tickPixelInterval: 50
    },
    yAxis: {
      title: {
        text: "Spread"
      },
      plotLines: [
        {
          value: 0,
          width: 1,
          color: "#808080"
        }
      ]
    },
    tooltip: { enabled: false },
    legend: {
      enabled: true
    },
    exporting: {
      enabled: false
    },
    plotOptions: {
      column: {
        pointPadding: 0.2,
        borderWidth: 0
      }
    },
    series: FieldStore.graphData.slice()
  };
  </code></pre>