javascript - Highcharts 不会在 Chrome/Safari 中将 扩展到适当的高度，并且在 Firefox 中根本不会显示

Question

我已经在 Wordpress 网站上使用 Highcharts 大约 9 个月了，没有出现任何问题。上周我更新到 Wordpress 4.4，不久之后我发现我的图表不再正确呈现(可能不相关，不确定)。在 Chrome 或 Safari 中，div 根本不会按高度扩展，因此图表不清晰。在 Firefox 中，它们最初显示与其他两个浏览器相同的行为，但现在只显示一个空的 div。我尝试更改我在 header.php 文件中列出脚本的顺序，但这似乎没有任何效果。我还删除了除 highcharts 脚本之外的所有其他脚本，但这也不起作用。

我还尝试在 CSS 技巧上使用此方法调整我的 function.php 文件中的代码: https://css-tricks.com/snippets/wordpress/include-jquery-in-wordpress-theme/但也没有运气。

这是一个未正确呈现的图表示例: http://siliconvalleyindicators.org/data/people/talent-flows-diversity/total-science-engineering-degrees-conferred/

非常感谢任何建议。

Answer 1

你有这个元素来保存图表:

<div style="width:100%; height:100%;" data-highcharts-chart="0" id="hc1">

用 px、em 等值替换 heigh

style="width:100%; height:200px;"

这应该可以解决您的问题。