JSFiddle - React, Tailwind, and code Playground

by AnthonyLeGovic

HTML

<script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/jquery.jqplot.js"></script>
 <script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.barRenderer.js"></script>
 <script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.categoryAxisRenderer.js"></script>
 <script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.pointLabels.js"></script>

<div id="chart1"></div>

JavaScript

$(document).ready(function(){
            var hits = [123, 54, 897, 1250];

            var plot1 = $.jqplot('chart1', [hits], {
                    seriesDefaults:{
                    renderer:$.jqplot.BarRenderer
                    },
                        series:[ {label:'Hits'} ],

            legend: {
                    show: true,
                            placement: 'outsideGrid'
                            },
                        axes: {
                              xaxis: {
                        autoscale: true,
                        renderer: $.jqplot.CategoryAxisRenderer,
                                numberTicks: 4,
                                tickInterval: 25
                                },
                            yaxis: {
                        autoscale: true
                        }
                    }
            });
 });