我不是专业开发人员，只对html和css知之甚少。我正在尝试在joomla网站上工作。我尝试将Google图表添加到我的页面。实际上它是我通过加载模块功能插入文章的模块。但似乎存在冲突，图表无法正确显示。似乎与问题存在一些冲突，但我不确定如何计算。 http://goo.gl/v1GVWk 如果您转到上面的链接并转到标签并打开徒步地图标签，您将看到该错误。图表的宽度非常小。我想显示100％，以便它可以响应。我尝试将宽度改为px，但没有运气。 请帮我。 ..
答案 0 :(得分：1)
隐藏的元素宽度为零。因此，图表认为您的窗口宽度为零，最终使用其最小宽度。
尝试在显示选项卡时触发窗口上的resize事件，这会导致响应代码运行。
答案 1 :(得分：0)
即使外包装div#ja-google-chart-wrapper-404设置为100％宽度，两个子元素也固定为400px。具体来说，将图像设置为固定宽度的<svg width="400">元素加上包装它的div的宽度设置为400px。即使您将其父级设置为100％，如果图像本身具有固定宽度，它也不会展开以填充空间。
检查您的模块或Google地图本身中是否有设置，允许您在插入的图像上设置不同的宽度（或根本不设置）。
一种解决方案是在单击a#tab1-trekking-map时调整SVG元素的大小。我刚刚在Chrome控制台中对此进行了测试，它可以触发地图调整大小到容器的整个宽度：
jQuery("#ja-google-chart-wrapper-404 svg").resize();
将此（或类似内容）添加到单击选项卡时调用的其他脚本中。如果动态生成图表包装器的ID，您可能需要调整一下，但触发resize()（如Niet和miguelmpn所述）应该可以很好地完成这项工作。
答案 2 :(得分：0)
我从未使用过Google图表，但您在Google地图上遇到的情况也是如此。
您有两个选项，要么使用不透明度（或隐藏可见性）而不是display：none，这会使图表在页面打开时自动调整大小。
另一种选择是触发调整大小事件，例如...... Google chart redraw/scale with window resize
希望有所帮助