Highcharts Stock Demo

author(s): Torstein Hønsi

HTML

<div id="container" style="height: 400px; min-width: 600px"></div>

<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script>

JavaScript

$(function() {
    window.chart = new Highcharts.Chart({
        
        chart: {
            renderTo: 'container',
            type: 'column',
            backgroundColor: {
                linearGradient: [0, 0, 0, 400],
                stops: [
                    [0, 'rgb(96, 96, 96)'],
                    [1, 'rgb(16, 16, 16)']
                 ]
            },
            borderWidth: 0,
            borderRadius: 15,
            plotBackgroundColor: null,
            plotShadow: false,
            plotBorderWidth: 0
        },
        
        xAxis: {
            gridLineWidth: 1,
            gridLineColor: {
                linearGradient: [0, 0, 0, 400],
                stops: [
                    [0, 'rgba(255,0,0,1)'],
                    [1, 'rgba(0,0,0,0)']
                 ]
            }
        },
        
        series: [{
            name: 'Tokyo',
//            color: 'rgba(50,170,200,0.9)',
            color: {
                linearGradient: [0, 0, 0, 400],
                stops: [
                    [0, 'rgba(50,170,200,0.9)'],
                    [1, 'rgba(30,150,170,0.6)']
                 ]
            },
            borderWidth: 0,
            shadow: false,
            data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 
                   135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }]
    });
});