2012-09-26 164 views
7

我的圖表很醜,我不知道該怎麼做。這很醜陋,因爲標籤重疊並且幾乎不可讀。我已經考慮的想法:處理餅圖標籤重疊[Highcharts]

  • 隱藏小切片的標籤。這顯然會帶來明顯的負面信息,特別是在打印頁面時。我們的用戶打印了很多。
  • 備用大片和小片。不理想,因爲它會減少信息的組織並偶爾會遭遇同樣的問題。
  • 手動將每個標籤放置在固定位置。關於實施時間和代碼維護的昂貴解決方案。

任何人有更好的主意嗎?我希望highcharts能夠檢測到重疊並自動處理它。這裏的PIC:

The label overlap on this chart is obviously an issue

回答

6

我發現了一個highcharts forum topic與旋轉餅圖在這種情況下更好地分配標籤,但它涉及到修改源找到以下行,並更改累計參考零:

cumulative = -0.25, // start at top 

一個選項,是不是最佳的,但可能工作是rotate數據標籤幾度使他們不重疊,就像這樣:

{ 
    plotOptions : { 
     pie : { 
      dataLabels : { 
       rotation : 15 
      } 
     } 
    } 
} 
+0

感謝您的想法 – AlexMA

8

在Highcharts中有一個新選項來設置餅圖的startAngle。您可以使用startAngle排列圖表右側的所有小切片,從而允許更多標籤貼合。

series: [{ 
    startAngle: 90 
}] 

的jsfiddle演示在這裏:http://jsfiddle.net/highcharts/dK9CD/

+1

這個建議肯定有可取之處。我比較了有和沒有選項的圖表(並且擁堵更多):http://jsfiddle.net/dK9CD/40/ – AlexMA

+1

我更喜歡這個解決方案,而不是接受的解決方案。 – whoan