文章/答案/技术大牛

发布

社区首页 >问答首页 >jqPlot：$.jqPlot不是函数错误

问jqPlot：$.jqPlot不是函数错误
EN

Stack Overflow用户

提问于 2017-04-11 16:56:45

回答 2查看 1.1K关注 0票数 0

我需要在网站上创建图表。

在我的HTML代码中，我创建了一个带有ID的div。

这是我的HTML代码：

<script src="/js/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="/styles/jquery.jqplot.min.css" />
<script language="javascript" type="text/javascript" src="/js/jquery.jqplot.js"></script>
<script language="javascript" type="text/javascript" src="/js/graph.js"></script>


<body>
    <div id="graph" style="height:400px;width:300px;></div> //i want to have my chart here
</body>

在js代码中，我只写了一个来自jqPlot官方网站的示例：

$(document).ready(function() {
    var chart_data = [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]];
    var chart_opt = {
        title:'Graph',
        axes:{yaxis:{min:-10, max:240}},
        series:[{color:'#5FAB78'}]
    };
    $.jqplot('graph', chart_data, chart_opt); 
});

所以我的问题是我在浏览器的控制台上有一个错误：$.jqplot不是一个函数

有什么想法吗？

javascript

jquery

charts

jqplot

回答 2

Stack Overflow用户

发布于 2017-06-09 05:12:02

之所以会出现这个错误，是因为$(document).ready(function()中有jqplot。试试这样的东西。

 $(document).ready(function(){
   GetChart();
});


function GetChart(){
    var chart_data = [[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]];

    $('#graph').jqplot([chart_data], {
        title:'Default Bar Chart',
        seriesDefaults:{
            renderer:$.jqplot.BarRenderer
        },
        axes:{
            xaxis:{
                renderer: $.jqplot.CategoryAxisRenderer
            }
        }
    });
    }

下面是一个有效的示例-- https://jsfiddle.net/xrnfqax3/

要使此示例正常工作，您需要将以下引用添加到项目中：

jquery.min.js
jquery.jqplot.js
jquery.jqplot.css
jqplot.barRenderer.js
jqplot.barRenderer.min.js
jqplot.categoryAxisRenderer.js
jqplot.categoryAxisRenderer.min.js

票数 0

Stack Overflow用户

发布于 2017-05-13 02:36:21

确保jquery-*.js顺序在jqPlot.js之前。

并在所有脚本标记上使用language="javascript“type="text/javascript”。

诚挚的问候

票数 -1

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

原文链接：

https://stackoverflow.com/questions/43341164

复制

相似问题

问jqPlot：$.jqPlot不是函数错误
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jqPlot：$.jqPlot不是函数错误EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jqPlot：$.jqPlot不是函数错误
EN