2011-11-18 93 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絕對是要走的路。按照我以前的回答建議編輯第三方庫是一個可維護性的痛苦。