JSFiddle - React, Tailwind, and code Playground

by Plippie Plop

HTML

<script src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>
<div id="graph3">f</div>

CSS

#graph3 { width: 300px; height: 300px; }

JavaScript

var options3 = {
    grid: {
        hoverable: true
    },
    series: {
        bars: {
            show: true,
            barWidth: 0.6,
            align: "center"
        }
    },
    yaxis: {
        min: 0,
       
       
    },
    xaxis: {       
        
        tickLength: 0
    },
    tooltip: true,
    tooltipOpts: {
        content: '%y Votes',
        defaultTheme: false
    },
    colors: ['#008FFB',
            '#00E396',
            '#FEB019',
            '#FF4560',
            '#775DD0',
            '#546E7A',
            '#26a69a',
            '#D10CE8']
};
var data3 =[ [[0, 11]], [[1, 15]], [[2, 25]], [[3, 24]], [[4, 13]], [[5, 18]] ];




var data4 =[
        [
            [
                0,
                11
            ]
        ],
        [
            [
                1,
                15
            ]
        ],
        [
            [
                2,
                25
            ]
        ],
        [
            [
                3,
                24
            ]
        ],
        [
            [
                4,
                13
            ]
        ],
        [
            [
                5,
                18
            ]
        ]
    ];
console.log(data4);



$.plot($('#graph3'), data4, options3);