JSFiddle - React, Tailwind, and code Playground

by johnnytrinh

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

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

JavaScript

$(function () {
        $('#container').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Best Global Green Brands 2013'
            },
            subtitle: {
                text: 'Brand name vs Sector'
            },
            xAxis: {
                categories: ['2011', '2012', '2013']
            },
            credits: {
                enabled: false
            },
            plotOptions: {
                series: {
                    pointPadding: 0,
                    groupPadding: 0.2,
                    borderWidth: 0, 
                    shadow: false
                }
            },
            series: [{
                name: 'Brand Name',
                color:'#39B54A ',
                data: [5, 3, 4]
            }, {
                name: 'Name of Sector',
                color:'#006838  ',
                data: [2, -2, 6]
            }]
        });
    });