I have two调整容器大小时图表渲染的问题。
First问题是,当容器大小调整时如何正确渲染图表。
i.e. Maximize / Restore problem, at its first rendering it works just fine, however when I restore the size of the window, the charts begin to overlay as its previous size. As you can see from the following pics:
![enter image description here](https://i.stack.imgur.com/dlGJQ.png)
![enter image description here](https://i.stack.imgur.com/goi6X.png)
我知道如果您设置一个调整大小处理程序(并等待少量时间)以在调整窗口大小时刷新图表,则可以解决问题。我在想是否还有其他一些方法可以让图表流动到正确的大小,而无需每次都刷新图表。
The second事情是:
如果图表区域位于<div>
容器,容器的大小将随着调整大小栏而改变。我使用以下代码来使其与窗口大小调整一起工作。但它won't使用移动的调整大小栏。
$(window).resize(function () {
setTimeout(function () {
createChart(chartData);
}, 300);
});
Note:网格组件在任何情况下都工作得很好,只是图表我总是遇到麻烦。
我正在使用 HighCharts、kendoUI 网格,它们都在 jQueryUI portlet 中呈现。
任何意见表示赞赏!这个问题花了我很长时间..
Update:由于我认为我对这个问题的解释不够清楚,我补充道JSFiddle 示例 http://jsfiddle.net/jxTUw/为了更好的理解。基本上我想要两件事:1.当窗口大小调整时,重新调整图表的大小以适合其容器; 2. 当调整大小栏移动时,重排图表的大小以适合其容器。
我正在使用插件高图表 http://www.highcharts.com/用于绘制图表,jQuery UI 布局 http://layout.jquery-dev.net/用于本例中的布局管理。对于我正在使用的其他一些插件,请参考here https://stackoverflow.com/questions/11378324/is-it-recommended-to-use-a-lot-of-jquery-plugins-in-your-project,我不确定他们是否有冲突。
Thanks!