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
    },
    title: {
        text: 'Server Monitoring Demo'
    },
    legend: {
        enabled: false
    },
    subtitle: {
        text: 'Instance Load'
    },
    data: {
        csvURL: 'https://intelligen.outsystemscloud.com/IntelligenServices/rest/Indicadores/Demograficoscsv?cvegeo=2',
        enablePolling: true,
        dataRefreshRate: 5
    },
    plotOptions: {
        bar: {
            colorByPoint: true
        }
    },
    tooltip: {
        valueDecimals: 1,
        valueSuffix: '%'
    },
    xAxis: {
        type: 'category',
        labels: {
            style: {
                fontSize: '10px'
            }
        }
    },
    yAxis: {
      

      
    }
});