Highcharts test tool

by Torstein Hønsi

HTML

<script src="http://github.highcharts.com/462cf4/highcharts.js"></script>
<script src="http://github.highcharts.com/462cf4/highcharts-more.js"></script>

<div id="container" style="height: 300px"></div>

JavaScript

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container',
        type: 'boxplot'
    },
    
    title: {
        text: 'Highcharts box plot'
    },
    
    xAxis: {
        minTickInterval: 1
    },

    series: [{
        name: 'Box plot',
        data: [
            [0, 1, 2.5, 3, 6],
            [1, 2, 3, 4, 5],
            { low: 2, q1: 3, median: 4, q3: 5, high: 6 }
        ]
    }, {
        name: 'Outliers',
        type: 'scatter',
        marker: {
            fillColor: 'white',
            lineColor: Highcharts.getOptions().colors[1],
            lineWidth: 1
        },
        data: [
            [0, -0.5], [0, -1],
            [1, 6], [1, 0],
            [2, -2]
        ]
    }]

});