0

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

运行它的图形我添加了与图形挂钩的 div，但如果我将它添加到 data-role="page" 之一中它不起作用。我在传单地图上遇到了类似的问题，并得到了解决方法

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

虽然地图显示它只显示在角落的一个小街区。我努力了

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

但这不起作用。

我也尝试过（除了徒劳的希望之外，我不太确定我的推理）

 $("#dashboard").on("pageshow", function(event, ui) { 
      $('#graph1").load();
 });

由于版权，我无法显示整个代码，但我有一个 div

<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"
            });
        });

我认为创建图表的代码没有任何问题，因为就像我说的那样，它可以在第一页上运行。我认为这更多地与 jquery mobile 在其页面中使用 ajax 的方式有关。

4

0 回答 0