javascript - 图表最大化

Question

我想将更大尺寸的图表呈现为另一个容器中的弹出窗口。我尝试更改innerHTML使用 javascript，但图表无法正常工作，我尝试在设置innerHTML.

最初图表将在按钮单击时呈现为“SmallContainer”，

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

在这里，我正在渲染“LargeContainer”，因为我想将更大的容器显示为弹出窗口以及其他一些文本。

任何人都可以帮助我解决这个问题吗？提前致谢。

Answer 1

如果呈现图表时，您不能通过 innerHTML 修改大小，因为 SVG 中的路径是计算出来的。但是您可以使用setSize允许调整图表大小的功能。

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

Obivuosly 您也可以使用 highslide 生成弹出窗口，如示例http://jsfiddle.net/roadrash/GqhEX/