iPad用のjQueryMobileフレームワークを使用してWebアプリケーションを作成しています。私のアプリケーションでは、いくつかのグラフを表示する必要があるため、JavascriptamChartsを使用してグラフを描画しています。
私のアプリケーションでは、1ページに、折れ線グラフ、棒グラフ、およびHTMLテーブルを表示したいと思います。しばらくの間、1つの要素のみが表示されます。折れ線グラフ、棒グラフ、またはHTMLテーブルのいずれかになります。そこで、3つのdivを作成し、各divにグラフとHTMLテーブルを配置しました。メニュー選択を介してdivを表示または非表示にします。ダミーアプリケーションをご覧ください。
デスクトップブラウザとAndroidタブレットで完全に機能しています。iPadでテストすると、動作しません。最初の折れ線グラフのみが表示されます。棒グラフに変更すると、グラフが表示されません。
私は次のようにJavaScriptでdivを非表示にして表示しています：
document.getElementById('barChartDiv').style.display='block';
document.getElementById('lineChartDiv').style.display='none';
document.getElementById('tableDiv').style.display='none';
では、なぜ2番目のグラフがiPadに表示されないのでしょうか。私が間違っていることを教えてください。jQuery MobileとamChartsフレームワークに問題はありますか？
Webリンクまたはソースコードをいただければ幸いです。