只要useHTML等于true，Highcharts工具提示就不会从右向左移动

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: Right To Left Tooltip

图表工具提示显示不正确。例如：ذکر الاسما: 00060代表60000的值。我该如何解决这个问题？

谢谢

Answer 1

您可以像这样使用tooltip formatter

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

Fiddle