Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

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

CSS

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

JavaScript

$(function() {
    $('#container').highcharts({
        tooltip: {
            formatter: function() {
                return 'x: ' + this.x + ', y: ' + this.y + ', z: ' + this.point.z;
            }
        },
        series: [{
            keys: ['x', 'y', 'z'],
            type: 'scatter',
            data: [
                [1, 2, 3],
                [4, 5, 6],
                [7, 8, 9]
            ]
        }]
    });
});