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: 'line'
  },

  xAxis: {
    categories: ['Green', 'Pink']
  },

  series: [{
    data: [{
      name: 'Point 1',
      color: '#00FF00',
      revenu: '75',
      y: 1
    }, {
      name: 'Point 2',
      color: '#FF00FF',
      revenu: '35',
      y: 5
    }]
  }],
  tooltip: {
    formatter: function() {
      return 'Products: <b>' + this.y + '</b><br/> Sales: <b>' + this.point.revenu + '</b>'
    }
  }
});