Highcharts Demo

author(s): Torstein Hønsi

by sgearhart2

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" style="min-width: 310px; max-width: 600px; height: 400px; margin: 0 auto"></div>

<pre id="csv" style="display:none">Year,Annual mean,5 year...

JavaScript

Highcharts.chart('container', {

    title: {
        text: 'Global temperature change'
    },

    subtitle: {
        text: 'Data module: Show only last 20 years by limiting start row.'
    },

    data: {
        csv: document.getElementById('csv').innerHTML,
        startRow: 114,
        endRow: 134,
        endColumn: 1,
        firstRowAsNames: false,
        parsed: function(a,b,c) {
        console.log(a);
        console.log(b);
        console.log(c);
        console.log(this);
        },
        complete: function(a,b,c) {
        console.log(a);
        console.log(b);
        console.log(c);
        console.log(this);
        }
    },

    xAxis: {
        allowDecimals: false
    },

    series: [{
        name: 'Annual mean'
    }]
});