JSFiddle - React, Tailwind, and code Playground

by Sascha

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function() {
  $(document).ready(function() {
    var chart = new Highcharts.Chart({
      chart: {
        renderTo: 'container',
        type: 'column', 
        
      },
      title: {
        text: 'Dummy Data by Region'
      },
      xAxis: {
        categories: ['Africa', 'America', 'Asia']
      },
      yAxis: {
              max: 500,

        plotLines: [{
          value: 450,
          color: '#ff0000',
          width: 2,
          zIndex: 4,
          label: {
            text: 'goal'
          }
        }]
      },
      series: [{
          name: 'Year 1800',
          data: [107, 31, 50]
        }
      ]
    });
  });

});