我在选项卡中有一个Amcharts,但是当它在页面加载时创建时,它会被压缩为不正确(太小,有时为0px)的高度。当我切换选项卡并返回到图表选项卡时,我可以清楚地看到它已调整大小并且在一些可见高度变化后看起来很完美。
我看过很多类似的主题,但他们都抱怨图表只有在到达选项卡时才有小尺寸,而不是直接加载到页面上。
在图表构建在页面加载(即使有超时)之后,我试图调用invalidateSize()
,validateNow()
等,但它不能完成这项工作。
是不是因为容器不能给Amcharts提供足够的信息来处理正确的大小?为什么Amcharts能够在更改选项卡并返回到图表时重新计算图表的大小?
你能给我一些提示吗?非常感谢你
我使用Bootstrap标签系统。
我终于通过设置一个固定的高度来解决它
.amcharts-chart-div{
height: 436px !important;
}