Highcharts Demo

author(s): Torstein Hønsi

HTML

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

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

JavaScript

$(function () {
        $('#container').highcharts({
                            chart: {
                    type: 'area'
                },
                title: {
                    style: {
                        display: 'none'
                    }
                },
                subtitle: {
                    style: {
                        display: 'none'
                    }
                },
                credits: {
                    enabled: false
                },
                xAxis: {
                    type: 'datetime'
                },
                yAxis: {
                    title: {
                        text: ''
                    },
                    min: 0,
                    minorGridLineWidth: 0,
                    gridLineWidth: 0,
                    alternateGridColor: null
                },
                legend: {
                    borderWidth: 0,
                    enabled: true,
                    align: 'right',
                    verticalAlign: 'top',
                    x: -5,
                    y: -15,
                    floating: true
                },
                plotOptions: {
                    area: {
                        stacking: 'normal',
                        lineColor: '#666666',
                        lineWidth: 1,
                        marker: {
                            lineWidth: 0,
                            lineColor: '#666666',
                            enabled: false
                        }
                    }
                },
                series:
                [{
                    name: 'Items',
                    color: '#3399CC',
                    data: [[1384219800000,2],
                           {
                               x:1384269600000,
                               y:7,
                               marker:{
                                   enabled: true,
                                  ...