我想做的響應高圖餅圖,我需要幫助。我的JSFiddle:http://jsfiddle.net/hAnCr/512/我該如何做響應餅圖
<div id="container" style="max-width: 618px; height: 275px;"></div>
我想做的響應高圖餅圖,我需要幫助。我的JSFiddle:http://jsfiddle.net/hAnCr/512/我該如何做響應餅圖
<div id="container" style="max-width: 618px; height: 275px;"></div>
餅圖由svg創建。它不會自動變爲響應,您將不得不測量容器的高度和寬度,並在窗口更改時調用重新渲染。
當您將寬度設置爲100%(在容器樣式中)時,默認圖表是響應式的。 (示例http://jsfiddle.net/hAnCr/517/)。但是在你的圖表中,你設置了一些硬編碼的值,這對不負責任有影響。所以你需要趕上$(windows).resize()
,然後計算新的硬編碼值並創建圖表。
那麼,圖表是響應式的 - 在調整大小時,您可以觀察到不同的圖例。默認情況下,網頁上的「高度」不響應。非餅圖示例:http://jsfiddle.net/hAnCr/516/如果您希望height能夠響應,請在站點的「resize」事件上調用'chart.resize(width,height)'。 –