JSFiddle - React, Tailwind, and code Playground

HTML

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

<div id="container"></div>

JavaScript

var compare = (a, b) => {
	return a.y > b.y ? 1 : (a.y < b.y ? -1 : 0);
};
var colors = Highcharts.getOptions().colors;
var options = {
  series: [{
    data: [
    	{y: 0},{y: 2},{y: 0},{y: 4},{y: 0},{y: 0},{y: 0},{y: 3},{y: 0}
    ].filter(o => o.y) // Filter 0 values
    	.map((o, i) => {o.color = colors[i]; return o}) // Add colors
      .sort(compare), // Sort
    type: 'bar'
  }]
};

var chart = Highcharts.chart('container',options);