Highcharts Demo

author(s): Torstein Hønsi

by koh_edwin

HTML

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

<div id="container"></div>

CSS

#container {
    height: 400px;
    max-width: 800px;
    margin: 0 auto;
}

JavaScript

var converters = {
    // Latin to Farsi
    fa: function (number) {
        return number.toString().replace(/\d/g, function (d) {
            return String.fromCharCode(d.charCodeAt(0) + 1728);
        });
    },
    // Latin to Arabic
    ar: function (number) {
        return number.toString().replace(/\d/g, function (d) {
            return String.fromCharCode(d.charCodeAt(0) + 1584);
        });
    }
};

Highcharts.setOptions({
    lang: {
        decimalPoint: '\u066B',
        thousandsSeparator: '\u066C'
    }
});

Highcharts.chart('container', {

    chart: {
        numberFormatter: function () {
            var ret = Highcharts.numberFormat.apply(0, arguments);
            return converters.ar(ret);
        },
        type: 'column'
    },

    title: {
        text: 'Arabic digits in Highcharts'
    },

    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],
        dataLabels: {
            enabled: true,
            format: '{y:.1f}',
            style: {
                fontSize: '13px'
            }
        }
    }]
});