如何使用C3创建Dojo窗口小部件

苏夫

我找不到任何描述使用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标签只是空的,我没有收到任何错误,您能帮上忙吗?

苏夫

我会回答我的问题:

为了能够在dojo小部件中显示C3图表,您必须在startup()函数中生成图表

例如,如果您尝试在小部件生命周期中的startup()之前的另一个函数postCreate()生成图表C3 ,则无法将c3绑定到(同一小部件​​的)DOM元素,因为该元素尚不存在。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在C语言中的GTK3中创建自定义窗口小部件?

如何使用dojo build.sh构建自定义窗口小部件

您如何从此窗口小部件树创建独立窗口小部件?

如何为主窗口创建的小部件创建 QCloseEvent

如何引用使用KV语言在kivy中创建的不同屏幕的窗口小部件?

如何使用数组中的不同数据自动创建窗口小部件多次?

如何使用TFS数据创建自定义窗口小部件?

如何在tkinter中使用grid()方法在新窗口小部件上创建按钮?

如何使用选项创建Android小部件?

如何使用.ui文件创建小部件?

如何使用QDateEdit创建小部件

在IPython窗口小部件中,如何使用新值更新DropDown窗口小部件?

如何创建预先的多个可嵌入窗口小部件?

如何创建窗口小部件(按钮)的派生类

如何创建与窗口小部件滚动同步的标签栏?

Flutter:如何从现有的窗口小部件正确创建自定义窗口小部件并使用其属性(有时有条件)

缩小Rmarkdown中C3小部件与周围文本之间的间隙

Flutter:如何正确使用继承的窗口小部件?

使用继承的窗口小部件时如何处置bloc?

如何使用子窗口小部件更改AppBar内容?

如何使用 kivy 中的弹出窗口小部件更改屏幕?

如何使用Wordpress窗口小部件填充HTML中的空白

是否可以使用D3 JS在Hue中创建自定义窗口小部件?

如何将窗口小部件注入自定义子窗口小部件并使用子窗口小部件迭代索引?

根据列表创建窗口小部件

在Sitefinity中动态创建窗口小部件

使用Python tkinter重新缩放窗口小部件时,如何使用窗口小部件的其余部分缩放文本?

如何使用jQuery UI selectMenu小部件在下拉列表中创建3列?

我如何堆叠窗口小部件彼此重叠的小部件