Всплывающие подсказки Highcharts не справа налево, если useHTML равно true

Question

Пожалуйста, примите во внимание этот код:

var chart = new Highcharts.Chart({
             chart: {
                        renderTo: 'container',
                        type: 'column'
                    },
             xAxis: {
                         categories: [
                                       'عطه', 
                                       'أديب', 
                                       'فرحان', 
                                       'حسن', 
                                       'كريم', 
                                       'محمود'
                                     ],
                         reversed: true
                     },
             title: {
                         text: 'بعض الأسماء الشعبية الأولى',
                         useHTML: Highcharts.hasBidiBug
                    },  
             tooltip: {
                         useHTML: true
                      },
             series: [{
                         name: 'ذكر أسماء',
                         data: [10000,20000,30000,20000,60000,5000]
                     }]
           });

Fiddle: подсказка справа налево

Всплывающая подсказка диаграммы отображается неправильно. например: ذکر الاسما: 00060 для 60000 значения. Как я могу решить эту проблему?

Спасибо

Answer 1

Вы можете использовать средство форматирования всплывающей подсказки , как это

tooltip: {
    useHTML: true,
    formatter:function(){
        return '<span style="color:'+this.color+'"></span> '+this.key+' : <b class="ltr">'+ this.y + '</b><br/>'
    }
},

Fiddle