2017-07-15 60 views
0

我試圖在工具欄上顯示工具提示時,在工具欄上有一個符號,但也有共享:true。同樣在圖2394中,我將它縮小到2.39,所以圖形不是那麼大,然後在工具欄上顯示2.39K。當工具提示超過100或1000時,Highcharts在工具提示上添加符號

我已經嘗試了很多,我無法弄清楚這看起來遍佈堆棧溢出,沒有發現任何東西。

http://jsfiddle.net/sb7n32zn/22/

這是我目前有:

tooltip: { 
    shared: true, 
    pointFormat: '<span style="color:{series.color}">{series.name}: <b>{point.y:,.2f}</b><br/>', 

} 

回答

0

您需要使用tooltip.formatter這和檢測值> 1000,然後使用Highcharts.numberFormat和轉換數。

formatter: function() { 
    var points = this.points, 
     each = Highcharts.each, 
     txt = '<span style="font-size: 10px">' + points[0].key + '</span><br/>', 
     H = Highcharts, 
     value, 
     numericSymbolDetector; 

    each(points, function(point, i) { 
     value = point.y; 
     numericSymbolDetector = Math.abs(point.y); 
     if (numericSymbolDetector > 1000) { 
     value = H.numberFormat(value/1000, 2, '.','') + 'k'; 
     } 
     txt += '<span style="color:' + point.series.color + '">' + point.series.name + ': <b>' + value + '</b><br/>'; 
    }); 

    return txt; 
    } 

實施例:

+0

感謝。但是我想知道如何做到這一點,因此在圖上它也會下降到2.8k,因此它可以更平均地顯示圖形的其餘部分。 –

+0

你的意思是yAxis應該是2.8k而不是2.5k? –

+0

我的意思是當它的2800如何使圖形顯示在2.8而不是在工具提示顯示2.8k –