Highcharts Demo

author(s): Torstein Hønsi

HTML

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

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

JavaScript

$(function() {
    function number_format(number, decimals, dec_point, sep) {

        number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
        var n = !isFinite(+number) ? 0 : +number,
            prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
            sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
            dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
            s = '',
            s_part = '',
            toFixedFix = function(n, prec) {
                var k = Math.pow(10, prec);
                return '' + Math.round(n * k) / k;
            };
        console.log(s, n, prec);
        // Fix for IE parseFloat(0.55).toFixed(0) = 0;
        s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
        s_part = s[0].substring(0, s[0].length - 4);
        if (s_part.length > 3) {
            s_part = s_part.replace(/\B(?=(?:\d{2})+(?!\d))/g, sep);
        }
        s[0] = s_part + ',' + s[0].substring(s[0].length - 4, s[0].length - 1);
        if ((s[1] || '').length < prec) {
            s[1] = s[1] || '';
            s[1] += new Array(prec - s[1].length + 1).join('0');
        }
        return s.join(dec);
    }
    var chart = new Highcharts.Chart({

        chart: {
            renderTo: 'container'
        },

        yAxis: {
            labels: {
                formatter: function() {
                    return number_format(this.value, 0, '.', 'TL');
                }
            }
        },

        series: [{
            data: [1000000000, 2000000000, 3000000000]}]

    });
});