jQuery Mobile的和highcharts整合

有沒有人設法highcharts與jquerymobile正確地集成？jQuery Mobile的和highcharts整合

如果我請求直接含有一些圖表一個頁面（即http://mysite.com/mobile/page.html）的圖表將初始化和渲染如預期。相反，如果我嘗試使用錨鏈接導航到同一頁面，頁面呈現但圖表不顯示。我正在使用「pageshow」事件來初始化圖表。

任何反饋將在很大程度上感謝！

來源

2011-06-30 Lefteris Laskaridis

你可以編輯你的問題，並添加一些代碼？ jQM版本？錯誤？你試過了什麼？ –

使用jQuery移動，你需要把你的頁面的特定腳本和樣式的page-content DIV中。見"Known Limitations" in documentation.

來源

2011-06-30 08:33:00 Tsar

對不起，隊友，做到了，但仍然無法正常工作。 –

好的，你需要發佈一些代碼。標記和腳本。 – Tsar

我有這個同樣的問題，當我第一次開始使用jQuery Mobile的編碼......你必須綁定你的pagecreate腳本，即：

$(document).delegate("#page-id", "pagecreate", function() { 
    // highcharts, etc. 
}

來源

2012-01-17 19:51:18 nickeddy

我已經試過什麼沙皇提到的，對我來說工作。我所做的是：

在頭標記中添加了腳本，並在「頁面內容」內的腳本中添加了帶有ID（rederTo）的div。

<html> 
<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<title>Acura</title> 
<link href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet"> 
<script src="http://code.jquery.com/jquery.min.js"></script> 
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script> 
<script src="libs/hightcharts/highcharts.js"></script> 
<script src="http://code.highcharts.com/modules/exporting.js"></script> 

    <script type="text/javascript"> 
     var chart1; // globally available 
$(document).ready(function() { 
     chart1 = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
      type: 'bar' 
     }, 
     title: { 
      text: 'Fruit Consumption' 
     }, 
     xAxis: { 
      categories: ['Apples', 'Bananas', 'Oranges'] 
     }, 
     yAxis: { 
      title: { 
       text: 'Fruit eaten' 
      } 
     }, 
     series: [{ 
      name: 'Jane', 
      data: [1, 0, 4] 
     }, { 
      name: 'John', 
      data: [5, 7, 3] 
     }] 
     }); 
    }); 
    </script> 
</head> 

<body> 

<div id="ge" data-role="page"> 
    <div data-role="header"> 
     //header 
    </div> 
    <div data-role="content"> 
     <div id="container"></div> 
    </div> 
</div> 
</body> 
</html>

來源

2012-03-08 13:59:47

我複製並粘貼上面的代碼，但沒有奏效。它只顯示用的字謳歌報頭和2個斜線黑色邊框內部「//謳歌」 – royjavelosa

jQuery Mobile的和highcharts整合

回答

相關問題