JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript" src="http://code.highcharts.com/master/highcharts.src.js"></script>
<div id="container"></div>
JavaScript
<?php
$array = new Array(
'DSS-65', 'DSS-63', 'DSS-60', 'DSS-55', 'DSS-54', 'DSS-45', 'DSS-43', 'DSS-40'
);
?>
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'scatter',
inverted: true
},
xAxis: {
categories: [<?=$array?>],
gridLineWidth: 1
},
yAxis: {
gridLineWidth: 0
},
series: [{
data: [[0,1],[1,2],[2,3],[3,4],[4,5]]
}]
});