Highcharts Demo

author(s): Torstein Hønsi

by Roland Doda

HTML

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

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

JavaScript

$(function () {
    Highcharts.Axis.prototype.init = (function (func) {
        return function (chart, userOptions) {
            if (userOptions.categories) {
                var labels = userOptions.labels || {};
                var originalFormatter = userOptions.labels.formatter;
                
                this.userCategories = userOptions.categories;
                userOptions.categories = null;

                labels.formatter = function() {
                    this.axis.options.labels.align = (this.value == this.axis.min) ? "left" : ((this.value == this.axis.max) ? "right" : "center");
                    
                    if (!originalFormatter) return this.axis.userCategories[this.value];
                    
                    this.value = this.axis.userCategories[this.value];
                    return originalFormatter.call(this);
                }
                
                userOptions.labels = labels;
            }
            func.apply(this, [chart, userOptions]);
        };
    } (Highcharts.Axis.prototype.init));
    
    var chart = new Highcharts.Chart({
        chart: {
            height: 300,
            width: 300
        },
        xAxis: {
            categories: ['1990','1991','1992','1993','1994','1995','1996','1997','1998'],
            
            labels: {
                formatter: function() {
                    return "-" + this.value + "-";
                }
            },
            
       
        },
        series: [{
            data: [2000,9001,1337,100,1000,4444,8888,1844,6780]
        }]
    });
});