JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.prioritymarketers.com/jqplot/src/jquery.jqplot.js"></script>
<script src="http://www.prioritymarketers.com/jqplot/src/plugins/jqplot.barRenderer.js "></script>
<script src="http://www.prioritymarketers.com/jqplot/src/plugins/jqplot.categoryAxisRenderer.js"></script>
<script src="http://www.prioritymarketers.com/jqplot/src/plugins/jqplot.pointLabels.js"></script>
<script src="http://www.prioritymarketers.com/jqplot/src/plugins/jqplot.cursor.js"></script>
<script src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.canvasTextRenderer.js"></script>
<script src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.canvasAxisLabelRenderer.js"></script>
<div id="chart1" style="margin-top:20px; margin-left:20px; width:650px; height:400px;"></div>
JavaScript
$.jqplot.config.enablePlugins = true;
var ms= [2]
var s1 =[6.0, 24.0, 96.0, 384.0, 1536.0, 6144.0, 24576.0, 98304.0, 393216.0, 1572864.0]
L = [{label: 'Stage 1'}];
var i = 2
while (i <= ms) {
L.push({
label: 'Stage' + i
});
i++;
}
$.jqplot('chart1', s1, {
seriesDefaults: {
showMarker: false,
pointLabels: {
show: false
},
},
series: L,
axes: {
xaxis: {
label: 'Time units',
pad: 0,
},
yaxis: {
label: 'Number of individuals',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
pad: 0
}
},
legend: {
show: true,
location: 'nw',
placement: 'inside',
fontSize: '11px'
}
})
})