问Flotr2看不到jQuery对象
EN

Stack Overflow用户

提问于 2016-03-18 20:30:28

回答 1查看 86关注 0票数 0

我试图用flotr创建一些简单的可视化。但是，当我试图为图表指定div容器时，我会看到一个错误：

目标容器必须是visibleGraph._setEl @ flotr2.min.js:27Graph @ flotr2.min.js:27n.draw @flotr2.min.js:27(匿名函数)@ lines.html:25i @ jquery.min.js:2j.fireWith @ jquery.min.js:2n.extend.ready @ jquery.min.js:2K @ jquery.min.js:2

但是，当我将jQuery $("#chart")选择器更改为document.getElementById("chart")时，就会发生这种情况。基本上，当我使用普通的JavaScript时，它可以工作，但是当我切换到jQuery时，它就失败了。

下面是简化的娱乐活动。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="JS_libs/flotr2.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    </head>
    <body>
        <div id='chart' style="width:600px;height:300px;"></div>
        <!--[if lt IE 9]><script src="js/excanvas.min.js"></script><![endif]-->

        <script>
            $(function() { var co2 = [
            [ 1959, 315.97 ],
            [ 1960, 316.91 ],
            [ 1961, 317.64 ],
            [ 1962, 318.45 ]];
            var temp = [
            [ 1959,  0.0776 ],
            [ 1960,  0.0280 ],
            [ 1961,  0.1028 ],
            [ 1962,  0.1289 ]];

            Flotr.draw(
            $("#chart"),
            [{ data: co2, lines: {show:true} }]
            );});
        </script>

    </body>
</html>

如果我将$("#chart")更改为document.getElementById("chart")，它就能工作。但是我想用jQuery的方式。

jquery

flotr2

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-03-18 20:50:34

要从jQuery获取本机JS对象，必须使用[0]：

Flotr.draw(
    $("#chart")[0],
    [{ data: co2, lines: {show:true} }]
);});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36093698

复制

相似问题

问Flotr2看不到jQuery对象
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Flotr2看不到jQuery对象EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Flotr2看不到jQuery对象
EN