我有一个从外部js文件渲染的自定义饼图。 我使用 xhrget 来获取填充饼图所需的数据。 我使用的 url 包含一个全局变量,但我的问题是脚本中的函数在设置全局变量之前被调用。
这是我的代码:
var chart1 = new dojox.charting.Chart2D(this.id,{fill:"transparent"});
chart1.setTheme(dojox.charting.themes.MiamiNice,{fill:"transparent"});
chart1.addPlot("default", {
type: "Pie",
labels: false,
labelStyle: "rows",
precision: -10,
fontColor: "black",
labelOffset: -20,
radius: 150
});
console.log(this.getURLFunction(this.id ));
chart1.theme.plotarea.fill = undefined;
this.xhrDeferred = dojo.xhrGet({
url: this.getURLFunction(this.id)**,//"../traffic-analysis/get-ip-dist/format/json/ds/1/data/rate/tTime/1334787567/fTime/1334182767/time/604800/drilldown/true/displayedTime/enabled?dojo.preventCache=1334787568120",
sync: true,
handleAs: "json",
preventCache: true,
load: function(responseObj) {
var seriesData=[1,2,3,4,5,6,7];
chart1.addSeries("IP", dojo.map(responseObj.pieItems, function(p){
return {
y: p[1], // value
text: p[0], // label
tooltip:p[0] +": " + p[1]
};
}));
var anim_a = new dojox.charting.action2d.MoveSlice(chart1, "default");
var anim_b = new dojox.charting.action2d.Highlight(chart1, "default");
var anim_c = new dojox.charting.action2d.Tooltip(chart1, "default");
chart1.render();
var chartLegend = new dojox.charting.widget.Legend({
chart: chart1,
swatchSize: 12,
},
"chartLegend");
},
// error: function(error, args) { console.warn("error", error); }
error: function(error, args) {
_this.xhrError = true;
_this.chartStatusBar.innerHTML = chartErrorMsg(_this.id);
console.log(error);
}
});
xhrget for url 下的 getURLFunction(this.id) 是指 HTML 中的一个元素,该元素具有从 HTML 文件调用特定函数的 ID。
该函数是 getURL_IpDist(),它返回 xhrget 将用于获取数据的 URL,即/traffic-analysis/get-ip-dist/format/json" + sc.toURL();
sc 是在我的函数尝试获取 url 之前需要设置的全局变量。 这是在另一个外部 JavaScript 文件中设置的。有谁知道如何在设置变量之前延迟 dojo 或 javascript 的加载?
据我了解,您发布的代码位于单独的 js 文件中,并且您使用 <script>
标签包含它。
您是否尝试过将此代码包装在 ready
函数中?
require(["dojo/ready"], function(ready){
ready(function(){
// var chart1 = ...
});
});
这样做不会执行代码,直到浏览器解析了整个 dom。 其中应包括设置全局变量的其他代码。
不要使用变量,而是使用函数。 设置"全局变量"的组件实际上应该调用一个设置相关全局变量的函数。
然后,应用程序的其他部分可以使用 dojo.connect() 连接到函数,因此无论何时调用它,dojo 都会调用连接到函数的任何处理程序。 例如:
global.setVar = function(value) {
global.var = value;
}
...
dojo.connect(global, 'setVar', null, function() {
alert("Global variable has been set to: "+global.var);
});
您可以使用 Dojo 的订阅/发布工具来获得类似的功能,甚至可能是您自己的 Dojo。延迟实例。 采用哪种方法来同步通信取决于应用程序的设计方式以及特定需求。