首页 > require.js加载highchart.js时遇到的问题,求指点

require.js加载highchart.js时遇到的问题,求指点

1.首先在全局中设置了highchart.js要使用的数据集
//在全局设置数据集

    var data =  new Object();
        data.fansScale={
             //互粉数据
             fans:30,
             //单向数据:
             single45:
        };

2.然后配置highchart

   require.config({
    paths: {
        jquery: '../lib/jquery-1.10.2',
        'highcharts':'../lib/highcharts'
    },
    shim:{
        'highcharts':{
            deps:['jquery'],
            exports:'Highcharts'
        }
    }
});
require(['highcharts'],function(highcharts){
    //HighCharts全局设置
    highcharts.setOptions({
        lang:{
            resetZoom:'返回正常大小'
        }
    });

    // 好友互粉比率分析
    $('#biFollowPie').highcharts({
        chart: {。。。。。。。。。

但提示 $('#biFollowPie').highcharts 这行错误,undefine function
检查过jquery和highchart都正确导入了,为什么在调用$('#biFollowPie').highcharts()出错?


exports中是Highcharts,require(['highcharts'],function(Highcharts),后面调用的方法也应该是 $('#biFollowPie').Highcharts


最好有jsfiddle或者github之类的来说明问题
highcharts版本,出现问题的浏览器环境也需要补充

我提个思路:是不是在chrome浏览器上的惠惠购物助手之类的插件影响了,这类插件也会引入highcharts并导致冲突。打开chrome的隐身模式测一下(隐身模式默认是禁用所有插件的)


我也遇到了同样的问题,你解决了吗?

我已经找到了解决方案

通过对源码进行修改,即可

具体的步骤:
1. 在源码开始处加上 define(['jquery'], function (jQuery) {
2. 在源码末尾处加上 return window.Highcharts;});

我是在stackoverflow上找到答案的,具体链接:http://stackoverflow.com/questions/8186027/loading-highcharts-with-require-js

希望同样对你有用

【热门文章】
【热门文章】