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

Two amCharts graphs are not displaying on the same page with jQueryMobile framework on iPad

本文关键字:显示 一页 框架 图与 amCharts iPad 上的 jQueryMobile 两个      更新时间:2023-09-26

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

在我的应用程序中,我希望在一个页面上显示折线图、条形图和HTML表。在一段时间内,将只显示一个元素。它可以是折线图、条形图或HTML表。因此,我创建了三个div,并将图表和HTML表放在每个div中。我通过菜单选择来显示或隐藏div。请查看伪应用程序。

它在桌面浏览器和安卓平板电脑上运行良好。当我在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框架中是否存在任何问题?

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

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