Highcharts test tool

by Torstein Hønsi

HTML

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

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

CSS

#container {
    min-width: 300px;
    max-width: 800px;
    height: 300px;
    margin: 1em auto;
}

JavaScript

var data = [
	[1, 1, 'First',],
    [2, 2, 'Second'],
    [-1, -1, 'Third']
]

Highcharts.chart('container', {
    
    series: [{
        data: data,
        type: 'scatter',
        dataLabels: {
        	enabled: true,
            format: '{y}',
            defer: false,
            y: 10
        },
        marker: {
        	enabled: false
        }
    }, {
        data: data,
        keys: ['x', 'y', 'label'],
        type: 'scatter',
        dataLabels: {
        	enabled: true,
            format: '{point.label}',
            y: -6,
            style: {
            	color: 'gray'
            }
        },
        marker: {
        	enabled: false
        },
        showInLegend: false,
        enableMouseTracking: false,
        linkedTo: ':previous'
    }]
});