我找不到任何描述使用 C3 库创建 Dojo Widget 的示例。
在尝试创建小部件之前,我尝试创建一个模块,并且它有效。
我是 Dojo 的新手...所以这是我尝试使用 c3 创建 Widget 的内容:
require([
"dojo/_base/declare", "dojo/parser", "dojo/dom-construct", "dojo/ready", "dojo/_base/window",
"dijit/_WidgetBase", "d3/d3", "c3/c3"
],function(declare, parser, domConstruct, ready, win, _WidgetBase, d3, c3){
declare("LineChart", [_WidgetBase], {
_options: {
bindTo : '#kpi1_chart',
data : {
columns : [
['data', 23, 50, 22, 41, 10]
]
},
zoom :{
enabled : true
}
},
_chart: undefined,
constructor: function(params, srcNodeRef){
if(params.hasOwnProperty('id'))
this._options.bindTo = "#"+params.id;
else
console.log("widget LineChart : id couldn't be found");
},
buildRendering: function(){
this._chart = c3.generate(this._options);
}
});
ready(function(){
parser.parse();
});
});
这是我在 HTML 中初始化小部件的方式
<div id="kpi1_chart" data-dojo-type="LineChart"></div>
当我开始页面时,div标签只是空的,我没有收到任何错误,你能帮忙吗?