barchart dates

dates

by igor_nov

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {

    var range = [
                [ Date.UTC(2003,8,24), Date.UTC(2003,10,24)],
                //[ Date.UTC(2003,8,24), Date.UTC(2003,11,24)],
                //[ Date.UTC(2003,9,24), Date.UTC(2003,10,24)],
                //[ Date.UTC(2003,10,24), Date.UTC(2003,11,24)],
                [ Date.UTC(2003,8,24), Date.UTC(2003,12,24)]
                
            ];
    
    $('#container').highcharts({

        chart: {
            renderTo: 'container',
            type: 'columnrange',
            inverted: true
        },
        title: false,
        credits: {
                enabled: false
            },
        //tooltip: {
        //        enabled: false
        //    },
        
        xAxis: {            
            //max: 4
            //min: 3
        },
        yAxis: {
            type: 'datetime',
            gridLineWidth: 1,
            //min: 10,
            //max: Date.UTC(2003,8,24)
            //lineWidth: 0
            //tickColor: '#FF0000',
            //ckWidth: 3
        },

        scrollbar: {
                enabled: true
            },
        series: [{
            //name: 'USD to EUR',
            yAxis: 0,
            data: range
        }
                
                ]
        /*series: [{
            data: [
                [ Date.UTC(2003,8,24), Date.UTC(2003,10,24)],
                [ Date.UTC(2003,8,24), Date.UTC(2003,11,24)],
                [ Date.UTC(2003,9,24), Date.UTC(2003,10,24)],
                [ Date.UTC(2003,10,24), Date.UTC(2003,11,24)],
                [ Date.UTC(2003,8,24), Date.UTC(2003,12,24)]
                
            ]
        }]*/

    });

});