Highcharts Demo

author(s): Torstein Hønsi

by chaloisaza

HTML

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

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

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'column',
        backgroundColor: '#e8e8e8',
    },
    title: {
        text: null
    },
    yAxis: {
        gridLineDashStyle: 'longdash',
        gridLineColor: '#828080',
        plotLines: [{
          color: 'red',
          width: 1,
          value: -0.4,
          label: {
            text: '',
            align: 'right',
            zIndex: 10
          }
        }]
      },
    plotOptions: {
        series: {
            pointPadding: 1,
						rotation: -90,
            groupPadding: 1,
            borderWidth: 0,
            shadow: false,
        },
    },
    credits: {
        enabled: false
    },
    series: [
        {
            name: 'ARGENTINA',
            data: [-0.6],
            color: '#c70015',
            negativeColor: '#a1c300'
        }, {
            name: 'BAHAMAS',
            data: [0.9],
            color: '#c70015',
            negativeColor: '#a1c300'
        }, {
            name: 'BARBADOS',
            data: [-0.6],
            color: '#c70015',
            negativeColor: '#a1c300'
        }, {
            name: 'BELIZE',
            data: [0.8],
            color: '#c70015',
            negativeColor: '#a1c300'
        }, {
            name: 'BOLIVIA',
            data: [0.3],
            color: '#c70015',
            negativeColor: '#a1c300'
        }, {
            name: 'BRASIL',
            data: [-0.58],
            color: '#c70015',
            negativeColor: '#a1c300'
        }, {
            name: 'CHILE',
            data: [-0.5],
            color: '#c70015',
            negativeColor: '#a1c300'
        }, {
            name: 'COLOMBIA',
            data: [0.5],
            color: '#c70015',
            negativeColor: '#a1c300'
        }, {
            name: 'COSTA RICA',
            data: [-0.82],
            color: '#c70015',
            negativeColor: '#a1c300'
        }, {
            name: 'ECUADOR',
            data: [0.5],
            color:...