D3.js 使用dojo加载带有amd的d3

D3.js 使用dojo加载带有amd的d3,d3.js,dojo,D3.js,Dojo,嗨,我在amd模式下为我的主应用程序(html页面)使用dojo。我想创建一个引用d3库的模块来创建一些图表。我在创建这个模块时遇到了问题——到目前为止,我对这个模块(一个javascript文件)的了解是: 在我的主应用程序中,我有一个指向d3库的脚本标签链接 如何将此脚本链接导入模块?我可以从主应用程序访问d3库 谢谢 Pete当您想将D3与Dojo一起使用时,您可能首先要在您的应用程序中定义D3包。例如(使用CDN时): var dojoConfig={ async:true, pars

嗨,我在amd模式下为我的主应用程序(html页面)使用dojo。我想创建一个引用d3库的模块来创建一些图表。我在创建这个模块时遇到了问题——到目前为止,我对这个模块(一个javascript文件)的了解是:

在我的主应用程序中,我有一个指向d3库的脚本标签链接

如何将此脚本链接导入模块?我可以从主应用程序访问d3库

谢谢


Pete

当您想将D3与Dojo一起使用时,您可能首先要在您的应用程序中定义D3包。例如(使用CDN时):


var dojoConfig={
async:true,
parseOnLoad:true,
套餐:[{
名称:“d3”,
地点:“http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.6/"
}]
}
然后,您可以通过以下方式使用D3:

require([ "d3/d3" ], function(d3) {
    // Do stuff with "d3"
});
您必须使用
“d3/d3”
而不仅仅是
“d3”
的原因是
/
前面的部分指示了包名,在本例中是d3(我们使用
dojoConfig
配置)

第二部分是实际文件,在本例中为d3.js

我还做了一个示例来展示使用AMD加载程序加载D3的工作示例。在该示例中,我将Dojo配置放在Fiddle选项下,但设置是相同的

我还将回调重命名为
d3Lib
,因为D3默认创建
D3
全局变量,现在您可以清楚地看到它与AMD一起工作



如果您想使用缩小版,您可以加载
“d3/d3.min”

当您想将d3与Dojo一起使用时,您可能首先要在您的应用程序中定义d3包。例如(使用CDN时):


var dojoConfig={
async:true,
parseOnLoad:true,
套餐:[{
名称:“d3”,
地点:“http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.6/"
}]
}
然后,您可以通过以下方式使用D3:

require([ "d3/d3" ], function(d3) {
    // Do stuff with "d3"
});
您必须使用
“d3/d3”
而不仅仅是
“d3”
的原因是
/
前面的部分指示了包名,在本例中是d3(我们使用
dojoConfig
配置)

第二部分是实际文件,在本例中为d3.js

我还做了一个示例来展示使用AMD加载程序加载D3的工作示例。在该示例中,我将Dojo配置放在Fiddle选项下,但设置是相同的

我还将回调重命名为
d3Lib
,因为D3默认创建
D3
全局变量,现在您可以清楚地看到它与AMD一起工作


如果要使用缩小版,可以加载
“d3/d3.min”