javascript - 两个 amCharts 图表未在 iPad 上使用 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()。