Hiding dataSeries on button click - CanvasJS JavaScript Charts

Hiding dataSeries on button click - CanvasJS JavaScript Charts

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/>
<!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

<button id="show">Show Chart</button>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
  title: {
    text: "Hide / Unhide Dataseries on Button Click"
  },
  data: [
  {
    type: "line",
    dataPoints: [
      { y: 18 },
      { y: 28 },
      { y: 16 },
      { y: 30 },
      { y: 12 },
      { y: 12 }
      
   	]
	}]
});

chart.render();

document.getElementById("show").addEventListener("click", function(e) {	
  chart.data[0].set("visible", !chart.data[0].visible);  
});