2013-09-26 65 views
0

我想在另一個容器中彈出更大尺寸的圖表。我嘗試使用javascript更改innerHTML,但圖表無法正常工作,並在設置innerHTML後嘗試重新繪製圖表。圖表最大化

Intially圖表將在點擊按鈕被渲染爲「SmallContainer」,

document.getElementById("LargeContainer").innerHTML = document.getElementById("SmallContainer").innerHTML 
document.getElementById("SmallContainer").innerHTML = ""; 
chartobj.redraw(); 

我在這裏呈現「LargeContainer」因爲我想顯示爲上與其他一些文本一起更大的容器。

任何可以幫助我解決這個問題嗎?提前致謝。

回答

1

如果呈現圖表,則不能通過innerHTML修改大小,因爲SVG中的路徑是經過計算的。但您可以使用允許調整圖表大小的setSize函數。

http://api.highcharts.com/highcharts#Chart.setSize()

Obivuosly你也可以使用highslide在例如產生像彈出http://jsfiddle.net/roadrash/GqhEX/

+0

感謝您的時間。 但我不能去Hightslide。 如何爲不同容器使用相同的圖表選項。 –

+0

你可以生成兩個不同大小的圖表 –

+0

塞巴斯蒂安你能爲我提供一個樣本。 –