ElementStacks

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'line'
    },
    title: {
        text: '10000.times {|i| d = Dummy.find(i+1); d.name}'
    },
    xAxis: {
        categories: ['2.2.2', '2.2.3', '2.3.2', '2.3.3', '2.3.4', '2.3.5', '2.3.6', '2.3.7', '2.3.8', '2.3.9', '2.3.10', '2.3.11', '3.0.0', '3.0.1', '3.0.2', '3.0.3', '3.0.4', '3.0.5', '3.0.6', '3.0.7'],
        labels: {
            rotation: -45,
            align: 'right'}
    },
    yAxis: {
     title: {
       text: 'Seconds'
     }
    },
    legend: {
        layout: 'vertical',
        backgroundColor: '#FFFFFF',
        floating: true,
        style: {
            left: '100px',
            top: '70px',
            bottom: 'auto'
        }
    },
    tooltip: {
        shared: true
    },
    plotOptions: {
    },
    series: [
{name: '1.8.7', data: [3.221, 3.332, 3.404, 3.670, 3.765, 3.768, 4.771, 4.870, 4.965, 3.956, 3.796, 3.788, 5.165, 5.082, 3.888, 3.912, 4.538, 4.366, 4.559, 4.445]},
{name: '1.9.2', data: [null, null, 2.530, 2.766, 2.706, 2.831, 3.512, 3.403, 3.494, 2.697, 2.737, 2.614, 3.519, 3.583, 2.776, 2.750, 3.124, 3.082, 3.208, 3.130]}
]
});