JSFiddle - React, Tailwind, and code Playground

by Andrea Aloi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<script src="http://underscorejs.org/underscore-min.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

var data = [{
    name: 1.2, y: 5
}, {
    name: 2.4, y: 6
}, {
    name: 4.5, y: 9
}];

$(function () {
        $('#container').highcharts({
            title: {
                text: 'Ma chi, papà?',
                x: -20 //center
            },
            xAxis: {
                type: "category",
                tickmarkPlacement: "on"
            },
            yAxis: {
                title: {
                    text: ''
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: '°C'
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [{
                name: 'Sto cazzo, Gianluca',
                data: data
            }]
        });
    });