Highcharts Demo

author(s): Torstein Hønsi

by metalshark7

HTML

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

<div id="container"></div>

CSS

#container {
	min-width: 310px;
	max-width: 1200px;
	height: 600px;
	margin: 0 auto;
}

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'bar',
        height: 600
    },
    data: {
 csvURL: 'https://intelligen.outsystemscloud.com/IntelligenServices/rest/Indicadores/Demograficoscsv?cvegeo=2&year=',
 startColumn:7,
 endColumn: 8,
        firstRowAsNames: false,
        enablePolling: true,
        dataRefreshRate: 5
    },
    xAxis: {
        type: 'category',
        labels: {
            style: {
                fontSize: '10px'
            }
        }
    },
    yAxis: {
    allowDecimals: false,
        title: true,
        plotBands: [{
            from: 0,
            to: 30,
            color: '#E8F5E9'
        }, {
            from: 30,
            to: 70,
            color: '#FFFDE7'
        }, {
            from: 70,
            to: 100,
            color: "#FFEBEE"
        }]
    }
});