Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://rawgithub.com/babakhani/PersianDate/master/pwt-date.min.js"></script>

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

JavaScript

$(function () {
    /**
     * Add custom date formats 
     */
    Highcharts.dateFormats = {
        'a': function(ts){return new persianDate(ts).format('dddd')},
        'A': function(ts){return new persianDate(ts).format('dddd')},
        'd': function(ts){return new persianDate(ts).format('DD')},
        'e': function(ts){return new persianDate(ts).format('D')},
        'b': function(ts){return new persianDate(ts).format('MMMM')},
        'B': function(ts){return new persianDate(ts).format('MMMM')},
        'm': function(ts){return new persianDate(ts).format('MM')},
        'y': function(ts){return new persianDate(ts).format('YY')},
        'Y': function(ts){return new persianDate(ts).format('YYYY')},
        'W': function(ts){return new persianDate(ts).format('ww')}
	};

    var chart = new Highcharts.Chart({

        chart: {
            renderTo: 'container'
        },
        
        title: {
            text: 'Custom date format'
        },

        xAxis: {
            type: 'datetime',
            tickInterval: 7 * 24 * 36e5 // one week
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
            pointInterval: 7 * 24 * 36e5,
            pointStart: Date.UTC(2013, 0, 7)
            
        }]

    });
});