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.Change CanvasJS Bar Chart X-Axis Label and Tooltip using jQuery in ASP.Net<p>Hi <a class="username" rel="mukesh1"> mukesh1</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;canvas id=&#34;bar-chart&#34; width=&#34;1000&#34; height=&#34;500&#34;&gt;&lt;/canvas&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; var remark1 = &#34;my project details of class1 to 81&#34;; var remark2 = &#34;my project details of class2 to 82&#34;; var remark3 = &#34;my project details of class3 to 83&#34;; var remark4 = &#34;my project details of class4 to 84&#34;; var remark5 = &#34;my project details of class5 to 85&#34;; var remark6 = &#34;my project details of class6 to 86&#34;; var remark7 = &#34;my project details of class7 to 87&#34;; var remark8 = &#34;my project details of class8 to 88&#34;; var remark9 = &#34;my project details of class9 to 89&#34;; var remark10 = &#34;my project details of class10 to 89&#34;; var point1 = 50; var point2 = 54; var point3 = 85; var point4 = 32; var point5 = 46; var point6 = 78; var point7 = 61; var point8 = 58; var point9 = 63; var point10 = 66; var ctx = document.getElementById(&#34;bar-chart&#34;).getContext(&#39;2d&#39;); var myChart = new Chart(ctx, { type: &#39;bar&#39;, data: { labels: [remark1, remark2, remark3, remark4, remark5, remark6, remark7, remark8, remark9, remark10], datasets: [{ label: &#34;Points&#34;, data: [point1, point2, point3, point4, point5, point6, point7, point8, point9, point10], backgroundColor: [&#34;#3e95cd&#34;, &#34;#8e5ea2&#34;, &#34;#3cba9f&#34;, &#34;#e8c3b9&#34;, &#34;#c45850&#34;, &#34;#3e95cd&#34;, &#34;#8e5ea2&#34;, &#34;#3cba9f&#34;, &#34;#e8c3b9&#34;, &#34;#c45850&#34;] }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero: true } }], xAxes: [{ ticks: { callback: function (value, index, values) { // return only first 4 charater of remark. return value.substr(0, 4); } } }] }, tooltips: { callbacks: { title: function (tooltipItem, data) { // Returns text to render as the title of the tooltip. return data.labels[tooltipItem[0].index]; } } } } }); &lt;/script&gt;</pre> </div> <p><a class="demo button orange btn btn-red">Demo</a></p>https://www.aspforums.net:443/Threads/136051/Change-CanvasJS-Bar-Chart-X-Axis-Label-and-Tooltip-using-jQuery-in-ASPNet/https://www.aspforums.net:443/Threads/136051/Change-CanvasJS-Bar-Chart-X-Axis-Label-and-Tooltip-using-jQuery-in-ASPNet/Tue, 18 Sep 2018 02:12:09 GMT