JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://s3.amazonaws.com/pessetto/jquery.jqplot.min.js"></script>
<script src="https://s3.amazonaws.com/pessetto/jqplot.barRenderer.js"></script>
<script src="https://s3.amazonaws.com/pessetto/jqplot.categoryAxisRenderer.js"></script>
<div id="barchart"></div>
JavaScript
$(document).ready(function()
{
$("div#barchart").css("background-color","#F00");
$("div#barchart").css("height","200px");
$("div#barhcart").css("width","400px");
$.jqplot("barchart",[[[1,30,"http://google.com"]],[[2,40,"http://yahoo.com"]]],{ seriesDefaults:{
renderer:$.jqplot.BarRenderer,
rendererOptions: {fillToZero: true}
},
axes: {
// Use a category axis on the x axis and use our custom ticks.
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: ['one','two'],
autoscale: true
},
yaxis: {
autoscale: true
}
}
});
});