Chartjs-Show "No data" in angular-chartjs line graph

by

0👍

Here’s the plunkr:

https://plnkr.co/edit/vWZwfehDNhv6Q3YBZL7m?p=preview

You can set the text ‘no data available’ by changing the css top & right.

 <canvas id="line" ng-show="isDataAvaiable" class="chart chart-line" chart-data="plot.data" chart-labels="plot.labels" chart-legend="true" chart-colors="plot.color" chart-series="plot.series" chart-options="plot.options" chart-click="plot.callback()" height="250"></canvas>
<b class="no-data-available" ng-hide="isDataAvaiable">No Data Available</b>

Here’s the css : 

.no-data-available {
  position: absolute;
  top: 49%;
  right: 45%;
}

Leave a comment