2017-06-26 53 views
0

我Highchart提示格式化數據如下:Highchart,如何添加逗號指向提示

$(function() { 
    Highcharts.setOptions({ 
     chart: { 
      style: { 
       fontFamily: "Trebuchet MS" 
      } 
     }, 
     lang: { 
      thousandsSeparator: ',' 
     } 
    }); 

    // plot the chart 
    new Highcharts.Chart({ 
     chart: { 
      renderTo: 'graphContainer', 
      type: 'area', 
      marginBottom: 110 
     }, 

     tooltip: { 
      shared: true, 
      xDateFormat: '%Y-%m-%d', 
      headerFormat: '<b>{point.key}</b><br>', 
      pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>${point.y:,.0f} m</b><br/>', 
      crosshairs: true 
     }, 
    ...... 

我知道「:,0F」控制數量的格式,但我不能找出如何在千位而不是「」空格中添加「,」。

enter image description here

+0

您是否在創建圖表之前添加了setOptions?它適用於我:http://jsfiddle.net/fku1o2aw/ –

+0

感謝您的答覆。 是的,這裏是我的代碼開始: $(函數(){ Highcharts.setOptions({ 郎鹹平:{ thousandsSeparator: '' } }); 新Highcharts.Chart({ 圖:{ renderTo: 'graphContainer', 類型: '區域' }, 工具提示:{ 共享:真, xDateFormat: '%Y-%間 - %d', headerFormat:「{point.key }
', pointFormat: '的 \ u25CF {series.name}:$ {point.y:,0F}米
', 十字線:真 }, –

回答

0

我認爲這個問題是一個錯字。全球應該是thousandsSep而不是thousandsSeparator,如API docs中所述。

+0

'thousandsSep '* :) –

+0

謝謝@HalvorStrand,更新:) – mfalkus