javascript - 访问函数内的变量::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('样条线');

但不幸的是，我无法访问此 chart 变量，因为它位于 draw() 函数内部。

我想将此 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