将浏览器内容缩小到浏览器窗口大小答案

【问题标题】：Shrink browser content to browser window size将浏览器内容缩小到浏览器窗口大小
【发布时间】：2015-05-20 21:55:30
【问题描述】：

我想知道，是否有缩小浏览器窗口中图表的解决方案，即如果我调整浏览器窗口的大小，我的应用程序使用 highcharts 做得很好，它也会调整到浏览器窗口的大小，但如果我缩小浏览器窗口，带有图表的应用程序的大小不会缩小到浏览器窗口大小，它只在刷新整个网页时才会这样做，但我需要它能够在你缩小浏览器窗口时自动执行，窗口内容也缩小到浏览器大小，我在 RootLayoutPanel 内使用带有 UiBinder DockLayoutPanel 的 java。非常感谢您的任何建议。

【问题讨论】：

这似乎更适合 JavaScript 或一些聪明的 CSS
可以catch $(window).resize() / call chart.setSize()

标签： java gwt highcharts uibinder

【解决方案1】：

如果没有具体的代码示例，很难给出具体的答案。但是要对浏览器调整大小做出反应，您需要实现 onResize() 方法。您命名的布局面板在实现接口RequireResize 的子级上调用此方法。所以带有图表的面板应该实现onResize()，并调整图表大小。确保这个小部件的父树都实现了onResize()，否则该方法将不会被调用。

【讨论】：

谢谢你的回答，如果我有verticalpanel，它不会调整大小，它不会在滚动面板内部实现requireresize，并且这个滚动面板位于我父树小部件中docklayoutpanel的中心
不，它不会起作用，因为它会破坏链条。 ScrollPanel 的问题在于内容旨在保持一定的高度，并且当页面变小时会添加滚动条。这与改变高度时调整大小相反。因此，让它与滚动面板一起工作是非常困难的。因为代码不知道是否应该调整大小或添加滚动条。您需要自己计算图表的大小应该给定一个特定的窗口大小。另外最好使用 FlowPanel(HTML div) 而不是 VerticalPanel(HTML table)

【解决方案2】：

是的，这是可能的示例（请注意，我使用的不是 moxie，而是另一个包装器）：http://data-dragon-766.appspot.com/

你可以找到负责渲染图表的类。

https://github.com/highcharts4gwt/highcharts/blob/master/src/main/java/com/github/highcharts4gwt/client/view/widget/HighchartsLayoutPanel.java

【讨论】：