extjs - 如何在 Ext.js 中使用 d3.js 图表？

Question

谁能指出我如何将 d3.js 图形嵌入 ext.js 的最简单示例？我做了很多搜索：我什至不确定这是否可能。或者是吗？提前致谢。

Answer 1

到目前为止，我使用的结果还不错的一个过于简化的版本：

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.....

}

});