2017-07-31 71 views
0

我試圖使它成爲我的圖表可以完全顯示所有內容,當我嘗試顯示20的內容時它不會顯示,因爲數據是3000所佔空間並使其成爲一條大線。我試圖使它在圖形上顯示的數據在3000時顯示爲3,然後在工具提示上顯示爲3k。但是當5它應該顯示爲5上的圖形,但工具提示只有5.當創建圖表時創建圖表時調整Highcharts數據超過100

我似乎無法找到我如何能做到這一點。

但這裏是我的代碼: http://jsfiddle.net/kzL0phfu/

我想我需要改變這裏的東西,但即時通訊不太清楚。

yAxis: { 
gridLineInterpolation: 'polygon', 
lineWidth: 0, 
min: 0, 
gridLineColor: "#808080", 
gridLineDashStyle: "Solid", 
gridLineWidth: 2, 
labels: { 
    format: '{value:.2f}', 
    style: { 
    color: '#c4c4c4', 
    font: '11px Trebuchet MS, Verdana, sans-serif' 
    } 
} 
} 
+0

所以你想顯示縮短版本的更大的數字作爲軸標籤?您是否嘗試使用xAxis.formatter(http://api.highcharts.com/highcharts/xAxis.labels.formatter)? –

+0

我做了它之後,它使99的簡寫數字,使他們的X軸和Y軸是MAS爲99.與數字像3000變成3,但在工具提示顯示爲3k –

回答

0

所以,根據你的榜樣,你有你想要的最多99個設置幾個不同的數據點,但這些數據點中的一個,「贏率」,可以很好地超過1000,這傾斜圖表(並使其他數據點不可見)。

如果要顯示仍然具有最大值99的「贏率」值,我建議您將之前的數據更改爲,然後將其放入您的Highcharts代碼中。

舉例來說,如果你被100 將在此數據從一個API或數據庫,第一鴻溝「贏率」的數值,然後將它們添加到圖表系列。您不應該需要更改您的Highcharts代碼。因此,使用您的樣本數據,3843和6245的「贏率」值將顯示爲38.43和62.45,從而使圖表更具可讀性(請參見下文)。

enter image description here

我希望這是有幫助的。如果您以另一種方式獲取數據,請告訴我,也許還有類似的解決方案,我們可以解決。

+0

我的問題是我想我怎麼能當K超過1000時,將K放在最後 –