JSFiddle - React, Tailwind, and code Playground

by oroce

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 700px; width: 800px"></div>

JavaScript

var chart;
jQuery(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            defaultSeriesType: 'column'
        },
        title: {
            text: 'iMenetrend Android béta használat'
        },
        subtitle: {
            text: '2011-07-29'
        },
        xAxis: {
            categories: [
                'Blade','GT-I5800','GT-I9000','HTC Desire','Nexus One','ZTE-Blade','sdk'
            ]
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Lekérdezések száma(db)'
            }
        },
        tooltip: {
            formatter: function() {
                return ''+
                    this.x +': '+ this.y +' db';
            }
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: [{
            data: [1,1,5,55,1,42,3],
            name:"Lekérdezések száma(db)"
        }]
    });
});