How to create Bar Chart

Question

Hi I have below data . How to create Bar Chart Month Average days Jan-22 15 Feb-22 60 Mar-22 3 Apr-22 19 May-22 8 Jun-22 17 Jul-22 12 Thanks

Pankaj Patel · Answer

Hi Ramco Ramco Chart.js is an open-source data visualization library. Using it you can easily create effective charts as like following steps: Include js Add chart element Render chart Full example Chart.js Bar Chart var ctx = document.getElementById('myChart').getContext('2d'); var myChart = new Chart(ctx { type: 'bar' data: { labels: [Jan-22 Feb-22 Mar-22 Apr-22 May-22 Jun-22 Jul-22] datasets: [{ data: [156031981712] label: Total borderColor: rgb(62149205) backgroundColor: rgb(621492050.1) borderWidth:2 } ] } }); For more details: How to use Chart.js | 11 Chart.js Examples https://ordinarycoders.com/blog/article/11-chart-js-examples Hope this will help you!

Jignesh Kumar · Answer

Hello Ramco Please refer this link which will help you .Net https://www.c-sharpcorner.com/UploadFile/0c1bb2/bar-and-stackedbar-charts-in-Asp-Net/ https://www.aspsnippets.com/Articles/Draw-Bar-Column-charts-in-ASPNet-using-C-and-VBNet.aspx MVC https://www.c-sharpcorner.com/article/asp-net-mvc5-generate-bar-chart-using-javascript-c3-chart-library-and-entity-f/ https://www.aspsnippets.com/Articles/Create-Charts-Bar-Charts-from-Database-using-Charts-Helper-in-ASPNet-MVC.aspx

Abhishek Yadav · Answer

chk out this https://www.c-sharpcorner.com/UploadFile/0c1bb2/bar-and-stackedbar-charts-in-Asp-Net/

Brahma Prakash Shukla · Answer

Follow this link - https://www.c-sharpcorner.com/article/highcharts-bar-charts/

Month	Average days
Jan-22	15
Feb-22	60
Mar-22	3
Apr-22	19
May-22	8
Jun-22	17
Jul-22	12