2011-11-18 188 views
16

我一直在尝试一段时间,但很少成功,能够将highcharts作为require模块加载。我想知道是否有人设法使这个工作,或者如果他们有任何指示,让我在正确的轨道上?使用require.js加载Highcharts

谢谢

回答

40

使用require.js 2.1.0+插件是没有必要的。您可以使用shim来包含Highcharts:

require.config({ 
    paths: { 
    require: "libs/require", 
    jquery: "libs/jquery", 
    highcharts: "libs/highcharts" 
    }, 
    shim: { 
    highcharts: { 
     exports: "Highcharts", 
     deps: ["jquery"] 
    } 
    } // end Shim Configuration 
}); 
1

我刚得到它的工作如下:

  1. 顶部补充一点:

    define(['jquery'], function (jQuery) { 
    
  2. 在最后加入这

    return window.Highcharts; });

这里假设你已经定义了jQuery,如

require.config({ 
    paths: { 
     'jquery': 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min' 
    } 
}); 

您可以按照对于大多数第三方库这个一般方法。例如,我为jquery.tmpl.js和knockout.js做了这个。

1

使用最近的use.js plugin绝对是要走的路。按照我以前的回答建议编辑第三方库是一个可维护性的痛苦。