2015-05-19 44 views
0

我想做的響應高圖餅圖,我需要幫助。我的JSFiddle:http://jsfiddle.net/hAnCr/512/我該如何做響應餅圖

<div id="container" style="max-width: 618px; height: 275px;"></div> 
+0

那麼,圖表是響應式的 - 在調整大小時,您可以觀察到不同的圖例。默認情況下,網頁上的「高度」不響應。非餅圖示例:http://jsfiddle.net/hAnCr/516/如果您希望height能夠響應,請在站點的「resize」事件上調用'chart.resize(width,height)'。 –

回答

0

餅圖由svg創建。它不會自動變爲響應,您將不得不測量容器的高度和寬度,並在窗口更改時調用重新渲染。

0

當您將寬度設置爲100%(在容器樣式中)時,默認圖表是響應式的。 (示例http://jsfiddle.net/hAnCr/517/)。但是在你的圖表中,你設置了一些硬編碼的值,這對不負責任有影響。所以你需要趕上$(windows).resize(),然後計算新的硬編碼值並創建圖表。