我正在显示不同类型的HTML 5图表,因此我为每种图表类型制作了单独的js文件,以便我可以选择性地加载。已经听说过很多关于require.js因此尝试了我的手。我对此很新,因此我不确定我实现它们的方式是否正确.Below是我调用构建我的图表的函数:
function buildChart(podObj) {
switch (podObj.PodAttributes.type) {
case "ColumnChart":
requirejs(["HTML5SpendDashboard/includes/js/views/column.chart.js"], function () {
var objChart = ColumnChart.getInstance();
onSuccessLoadChart(podObj, objChart);
});
break;
case "dataGrid":
requirejs(["HTML5SpendDashboard/includes/js/views/grid.js"], function () {
var objChart = DataGrid.getInstance();
onSuccessLoadChart(podObj, objChart);
});
break;
case "lineChart":
requirejs(["HTML5SpendDashboard/includes/js/views/line.chart.js"], function () {
var objChart = LineChart.getInstance();
onSuccessLoadChart(podObj, objChart);
});
break;
case "pieChart":
requirejs(["HTML5SpendDashboard/includes/js/views/pie.chart.js"], function () {
var objChart = PieChart.getInstance();
onSuccessLoadChart(podObj, objChart);
});
break;
}
}
function onSuccessLoadChart(podObj, objChart) {
objChart.BaseViewRef.Variables.ViewProperties = podObj;
objChart.Build();
}
这是使用require.js的正确方法吗?我此刻并不想采用模块化模式。另一件事是,如果重复的柱形图的情况将require.js重复加载column.chart.js文件,我可以跳过加载吗?