JSFiddle - React, Tailwind, and code Playground

by Rajesh Danabal

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="min-width: 200px; height: 200px;max-width: 500px;"></div>

JavaScript

$(document).ready(function() {
  var chart = new Highcharts.Chart({
    chart: {
      type: 'bar',
      renderTo: 'container',
    },
    tooltip: {
      valueSuffix: ' million'
    },
    plotOptions: {
      series: {
        stacking: 'percent'
      },
      bar: {
        grouping: false,
        dataLabels: {
          enabled: false
        }
      }
    },
    series: [{
      name: 'full',
      data: [5, 69, 86, 75, 48],
      borderWidth: 0,
      color: "rgba(0,0,0,0)"
    }, {
      name: 'full',
      data: [5, 69, 86, 75, 48],
      borderWidth: 0,
      stack: 1,
      animation: false,
      color: "gray"
    }, {
      name: 'Values',
      data: [95, 31, 14, 25, 62],
      color: "red",
      borderWidth: 0,
      borderRadius: 5
    }]

  });

});