Highcharts Demo

author(s): Torstein Hønsi

HTML

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

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

JavaScript

$(function () {
    var seriesSetting=[{name:"aaa",
            data: [{x: 1343862840000,y: 4.447361,marker:{fillColor:'red'}},{x:1343863200000,y:5},{x:1343873200000,y:8}]
        }];
    var chart = new Highcharts.StockChart({
        useUTC:false,

                showLoading:"loading",
                chart:{
                    renderTo:'container',
                    type:'spline',
                    events:{
                        load: function(chart) {
                            this.setTitle(null, {
                                text: 'Built chart at '+ (new Date() - start) +'ms'
                            });
                        }

                    }
                },
                legend:{
                    enabled:true,
                    showInLegend:true,
                    layout:'vertical',
                    align:'right',
                    verticalAlign:'top',
                    x:-10,
                    y:100,
                    borderWidth:0
                },
                rangeSelector:{
                    enabled:false
                },
                rangeSelector: {
                    buttons: [{
                        type: 'minute',
                        count: 1,
                        text: '1m'
                    },
                        { type: 'day',
                            count: 1,
                            text: '1d'
                        }, {
                            type: 'week',
                            count: 1,
                            text: '1w'
                        }, {
                            type: 'month',
                            count: 1,
                            text: '1m'
                        }, {
                            type: 'month',
                            count: 6,
                            text: '6m'
                        }, {
                            type: 'year',
                            count: 1,
                      ...