Draw chart on button click - CanvaJS

Draw chart on button click - CanvaJS

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/>
<button id="renderChart">Render Chart</button>
<div id="chartContainer" style="height: 350px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer",{
  title :{
    text: "Basic Column Chart"
  },
  data: [{		
    type: "column",// Change type to "bar", "area", "spline", "pie",etc.
    dataPoints: [
      { label: "apple",  y: 10  },
      { label: "orange", y: 15  },
      { label: "banana", y: 25  },
      { label: "mango",  y: 30  },
      { label: "grape",  y: 28  }
    ]
  }]
});

document.getElementById("renderChart").addEventListener("click", function(){
  chart.render();
})