amCharts + jQuery 移动整合

Question

我正在尝试添加 AMCharts.js in my jQuery Mobile application, but the chart is zoom-able or scroll-able. I can only use mouse wheel to zoom in-out, but when I tried to prepare fiddle，效果很好。

唯一不同的是，在我的应用程序中，amchart 不在首页上，而是在导航 2 个页面之后出现。我已将脚本包含在我的 .htm 文件中。

<div data-role="page">
    <div id="header" data-role="header">Header</div>
    <div id="content" data-role="content">
        <p> am charts <p>  
            <div id="chartdiv"></div>

      </div>
    <div id="footer" data-role="footer">Footer</div>
</div>

我在我的应用程序中收到此错误：Uncaught TypeError: a.touches.item is not a function 当我尝试在图表中拖动滑块或 zoom/scroll 时。

[highstocks.js][3] 也出现同样的错误

Answer 1

尝试在您导航到的页面的 pageshow 事件中创建图表：

$(document).on("pageshow", "#page2", function () { ...

Updated FIDDLE

amCharts + jQuery 移动整合

amCharts + jQuery Mobile integration

javascript

amcharts

jquery-mobile