Area Chart with hidden axis information- CanvasJS JavaScript Charts

Area Chart with hidden axis information - 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>

JavaScript

var chart = new CanvasJS.Chart("chartContainer",
{
    title: {
        text: "Area Chart with hidden axis information"
    },
   		
      axisY:{
        gridThickness: 0,
         lineThickness: 0,
         valueFormatString:" ",
         /* //OR
         labelFormatter: function(e){
				return  "";
			},*/
      tickThickness:0
      },
      axisX:{
       lineThickness: 0,
       valueFormatString:" ",
       /* //OR
         labelFormatter: function(e){
				return  "";
			},*/
      tickThickness:0
      },
	
    data: [
     
        {
            type: "splineArea",
            color: "#009688",
            //fillOpacity: 1,
            dataPoints: [
                {x: 10, y: 2006},     
                {x: 20, y: 2798},     
                {x: 30, y: 3386},     
                {x: 40, y: 6544},     
                {x: 50, y: 5026},     
                {x: 60, y: 2394},     
                {x: 70, y: 1872},     
                {x: 80, y: 2140},     
                {x: 90, y: 5289},     
                {x: 100, y: 4830},     
                {x: 110, y: 2009},     
                {x: 120, y: 2840}
               
            ]
        },
        {
            type: "splineArea",
            color: "#8BC34A",
            //fillOpacity: .6,
            dataPoints: [
                {x: 10, y: 2106},     
                {x: 20, y: 1598},     
                {x: 30, y: 1506},     
                {x: 40, y: 4044},     
                {x: 50, y: 3026},     
                {x: 60, y: 1494},     
                {x: 70, y: 572},     
                {x: 80, y: 1040},     
                {x: 90, y: 3589},     
                {x: 100, y: 1930},     
                {x: 110, y: 1400},     
                {x: 120, y: 1240}
               
            ]
        },
        {
            type: "splineArea",
            color: "#43A047",
            //fillOpacity: .6,
            dataPoints: [
                {x: 10, y: 250},     
                {x: 20,...