JSFiddle - React, Tailwind, and code Playground

by Boro

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,0,""]], 
   //     [[1,0,""],[2, 40, "http://yahoo.com"]]
   // ], {
        
    $.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
            }
        }
    });
});