Как вызвать график с использованием кнопки onclick в HTML?

Question

Я определил графическую диаграмму в файле .ts, как показано.

function basicChart() {

  var trace1 = {
    x: ['1','1.5','2','2.5','3'],
    y: [12,1,14.32,2,9.56],
    mode: 'scatter',
 };

 var data = [trace1];

 var layout = {
  title: 'Scroll and Zoom',
  showlegend: false,
  autosize: false,
  width: 1100,
  height: 500,
  xaxis: {
    rangemode: 'tozero',
    autorange: true,
    tickmode: "linear",
    tick0: 0,
    dtick: 1,
    zeroline: true,
    range:[2,5]


  },
  yaxis: {
    rangemode: 'nonnegative',
    autorange: true,

  }};
var config = {displaylogo: false,modeBarButtonsToRemove:['toImage','sendDataToCloud','autoScale2d',
'resetScale2d','hoverClosestCartesian','hoverCompareCartesian','pan2d','select2d',
'lasso2d','toggleHover','toggleSpikelines']};
document.getElementById("demo").innerHTML = Plotly.newPlot( data, layout, config);    
}

Теперь я хочу вызвать эту функцию с помощью кнопки в HTML. Как это можно сделать? Любые предложения приветствуются.