Visualizing SharePoint Data:

Using Chart.js to Visualize List Items

With SharePoint list data loaded into our web part state, we now have an opportunity to transform this data into just about anything we can think of. In this lesson, we’ll import the Chart.js NPM package and learn how to transform our SharePoint list data into different chart visualizations.

Learn More

  1. Chart.js
  2. react-chartjs-2
  3. Lesson Source Code

Terminal Commands Used in This Lesson

  1. npm i chart.js react-chartjs-2 --save
  2. gulp serve
Lesson 13 of 26