Highcharts Demo

author(s): Torstein Hønsi

by Alexandre Froger

HTML

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

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

JavaScript

Highcharts.chart('container', {
    chart: {
            type: 'bar'
                    },
        title: {
            text: '<span style="font-family:MuseoSlab500;line-height:1.1em;"></span>',
            align: 'left',
            margin: 30,
            style: {
                fontSize: '25px',
                color: '#000000' 
            }
        },
        subtitle: {
            text: 'NOMBRE DE PARRAINAGES D\'ÉLUS REÇUS PAR LE CONSEIL CONSTITUTIONNEL, AU 03/03/2017',
            align: 'left',
            style: {
                fontSize: '15px'
            }
         },
        legend: {
            enabled: false,
            itemMarginBottom: 5
        },
        xAxis: {
            categories: ['FILLON François','MACRON Emmanuel','HAMON Benoît','ARTHAUD Nathalie','DUPONT-AIGNAN Nicolas','CHEMINADE Jacques','MELENCHON Jean-Luc','LE PEN Marine','LASSALLE Jean','ASSELINEAU François','POUTOU Philippe','YADE Rama'],
            title: {
                text: ''
            },
            labels: {
                enabled: true,
                            }
        },
        yAxis: {
	    	minorTickInterval: 0,
	    	minorTickLength: 0,
	    	minorTickWidth: 1,
            min: 0,            
            max: 1200,
            title: {
                text: '',
                align: 'high'
            },
            labels: {
                enabled: true,
                step: 1            }
        },
        tooltip: {
            shared : false,
            pointFormat: ': <b>{point.y:.0f} </b>'
        },
        
        plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true,
                    rotation: 0,
                    y: 0,
                    x: 0                },
                enableMouseTracking: true,
                animation: {
                    duration: 2500                },
                turboThreshold: 0
            }
        },
        credits: {
            enabled:...