当前位置:  开发笔记 > 编程语言 > 正文

Highcharts:Uncaught TypeError:$(...).highcharts不是函数

如何解决《Highcharts:UncaughtTypeError:$().highcharts不是函数》经验,为你挑选了2个好方法。

在我的JSP应用程序中运行HighCharts时出现此错误.

Uncaught TypeError: $(...).highcharts is not a function(anonymous function) @ VendorReports:125n.Callbacks.j @ jquery-1.11.0.js:893n.Callbacks.k.fireWith @ jquery-1.11.0.js:928n.extend.ready @ jquery-1.11.0.js:982K @ jquery-1.11.0.js:989

请建议做什么




$(function () {
    $('#container').highcharts({
        colors: ["#7cb5ec", "#f7a35c"],
        chart: {
            type: 'column'
        },
        title: {
            text: 'Total fruit consumtion, grouped by gender'
        },
        xAxis: {
           categories: ['Apples' ]
        },
        yAxis: {
            allowDecimals: false,
            min: 0,
            title: {
                text: 'Number of fruits'
            }
            //Nothing wrong with this code

小智.. 43

我也有这个问题.确保在highchart.js之前导入jQuery.这解决了我的问题.



同样在这里,我只是意识到highcharts是一个依赖于jQuery的库,所以jQuery必须在高级图表之上.只做这个改变,任何人都应该好好去.如此天真的错误 - 我怎么能这样做.:) (2认同)


Kabulan0lak.. 37

如果你更换会发生什么

$('#container').highcharts({
        colors: ["#7cb5ec", "#f7a35c"],
        chart: {
            type: 'column'
        },
        /* ... */

通过

var chart = new Highcharts.Chart({
                colors: ["#7cb5ec", "#f7a35c"],
                chart: {
                    type: 'column',
                    renderTo: 'container'
                },
                /* ... */

我和你刚才有同样的问题,我通过使用这种类型的初始化解决了这个问题.



1> 小智..:

我也有这个问题.确保在highchart.js之前导入jQuery.这解决了我的问题.




同样在这里,我只是意识到highcharts是一个依赖于jQuery的库,所以jQuery必须在高级图表之上.只做这个改变,任何人都应该好好去.如此天真的错误 - 我怎么能这样做.:)

2> Kabulan0lak..:

如果你更换会发生什么

$('#container').highcharts({
        colors: ["#7cb5ec", "#f7a35c"],
        chart: {
            type: 'column'
        },
        /* ... */

通过

var chart = new Highcharts.Chart({
                colors: ["#7cb5ec", "#f7a35c"],
                chart: {
                    type: 'column',
                    renderTo: 'container'
                },
                /* ... */

我和你刚才有同样的问题,我通过使用这种类型的初始化解决了这个问题.

推荐阅读
mobiledu2402851323
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有