Question

我想在我的iOS设备上显示flotr2图表。我创建了UIWebView并尝试调用index.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>

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

Answer 1

要解决此问题，您应该传递baseURL参数，如下所示：

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

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

1 个答案: