如何從YUI3加載d3.js

Question

如何從YUI3加載d3.js？

我知道如何加載原生YUI模塊，但我不確定如何加載外部模塊/庫。

YUI().use("node", function(Y){ 
    //initialization code 
}); 

Answer 1

你需要配置YUI，所以他知道在哪裏找到它。

默認情況下，加載程序將在yui種子文件的相同位置查找腳本。 要更改特定腳本（d3）的下載位置，您需要定義一個組。

一個組具有'base'，這是其模塊將被下載的基本路徑。

所以你定義一個組件「d3」與模塊d3。

YUI({ 
groups: { 
    "d3lib": { 
    base: "http://d3js.org/", //the modules of this group will be downloaded from there 
    modules: { 
     "d3": { 
     path:"d3.v2.js" // base + path = http://d3js.org/d3.v2.js 
     }, 
     "d3fake": { //another module of the "d3lib" group 
     path:"d3fake.js" 
     } 
    } 
    } 
} 
}).use("d3", function (Y) { 
    //d3 is available and ready to use! 
    } 
}); 

你可以檢查下面的鏈接，他們加載了一些yui2模塊（這是相同的原理）。 http://yuilibrary.com/yui/docs/yui/loader.html#example-config