函数:: 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');