2016-07-06 88 views
0

我已經創建了一個高分佈圖,它需要在工具提示框中顯示一些數據。HighChart:工具提示框千分位器

大多數的數字包含有大數目,因此我想補充一些數字分隔間中像下面

enter image description here

我有一些研究其他職位說我應該這樣做{point.x:.2f}但因爲我從json文件中獲取所有數據,所以我無法將任何符號添加到原始數字中。

我的圖表的工具提示框的屬性看起來象下面這樣:

//*highchart codes 
    tooltip: { 
       useHTML: true, 
       headerFormat: '<table>', 
       pointFormat: '<tr><th colspan="2"><h3>{point.name}</h3></th></tr>' + 
       '<tr><th>Fan rate:</th><td>{point.y}</td></tr>' + 
       '<tr><th>Coverage:</th><td>{point.x}</td></tr>' + 
       '<tr><th>Volume:</th><td>{point.z}</td></tr>', 
       footerFormat: '</table>', 
       followPointer: true 
      }, 
+0

您應該能夠使用'{point.y:,0F。}'的提示'pointFormat' @ http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting –

+0

是的,我看過那些:,.f:,.f,但結果不符合我在圖片中顯示包含在我的問題中,謝謝。 – anson920520

+0

是的,我想它是一個Highcharts的錯誤。也許Highcharts團隊成員之一堆棧溢出可以幫助 –

回答

2

爲什麼你每千之間的差距是lang.thousandsSep Highcharts參數的原因。在這裏你可以找到關於這個參數的信息: http://api.highcharts.com/highcharts#lang.thousandsSep

正如你可以在這裏閱讀,這個參數默認爲''。

如果要將此分隔符更改爲逗號,可以在此參數中對其進行更改。

Highcharts.setOptions({ 
    lang: { 
     thousandsSep: ',' 
    } 
    }); 

在這裏你可以找到活生生的例子它如何工作的: http://jsfiddle.net/uxx1ormz/1/

最好的問候,

+0

謝謝,它很親切:) – anson920520