¿Cómo tener propiedades dinámicas en un bloque personalizado?

Hola, estoy creando una categoría personalizada usando ChartJS que serían bloques de gráficos arrastrables. Actualmente tengo este código para que se muestre un gráfico estático en el lienzo después de que lo deje caer

blockManager.add('test-chart-block', {
        Etiqueta: '<div>
                  <img src="dist/img/bar-chart.png" height="60px" width="60px">
                  <div class="my-label-block">Bloque de gráfico de prueba</div>
                ',</div>
        categoría: 'Listas',
        Atributos: {},
        Contenido: {
          contenido: '<lienzo id="bar-diagrama"></canvas>',
          script: función () {
            var ctx = document.getElementById("bar-chart");
            
new Chart(ctx, {
                tipo: 'barra',
                data: {
                  etiquetas: ["África", "Asia", "Europa", "América Latina", "Norteamérica"],
                  conjuntos de datos: [
                    {
                      etiqueta: "Población (millones)",
                      FondoColor: ["#3e95cd", "#8e5ea2", "#3cba9f", "#e8c3b9", "#c45850"],
                      datos: [2478.5267.734.784.433]
                    }
                  ]
                },
                Opciones: {
                  leyenda: { display: false },
                  título: {
                    Display: Cierto,
                    texto: 'Población mundial prevista (millones) en 2050'
                  }
                }
            });
          },
          estilo: {
            Altura: '350px',
            ancho: '500px'
          }
          
}
      });

Ahora mi problema es que, tras arrastrarlo, no puedo actualizar ni editar los datos del gráfico. ¿Cómo puedo hacer que las propiedades de 'datos' y 'opciones' del Gráfico sean editables?

Gracias.