Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://github.highcharts.com/master/highcharts.js"></script>

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

CSS

body {
    font-family: Arial, Verdana, sans-serif;
}

JavaScript

$(function () {
    var chart = new Highcharts.Chart({

        chart: {
            renderTo: 'container'
        },
        
        title: {
            text: 'Step line ends prematurely'
        },
    
        series: [{
            data: [[0, 1], [1, 2], [3, 4]],
            step: true,
            name: 'Longer'
        }, {
            data: [[0, 2], [1, 3]],
            step: true,
            name: 'Shorter'
        }]
    
    });
});