JSFiddle - React, Tailwind, and code Playground

by core972

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'column'
  },

  xAxis: {
    categories: ['Green', 'Pink']
  },
  legend:{
  	itemHiddenStyle: {
      color: '#fff'
    },
    itemHoverStyle: {
    color:'#fdfdfd'
    }
  },
  series: [{
    name: 'Point 1',
    color: '#00FF00',
    data: [1, 2.5, 3, 4, 3.2],
    visible: false,
    showInLegend: true,
    events: {
      legendItemClick: function() {
        return false;
      }
    }
  }, {
    name: 'Point 2',
    color: '#FF00FF',
    data: [3, 4.2, 2.5, 1.8, 3]

  }]
});