flotr2 图表在 iOS 上显示空白屏幕

我想在我的iOS设备上显示flotr2图表。我已经创建了UIWebView并尝试调用索引.html页面，但它显示空白页面。

我还在我的项目中添加了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>

注意：当我在单独的文件夹中尝试此代码时，它工作正常。

要解决此问题，您应该像这样传递 baseURL 参数：

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

相关内容

最新更新

热门标签：