JavaScript Multi Series Area Charts - 0 | JSFiddle Sample Code

JavaScript Multi Series Area Charts - 0 | JSFiddle Sample Code

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

<div id="chartContainer" style="height: 370px; width: 100%;"></div>

JavaScript

window.onload = function () {

var chart = new CanvasJS.Chart("chartContainer", {
	title: {
		text: "MultiSeries Area Chart"
	},
  axisY: {
  	stripLines: [
    	{
      	value: 0,
        thickness:2
      }
    ]
  },
	data: [{
		type: "area",
		dataPoints: [
			{ x: 0, y: 220 },
			{ x: 1, y: 120 },
			{ x: 2, y: 144 },
			{ x: 3, y: 162 },
			{ x: 4,  y: 129 },
			{ x: 5,  y: 109 },
			{ x: 6,  y: 129 }
		]
	},
	{
		type: "area",
		dataPoints: [
			{ x: 0, y: -142 },
			{ x: 1, y: -134 },
			{ x: 2, y: -129 },
			{ x: 3, y: -142 },
			{ x: 4, y: -153},
			{ x: 5, y: -115 },
			{ x: 6, y: -112 }
		]
	}]
});
chart.render();

}