2013-12-19 28 views
0
[example jsfiddle](http://jsfiddle.net/YpfBs/22/) 

2問題:Highcharts - 多層圖表如何自動更改容器高度?

  1. 我創建多餡餅圖表,但有些餡餅是隱藏的。如果我改變容器的高度,每個餡餅都會變大,但仍然有一些餡餅被隱藏起來。

  2. 每個餡餅有不同的名稱,所以我如何在餅圖中顯示名稱?

+0

您需要修改positin參數,我的意思是中心和Y ,因爲有協調的地方的餅圖所以一部分引起隱藏的餅圖。 –

+0

我嘗試2種方式: – neversion

回答

0

我找到了設置圖表和餡餅尺寸的方法。

chart: { 
renderTo: 'container',    
type: 'pie', 
height:800  //height for chart 
} 

系列尺寸設置餅圖的總大小,innerSize設置餅圖的內部毛坯尺寸。

但是第二個問題呢?如何設置爲每個餅圖顯示名稱?

0

對於餅狀標籤,使用圖表標籤,例如:http://jsfiddle.net/YDdna/

代碼爲所有:位置+內部尺寸+標籤:

$('#chart').highcharts({ 
    labels: { 
     items: [{ 
      html: '1st title', 
      style: { 
       left: '220px', 
       top: '90px' 
      } 
     }, { 
      html: '2nd title', 
      style: { 
       left: '220px', 
       top: '310px' 
      } 
     }] 
    }, 
    series: [{ 
     type: 'pie', 
     center: [220, 80], 
     size: 150, 
     innerSize: 90, 
     data: [3, 4, 3] 
    }, { 
     type: 'pie', 
     center: [220, 300], 
     size: 150, 
     innerSize: 90, 
     data: [3, 4, 3] 
    }] 
});