ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.Hide column when null or Zero value in mixed chart using ChartJS in AngularJS<p>Hi <a class="username" rel="skp"> skp</a>,</p> <p>Check this example. Now please take its reference and correct your code.</p> <p><strong><span style="text-decoration: underline;">HTML</span></strong></p> <div class="demo_block"> <pre class="brush: html">&lt;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&gt; &lt;head&gt; &lt;title&gt;Mixed type charts&lt;/title&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.8/angular.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://cdnjs.cloudflare.com/ajax/libs/angular-chart.js/1.0.3/angular-chart.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; var app = angular.module(&#34;MyApp&#34;, [&#34;chart.js&#34;]); app.controller(&#34;MyController&#34;, function ($scope) { // Get months using WebApi. $scope.months = []; $scope.months.push({ MonthName: &#39;Jan&#39;, Qty: 65, Value: 28 }); $scope.months.push({ MonthName: &#39;Feb&#39;, Qty: 0, Value: 0 }); $scope.months.push({ MonthName: &#39;Mar&#39;, Qty: 80, Value: 40 }); $scope.months.push({ MonthName: &#39;Apr&#39;, Qty: 49, Value: 19 }); $scope.months.push({ MonthName: &#39;May&#39;, Qty: 58, Value: 25 }); $scope.months.push({ MonthName: &#39;Jun&#39;, Qty: 32, Value: 89 }); $scope.months.push({ MonthName: &#39;Jul&#39;, Qty: 92, Value: 48 }); $scope.colors = [&#39;#00ADF9&#39;, &#39;#949FB1&#39;]; $scope.labels = []; var qty = []; var value = []; for (var i = 0; i &lt; $scope.months.length; i++) { if ($scope.months[i].Qty != 0 &amp;&amp; $scope.months[i].Value != 0) { $scope.labels.push($scope.months[i].MonthName); qty.push($scope.months[i].Qty); value.push($scope.months[i].Value); } } $scope.data = [qty, value]; $scope.options = { title: { display: true, text: &#39;Quantity v/s Value(in months)&#39;, fontSize: 18, position: &#39;bottom&#39; }, scales: { yAxes: [{ id: &#39;y-axis-1&#39;, type: &#39;linear&#39;, display: true, position: &#39;left&#39; }, { id: &#39;y-axis-2&#39;, type: &#39;linear&#39;, display: true, position: &#39;right&#39; }] } } $scope.datasetOverride = [{ label: &#34;Quantity&#34;, borderWidth: 1, type: &#39;bar&#39;, yAxisID: &#39;y-axis-1&#39; }, { label: &#34;Value&#34;, borderWidth: 3, hoverBackgroundColor: &#34;rgba(255,99,132,0.4)&#34;, hoverBorderColor: &#34;rgba(255,99,132,1)&#34;, type: &#39;line&#39;, yAxisID: &#39;y-axis-2&#39; }]; }); &lt;/script&gt; &lt;/head&gt; &lt;body ng-app=&#34;MyApp&#34; ng-controller=&#34;MyController&#34;&gt; &lt;canvas id=&#34;base&#34; class=&#34;chart-bar&#34; chart-data=&#34;data&#34; chart-labels=&#34;labels&#34; width=&#34;281%&#34; chart-colors=&#34;colors&#34; chart-options=&#34;options&#34; chart-dataset-override=&#34;datasetOverride&#34; style=&#34;margin-top: 12%&#34;&gt;&lt;/canvas&gt; &lt;/body&gt; &lt;/html&gt;</pre> </div> <p><a class="demo button orange btn btn-red">Demo</a></p>https://www.aspforums.net:443/Threads/301944/Hide-column-when-null-or-Zero-value-in-mixed-chart-using-ChartJS-in-AngularJS/https://www.aspforums.net:443/Threads/301944/Hide-column-when-null-or-Zero-value-in-mixed-chart-using-ChartJS-in-AngularJS/Mon, 19 Aug 2019 03:10:37 GMT