JSFiddle - React, Tailwind, and code Playground

by corinnekm

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: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        title: { text: 'Nombre de dossiers centralisés en 2014'
        },
        xAxis: {
            categories: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai','Juin','Juillet','Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre']
        },       
        series: [{
            type: 'column',
            name: 'Dossiers rejetés',
            data: [3, 2, 1, 3, 4, 3, 2, 1, 3, 4, 2, 3],
            color: '#C80000'
        }, {
            type: 'column',
            name: 'Dossiers centralisés avec warning',
            data: [2, 3, 5, 7, 6, 3, 5, 7, 6,3, 5, 7],
             color: '#FFCC00' 
            
        }]
    });
});