javascript - Highcharts - 关于完整图表宽度的问题

标签 javascript html css highcharts

我正在使用 Highcharts 柱形图,我希望它是 100% 宽度响应图表。容器是一个简单的 <div>没有任何格式。加载文档时,图表始终固定宽度 600x400px 大小。如果我调整窗口大小或切换到另一个浏览器选项卡,图表会填充宽度并变成响应式全宽图表,就像我想要的那样。如果我重新加载页面,它会再次固定宽度。我尝试为容器和图表设置宽度,但是没有任何帮助。如果我将容器 div 移动到父 div 之上一级,它就可以工作。如何使图表在页面加载时也变成全宽?

谢谢

最佳答案

图表的宽度取自 jQuery.width(container),因此如果您在某些隐藏选项卡或类似内容中有图表,则宽度将是未定义的。在这种情况下,设置默认宽度和高度 (600x400)。

关于javascript - Highcharts - 关于完整图表宽度的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16436666/

相关文章:

jquery - 为什么这些元素未对齐?

html - Div margin 将其插入内部

html - 具有相同高度的 Flexbox 居中元素

php - 将链接添加到此 PHP 语句

javascript - Play Framework模板其实就是一个JS文件

html - 水平 Accordion 的 transform(270deg) 宽度和左侧 css 问题

rtl中的HTML列表内容方向

javascript - 如果 window.location.href 不匹配某个字符串,则将 css 类添加到元素

Javascript:如何清除非全局(封闭)setTimeout?

javascript - 从许多相同的元素中单击时更改 HTML 选择标签