iPad上的两个amCharts图表没有与jQueryMobile框架显示在同一页面上

Question

我正在使用适用于iPad的jQuery Mobile框架创建一个Web应用程序。在我的应用程序中，我需要显示一些图表，所以我使用Javascript amCharts绘制图表。

在我的应用程序中，在一个页面上，我想显示折线图，条形图和HTML表格。有一段时间，只会显示一个元素。它可以是折线图，条形图或HTML表格。所以我创建了三个div并将图表和HTML表放在每个div中。我通过菜单选择显示或隐藏div。请查看dummy application。

它在桌面浏览器和Android平板电脑中运行良好。当我在iPad上测试时，它无法正常工作。它仅显示第一个折线图。如果我将其更改为条形图，则它不会显示图表。

我正在隐藏并在这样的javascript中显示div：

document.getElementById('barChartDiv').style.display='block';
document.getElementById('lineChartDiv').style.display='none';
document.getElementById('tableDiv').style.display='none';

那为什么第二张图表没有出现在iPad上呢？请告诉我我做错了什么。在jQuery Mobile和amCharts框架中有任何问题吗？

任何网站链接或源代码都将受到赞赏。

Answer 1

尝试在更改div的显示样式后调用chart.validateNow（）。