Creating a sample App
For this post, I’ve prepared a small SharePoint list containing EnergyDrinks and their amount of caffeine. :) In order to read the data from SharePoint, you need to include and reference ShareCoffee. Using Visual Studio’s Package Manager Console you can install ShareCoffee using Install-Package ShareCoffee Including ChartJS.org is also really easy, just grab the chartjs file from github or the project site chartjs.org. ###
Creating the Markup
ChartJS requires only a canvas control for creating charts like the following
Creating the Chart
In this sample, I’ve used the Bar-Chart layout from ChartJS.
See the documentation which is explaining all different chart types. When executing the sample app you’ll receive the following result.