app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  vm = this;
  title = 'tinymce-charts-angular';
  
  receiveMessage = function(e){
    if(e.origin !== "http://localhost:5050"){ return; };
    if(e.data === 'giveMeChartData'){
      e.source.postMessage({chartData: {
        data: {
            series: [1,2,6,7],
            labels: [
                "Apples",
                "Bananas",
                "Cherries",
                "!!JOHNCENA!!!"
            ]
        },
        aspectRatio: [9, 16],
        ratioClass: "ct-major-tenth",
        options: {
          // height: 400,
          // width: 400
        },
        type: "Pie"
    }}, '*')
    };
  };

  constructor(){
    window.addEventListener('message', this.receiveMessage, false);
  };

}