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
            }
        }
    });
});