¿Cómo actualizar atributos o propiedades dinámicamente desde Component Script?

Tenemos un caso de uso en el que queremos insertar gráficos dinámicamente usando Highcharts Editor. He creado un componente que, al arrastrar y soltar, abre un modal y, según la selección del usuario, devuelve una imagen SVG. Me pregunto cómo puedo añadirlo al cuerpo del modelo. Ahora mismo estoy usando innerHTML para insertar, pero getHTML no tiene la imagen SVG como parte de div. Código para componente: ''' js domc.addType('charts-component', { modelo: { Predeterminados: { etiquetaNombre: 'div', guion, js: '', SVG: '', atributos: { Clase: 'Highcharts', }, 'script-props': ['js', 'svg'], }, init() { this.on('change:js', this.handleJSChange); this.on('change:svg', this.handleSVGChange); this.on('change:attributes', this.handleAttrChange); }, handleJSChange() { console.log('JS cambió'); this.addAttributes({ js: this.props().js }); }, handleSVGChange() {}, handleAttrChange() { console.log(this.getAttributes()); }, }, Ver: {}, });

También quiero establecer la salida JS del editor highcharts como un atributo al div (o, ¿hay alguna forma de añadirlo a component pero no renderizarlo, pero recuperarlo mediante getHTML), ¿hay alguna forma de añadirlo dinámicamente? He intentado escuchar las propiedades al cambiar el evento, pero parece que no se activa si lo cambio desde dentro del script.

Mi método de script para llamar a Highcharts:
''' js
const script = función (propiedades) {
    try {
      var modal = alto. ModalEditor(
        función (gráfico) {
          var html = chart.export.svg();
          var elements = document.getElementsByClassName('highcharts');
          elements[0].innerHTML = html;// Entiendo que tengo que hacer las cosas un poco diferente si quiero añadir varios gráficos.
          elements[0].setAttribute('js', chart.export.js());
          properties.js = chart.export.js();
        }
      );
      modal.show();
    } captura (err) {
      console.log(err);
    }
  };