Highcharts Demo

author(s): Torstein Hønsi

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: 'column'
    },
    title: {
        text: 'Lorsqu\'une entreprise a le choix entre deux candidats de compétence et de qualification égales, quels sont selon vous les critères déterminants ?'
    },
    subtitle: {
        text: 'Source: TNS Sofres'
    },
    xAxis: {
        categories: [
            'Le look, la façon de s\'habiller, de se présenter',
            'L\'apparence physique générale',
            'La façon de parler, l\'accent',
            'L\'existence d\'un handicap ou d\'une caractéristique physique rare',
            'La couleur de peau',
            'Une allure efféminée ou trop masculine',
            'Rien de tout cela',
            'Sans opinion'
        ],
        crosshair: true
    },
    yAxis: {
        min: 0,
        title: {
            text: 'Taux de réponse (%)'
        }
    },
    tooltip: {
        headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
        pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
            '<td style="padding:0"><b>{point.y:.0f} % des personnes interrogées</b></td></tr>',
        footerFormat: '</table>',
        shared: true,
        useHTML: true
    },
    plotOptions: {
        column: {
            pointPadding: 0.2,
            borderWidth: 0
        }
    },
    series: [{
        name: 'Compte comme critère pour',
        color: '#61B69C',
        data: [82, 64, {y:44, color:"#F00"}, 43, 31, 31, 2, 2]
        
    }]
});