extjs - Ext.js で d3.js グラフを使用するには?

Question

d3.js グラフィックスを ext.js に埋め込む方法の最も単純な例を教えてもらえますか? 私は多くの検索を行ってきました。それが可能かどうかさえわかりません。またはそれは？前もって感謝します。

Answer 1

これまでにOKの結果で使用したものの非常に単純化されたバージョン：

Ext.define('desktop.controls.d3svg', {
extend: 'Ext.container.Container',
alias: 'widget.d3svg',

listeners: {

    added: function() {

        this.onAdded();

    }

},

onAdded: function() {

    // ext container has the outer and inner containers
    // use id for selection of inner container for appending svg
    var svg = d3.select('#' + this.id + '-innerCt').append("svg");

    this.svg = svg;

},

onResize: function(width, height) {

    // on the way to an example of using ext resize event and width
    // and height vars
    // this.svg.do_d3_resize_things.....

}

});