使用jquery移动页面传输加载raphael图表

我正在尝试在页面转换上加载拉斐尔图表

使用它的图形我添加了与图形挂钩的div，但是如果我将它添加到数据role=“page”中，它就不起作用了。我有一个类似的问题，传单地图，并得到了解决办法

 $("#dashboard").on("pageshow", function(event, ui) { 
    map.invalidateSize(false);
 });

虽然地图上显示了它，但它只显示在角落里的一个小街区里。我试过了

<a href="#stats" data-transition="flow" data-enhance="false" data-ajax="false" title="">

我不能显示整个代码，因为版权，但我有一个div

<div class="graph" id="graph1"></div>

---

我不认为创建图表的代码有任何问题，因为正如我在第一页所说的那样，它可以工作。我认为这与jquerymobile在其页面中使用ajax的方式有关

您能否至少编写一个JSFIDLE来演示这个问题，而不包括受版权保护的材料？这里有一个我放在一起的过渡图，并绘制了一个图表：也许你可以编辑它来制造你的问题…嘿，谢谢你的努力。我真的很感激。我一直有一个非常严重的问题，JQM没有正确安装在ipad上（底部有一个200px的空间，不应该在那里）。我认为这只是一个小问题，但我不确定到底发生了什么，我只是写了一些非常简单的页面转换，然后用css将其处理掉。这样可以避免所有可能发生的映射、图形和任何其他库冲突。干杯

<div class="graph" id="graph1"></div>

 $(function() {
             $('#graph1').isochart({
                points                  : [20, 28, 43, 32, 87, 38, 23, 56, 54, 35, 36, 45, 31, 86, 54, 32, 46],
                bodyColorStart          : '#9d0000',
                bodyColorEnd            : '#c61f1f',
                capsColorStart          : '#9d0000',
                capsColorEnd            : '#c61f1f',
                stroke                  : '#c61f1f',
                shadowSize              : 40,
                shadowOpacity           : 0.5,
                showPointsDataParent    : "page"
            });
        });