Basic Column Chart - CanvasJS JavaScript Charts

Basic Column Chart - CanvasJS JavaScript Charts

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>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
      culture: "br",      
      //colorSet: "greenShades_3",             
      animationEnabled: true,
	  exportEnabled: true,
      dataPointMaxWidth: 80,
      theme: "light2",
      title:{
      text: "",         
      },
      axisX: {
      interval: 1,
      labelFontSize: 12,
      intervalType: "year"
      },
      axisY:{
      gridColor: "#B6B1A8",
      tickColor: "#B6B1A8",
      labelFontSize: 12
      },
      toolTip: {
      shared: true,
      fontSize: 12,  	
      content: toolTipContent
	  },
      legend: {
      cursor:"pointer",
      itemclick: toggleDataSeries15,
      fontSize: 11
      },
      data: [{        	  
  	
  	  //toolTipContent: "<b>{name}</b>: {y} (#percent%)",
	  
      type: "stackedColumn100",
      showInLegend: true,
      name: "Cancelamento",				  
      dataPoints: [	  	  
      { y: 19, x: new Date(2013,0) },
      { y: 0, x: new Date(2014,0) },
      { y: 1, x: new Date(2015,0) },
      { y: 350, x: new Date(2016,0) },
      { y: 116, x: new Date(2017,0) },
      { y: 42, x: new Date(2018,0) }				
      ]
      },
      
	  {   	 
      type: "stackedColumn100",
      showInLegend: true,
      name: "Desistência",			
      dataPoints: [
      { y: 0, x: new Date(2013,0) },
      { y: 0, x: new Date(2014,0) },
      { y: 0, x: new Date(2015,0) },
      { y: 3, x: new Date(2016,0) },
      { y: 486, x: new Date(2017,0) },
      { y: 1579, x: new Date(2018,0) }				
      ]
      },
     
	  {  
	  type: "stackedColumn100",
      showInLegend: true,
      name: "Ilegitimidade",		
      dataPoints: [
      { y: 244, x: new Date(2013,0) },
      { y: 0, x: new Date(2014,0) },
      { y: 2, x: new Date(2015,0) },
      { y: 387, x: new Date(2016,0) },
      { y: 179, x: new Date(2017,0) },
      { y: 12, x: new Date(2018,0) }				
      ]
       
      },
      {  
      type: "stackedColumn100",
      showInLegend: true,
      name: "Pagamento",		
      dataPoints:...