Я создаю веб-приложение, используя платформу jQuery Mobile для iPad. В моем приложении мне нужно отображать некоторые диаграммы, поэтому я использую Javascript amCharts для рисования диаграмм.
В моем приложении на одной странице я хочу отобразить линейную диаграмму, гистограмму и таблицу HTML. Какое-то время будет отображаться только один элемент. Либо это будет линейная диаграмма, либо гистограмма, либо таблица HTML. Итак, я создал три блока и поместил диаграммы и таблицу HTML в каждый блок. Я показываю или скрываю блоки с помощью меню. Просмотрите фиктивное приложение.
Он отлично работает в настольных браузерах и планшетах Android. Когда я тестирую его на iPad, он не работает. Он отображает только первую линейную диаграмму. Если я изменю его на гистограмму, тогда он не будет отображать диаграмму.
Я скрываю и показываю div в javascript следующим образом:
document.getElementById('barChartDiv').style.display='block';
document.getElementById('lineChartDiv').style.display='none';
document.getElementById('tableDiv').style.display='none';
Так почему же второй график не появляется на iPad? Подскажите пожалуйста, что я делаю не так. Есть ли проблема в фреймворках jQuery Mobile и amCharts?
Любая веб-ссылка или исходный код приветствуются.