Highcharts Demo

author(s): Torstein Hønsi

by stitot

HTML

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

<div id="cont1"></div>
<div id="cont2"></div>
<div id="cont3"></div>

JavaScript

// 1D
Highcharts.chart('cont1', {
    xAxis: {
    	type: 'category',
      categories: ['A', 'B', 'C']
    },
    series: [{
        data: [
        	1,
            2,
            3
        ]
    }]
});

// 2D
Highcharts.chart('cont2', {
	xAxis: {
    	type: 'category'
    },
    series: [{
        data: [
        	['Asdfg', 1],
            ['B', 2],
            ['C', 3]
        ]
    }]
});

// Keys
Highcharts.chart('cont3', {
    xAxis: {
    	type: 'category'
    },
    series: [{
    	keys: ['name', 'y'],
        data: [
        	['A', 1],
            ['B', 2],
            ['C', 3]
        ]
    }]
});