只要 useHTML 等于 true,Highcharts 工具提示就不会从右到左
Highcharts tooltips does not right to left as long as useHTML is equal to true
请考虑此代码:
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]
}]
});
图表工具提示显示不正确。例如:ذکر الاسما: 00060
对应 60000
值。我该如何解决这个问题?
谢谢
你可以像这样使用tooltip formatter
tooltip: {
useHTML: true,
formatter:function(){
return '<span style="color:'+this.color+'"></span> '+this.key+' : <b class="ltr">'+ this.y + '</b><br/>'
}
},
请考虑此代码:
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]
}]
});
图表工具提示显示不正确。例如:ذکر الاسما: 00060
对应 60000
值。我该如何解决这个问题?
谢谢
你可以像这样使用tooltip formatter
tooltip: {
useHTML: true,
formatter:function(){
return '<span style="color:'+this.color+'"></span> '+this.key+' : <b class="ltr">'+ this.y + '</b><br/>'
}
},