Lost event listeners

Hi,

first of all, thank you for porting the charts into angular’s world.

I’ve got issue, when data are append after a chart creation. I’m using Object.create() in my subscribe’s callback to re-draw the chart with new options, what causes the method from (chartSelect) isn’t called.

Am I doing wrong or is it a bug?

---

scrap of code for reference:

export class Component {
    activityChartOptions: any;

    constructor(private service: Service) {
        this.activityChartOptions = require('./charts/activity.json');
    }

// ...

    private fetchStats() {
        this.service.get().subscribe((result) => {
            this.activityChartOptions = Object.create(this.activityChartOptions);
            this.activityChartOptions.dataTable = result;
        });
    }      
}

[felipecespedes]

There is a bug when registering events on a loaded chart, I’ve created a pull request to fix it #31

[Fellach]

HI again.

I took the code from your demo and modified the app.component.ts a little to simplify and to simulate an API call. As I’ve described above listener stops working, when data are re-created.

Cheers!

export class AppComponent {

 public selectEvent: ChartSelectEvent;

 public lineChartData:any =  {
    chartType: 'LineChart',
    dataTable: [
      ['Year', 'Sales', 'Expenses'],
      ['Year', 0, 0],
    ],
    options: {title: 'Company Performance'}
  };

  ngOnInit() {
    setTimeout(() => { // eg. API call

      this.lineChartData = Object.assign({}, this.lineChartData, {
          dataTable: [
            ['Year', 'Sales', 'Expenses'],
            ['2004',  1000,      400],
            ['2005',  1170,      460],
            ['2006',  660,       1120],
            ['2007',  1030,      540]
          ]
      });

    }, 1000);
 }

  public select(event: ChartSelectEvent) {
    this.selectEvent = event;
  }
}