How to display "No Data" message in the middle of chart area in column chart
<p>I am using ng-google-charts.js library to display a column chart.</p>

<p>If we have data then the column chart will render like this.<a href="https://i.stack.imgur.com/Rf6kM.jpg" rel="nofollow noreferrer">Column Chart with data</a>
<img src="https://i.stack.imgur.com/Rf6kM.jpg"></p>

<p>If we don't have any data to display then the column chart should be rendered like this.
<a href="https://i.stack.imgur.com/TUZDI.jpg" rel="nofollow noreferrer">Columns Chart with out data</a>
<img src="https://i.stack.imgur.com/TUZDI.jpg"></p>

<p>I spent lot of time to find out the solution. But endup with no solution.</p>

<p>Can someone please help me on how to achieve this?</p>