jquery 更改样式该div 的样式改变,而子元素样式只用在浏览器窗口更改大小或者打开调试窗口后才会自动更改样式。

发布于 2022-09-04 04:36:48 字数 686 浏览 8 评论 0

用的bootstrap highcharts
下图为原始的图表排列
图片描述

下图为加了一个点击事件更改其 class后的图表排列
图片描述

而下图才是需要得到的 和上图对比很明显有一个放大效果
点击事件触发以后 发现 手动更改浏览器的宽或高后 图表会自动充满div

在打开调试模式后 图表会自动充满div 

图片描述

所以本鸟的思路是更改浏览器的大小使其自动适应 可是发现 用js 不能在当前窗口更改浏览器的大小

所以实现以上效果 无从下手  bootstrap 是网上下好的模板 

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

思念绕指尖 2022-09-11 04:36:48

我感觉应该是图表生成的 cavnas 的长宽在渲染的时候已经是写死一个值了, 当你用js 操作删除一个图表当然不会改变长宽, 然而你打开了控制台之后, 窗口大小发生改变, 图表插件对浏览器resize监听 就会触发再次渲染图表. 你把控制台以弹出框的形式唤起估计就不会改变图表尺寸

清风挽心 2022-09-11 04:36:48

说爱我,拿去玩;正好是你提的问题
http://forum.highcharts.com/v...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文