2015-10-13 137 views
1

我使用highcharts 3D餅餡餅,如果某些標籤有點長,它不能正確調整大小。Highcharts問題處理3D餡餅和大標籤時

這裏是我從highcharts文檔取得的一個例子,併爲獲取大型標籤而將其分開。

http://jsfiddle.net/78wr256o/

重要的是要指出,我寧願顯示整個名稱,而不是種植是很重要的。如果可能,正確調整圖表的大小,將其保持居中並移動標籤位置。

這是最初的版本: enter image description here

這是完全一樣的圖表,但具有較大標籤: enter image description here

回答

0

您可以使用HTML和CSS格式的數據標籤。

series: [{... 
    dataLabels: { 
     useHTML: true, 
     style: { 
      "width": "30px" 
     } 
    ...... 

下面是一個例子http://jsfiddle.net/8d517w3v/

它不裁剪而繞到標籤,使圖居中。

+0

問題在於標籤與其他標籤重疊 –

+0

根據繪圖區域中可用的空間長標籤自動調整並不容易。這可能是每種類型圖表的問題。最好的做法是預測使用關於標籤長度和位置的一點信息,以確定什麼樣式可以幫助使它們看起來乾淨。或者使用圖例分別顯示圖形和標籤。 – JsingH

+0

我使用了部分解決方案,然後必須裁剪文本。我相信實際上沒有一種做我想做的事情的方式。謝謝! –