ExtJS 6 Echarts adapter

Echart.js

// usage:
// {
//   xtype: 'ux_echart',
//   echartCfg: {
//     // ...
//   }
// }

Ext.define('Ext.ux.Echart', {
  extend: 'Ext.Container',
  xtype: 'ux_echart',

  _chart: null,

  listeners: {
    boxready: function () {
      const target = `${this.id}-innerCt`
      const cfg = this.initialConfig.echartCfg

      this._chart = echarts.init(document.getElementById(target))
      this._chart.setOption(cfg)
    },

    resize: function () {
      this._chart.resize()
    },

    beforedestroy: function () {
      this._chart.dispose()
    }
  }
})