Añadir script al contenido con chart js

Hola, estoy intentando añadir un bloque Graph JS con este código

editor. BlockManager.add('test-chart-block', {
        etiqueta: 'Bloque de Gráfico de Prueba',
        Atributos: {Clase: 'FA FA-TEXTO'},
        Contenido: {
          Contenido: '<lienzo id="bar-diagrama" ancho="800" altura="450"></canvas>',
          script:'new Chart(document.getElementById("bar-chart"), {
            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'
              }
            }
        });`
        }
      });

pero cada vez que arrastraba el nuevo bloque me daba un error: ! imagen

¿Cómo añado un 'script' a un 'contenido' para generar el gráfico? ¿También se permiten scripts de terceros en GrapesJS o hay propiedades que deban definirse al inicializar el editor?

¡Gracias!