StackedAreachart100 with no margin towards every sides of chart - CanvasJS Charts

StackedAreachart100 with no margin towards every sides of chart - CanvasJS Charts

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height:360px; width:100%;"></div>

CSS

#chartContainer{
  margin-top: -19px;
}

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
  axisY: {
    valueFormatString: " ",
    gridThickness: 0,
    lineThickness: 0,
    margin: -12,    
    tickThickness: 0
  },
  axisX: {
    valueFormatString: " ",
    gridThickness: 0,
    lineThickness: 0,
    tickThickness: 0, 
    minimum: 0,
    maximum: 8,
    margin: -12
  },
  data: [{
    type: "stackedArea100",
    name: "Series 1",
    fillOpacity: 0.8,
    lineThickness: 0,    
    dataPoints: [
    		{ y: 6 },
				{ y: 2 },
				{ y: 5 },
				{ y: 7 },
				{ y: 1 },
				{ y: 5 },
				{ y: 5 },
				{ y: 2 },
				{ y: 2 }
    ]
  }, {
    type: "stackedArea100",
    name: "Series 2",
    fillOpacity: 0.8,
    lineThickness: 0,
    dataPoints: [  		 
				{ y: 7 },
				{ y: 1 },
				{ y: 5 },
				{ y: 5 },
				{ y: 2 },
				{ y: 2 },
        { y: 6 },
				{ y: 2 },
				{ y: 5 }
    ]
  }, {
    type: "stackedArea100",
    name: "Series 3",
    explodeOnClick: true,
    fillOpacity: 0.8,
    lineThickness: 0,
    dataPoints: [    	
				{ y: 2 },
				{ y: 2 },
       	{ y: 6 },
				{ y: 2 },
				{ y: 5 },
				{ y: 7 },
				{ y: 1 },
				{ y: 5 },
				{ y: 5 }
    ]    
  }]
});
chart.render();

$('canvas').width($('#chartContainer').width() + 20);
$(window).resize(function() {//for changing width of canvas when resized
  $('canvas').width($('#chartContainer').width() + 20);
});