函數:: TypeScript和Angular2中的訪問變量

Question

我有一個c3.js庫，可在我的angular2文件中繪制一個圖表。 繪圖腳本位於函數內部：

private draw() {

 let chart = c3.generate({
  bindto: '#chart',
  data: {
    columns: [
      ['data1', 30, 200, 100, 400, 150, 250, 130, 50, 20, 10, 40, 15, 25, 390],
      ['data2', 50, 20, 10, 40, 15, 25, 542, 30, 200, 100, 333, 150, 250]
    ],
    type: "line"
  }   

});

}

c3.js庫提供了通過以下功能將圖表的類型從line更改為spline的可能性：

chart.transform('spline');

但不幸的是，由於它在draw()函數內部，因此我無法訪問此chart變量。

我想把這個chart.transform('spline'); 按鈕內部的功能，讓用戶動態更改它。

〜 我需要一些使它起作用的方法，任何幫助我們都將不勝感激！

Answer 1

chart:any;

private draw() {

 this.chart = c3.generate({
  bindto: '#chart',
  data: {
    columns: [
      ['data1', 30, 200, 100, 400, 150, 250, 130, 50, 20, 10, 40, 15, 25, 390],
      ['data2', 50, 20, 10, 40, 15, 25, 542, 30, 200, 100, 333, 150, 250]
    ],
    type: "line"
  }   

});

您可以在任何地方使用this.chart

Answer 2

嘗試初始化圖表：

chart: any = {};

然后叫它

this.chart.transform('spline');