ExtJS 6 Highcharts adapter

Highchart.js

// usage:
// {
//   xtype: 'ux_highchart',
//   highchartCfg: {
//     // ...
//   }
// }

Ext.define('Ext.ux.Highchart', {
  extend: 'Ext.Container',
  xtype: 'ux_highchart',

  _chart: null,

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

      this._chart = Highcharts.chart(target, cfg)
    },

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

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