Доступ к переменной внутри функции :: 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');

Но, к сожалению, у меня нет доступа к этой переменной 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 везде

Answer 2

попробовать инициализировать график:

chart: any = {}; 

затем вызвать его

this.chart.transform('spline');