两个 amCharts 图表未在 iPad 上使用 jQueryMobile 框架显示在同一页面上答案

【问题标题】：Two amCharts graphs are not displaying on the same page with jQueryMobile framework on iPad两个 amCharts 图表未在 iPad 上使用 jQueryMobile 框架显示在同一页面上
【发布时间】：2012-08-20 07:18:31
【问题描述】：

我正在使用 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 框架有什么问题吗？

任何网络链接或源代码将不胜感激。

【问题讨论】：

标签： javascript jquery ipad jquery-mobile amcharts

【解决方案1】：

改变div的显示样式后尝试调用chart.validateNow()。

【讨论】：