Show Message when no data is available - CanvasJS

Show Message when no data is available - CanvasJS

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 points = [
       { y: 53.37, indexLabel: "Android" }, { y: 35.0, indexLabel: "Apple iOS" },
       { y: 7, indexLabel: "Blackberry" }, { y: 2, indexLabel: "Windows Phone" },
       { y: null}, { y: 5, indexLabel: "Others" }
       ];

var chart = new CanvasJS.Chart("chartContainer",
	{
      data: [
      {
       type: "column",
       
       dataPoints: null
       },
      ]
    });


//chart.options.data[0].dataPoints = points;

showDefaultText(chart, "No Data available");
chart.render();
 
function showDefaultText(chart, text){
 		
   var isEmpty = !(chart.options.data[0].dataPoints && chart.options.data[0].dataPoints.length > 0);
  
   if(!chart.options.subtitles)
   	(chart.options.subtitles = []);
   
   if(isEmpty)
   	chart.options.subtitles.push({
     text : text,
     verticalAlign : 'center',
   });
   else
   	(chart.options.subtitles = []);
 }