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.Populate Donut chart using jQuery Morris Plugin in ASP.Net<p>Hi<a class="username" rel="mukesh1">mukesh1</a>,</p> <p>Its working. Refer below sample.</p> <p><strong><span style="text-decoration: underline;">HTML</span></strong></p> <div class="demo_block"> <pre class="brush: html">&lt;div class=&#34;box box-danger&#34;&gt; &lt;div class=&#34;box-header with-border&#34;&gt; &lt;h3 class=&#34;box-title&#34;&gt; Donut Chart&lt;/h3&gt; &lt;div class=&#34;box-tools pull-right&#34;&gt; &lt;button type=&#34;button&#34; class=&#34;btn btn-box-tool&#34; data-widget=&#34;collapse&#34;&gt; &lt;i class=&#34;fa fa-minus&#34;&gt;&lt;/i&gt; &lt;/button&gt; &lt;button type=&#34;button&#34; class=&#34;btn btn-box-tool&#34; data-widget=&#34;remove&#34;&gt; &lt;i class=&#34;fa fa-times&#34;&gt;&lt;/i&gt; &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#34;box-body chart-responsive&#34;&gt; &lt;div class=&#34;chart&#34; id=&#34;sales-chart&#34; style=&#34;height: 300px; position: relative;&#34;&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- /.box-body --&gt; &lt;/div&gt; &lt;link type=&#34;text/css&#34; rel=&#34;stylesheet&#34; href=&#34;//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css&#34; /&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; $(function () { &#34;use strict&#34;; //DONUT CHART var donut = new Morris.Donut({ element: &#39;sales-chart&#39;, resize: true, colors: [&#34;#3c8dbc&#34;, &#34;#f56954&#34;, &#34;#00a65a&#34;], data: [ { label: &#34;Download Sales&#34;, value: 12 }, { label: &#34;In-Store Sales&#34;, value: 30 }, { label: &#34;Mail-Order Sales&#34;, value: 20 } ], hideHover: &#39;auto&#39; }); }) &lt;/script&gt;</pre> </div> <p><a class="demo button orange btn btn-red">Demo</a></p>https://www.aspforums.net:443/Threads/113948/Populate-Donut-chart-using-jQuery-Morris-Plugin-in-ASPNet/https://www.aspforums.net:443/Threads/113948/Populate-Donut-chart-using-jQuery-Morris-Plugin-in-ASPNet/Fri, 14 Sep 2018 04:47:44 GMT