2014-02-18 68 views
0

我想在我的iOS設備上顯示flotr2圖表。 我已經創建了UIWebView並試圖調用index.html頁面,但它顯示了我的空白頁面。flotr2圖表顯示iOS上的空白屏幕

我還在我的項目中添加了flotr2.min.js文件。 這裏是我的html代碼:

<html> 
<head> 
    <style type="text/css"> 
     body { 
      margin: 0px; 
      padding: 0px; 
     } 
     #container { 
      width : 600px; 
      height: 384px; 
      margin: 8px auto; 
     } 
    </style> 
</head> 
<body> 
    <div id="container"></div>   
    <script type="text/javascript" src="flotr2.min.js"></script> 
    <script type="text/javascript"> 
     (function() {    
      var 
      container = document.getElementById('container'), 
      start = (new Date).getTime(), 
      data, graph, offset, i; 

     // Draw a sine curve at time t 
     function animate (t) { 

      data = []; 
      offset = 2 * Math.PI * (t - start)/10000; 

     // Sample the sine function 
     for (i = 0; i < 4 * Math.PI; i += 0.2) { 
      data.push([i, Math.sin(i - offset)]); 
     } 

     // Draw Graph 
     graph = Flotr.draw(container, [ data ], { 
      yaxis : { 
       max : 2, 
       min : -2 
      } 
     }); 

     // Animate 
     setTimeout(function() { 
      animate((new Date).getTime()); 
     }, 50); 
    } 

    animate(start); 
})(); 
</script> 
</body> 

注:當我嘗試在單獨的文件夾此代碼,那麼它的正常工作。

+0

檢查'flotr2.min.js'會添加**複製包資源**,而不是根據**編譯源代碼** – Amar

+0

我已經檢查過......。 – Chomu

回答

0

爲了解決這個問題,你應該通過參數基本URL像這樣:

[self.webView loadHTMLString:someHTML baseURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]]];