SharePoint Online: How to Create Chart from List Data using Quick Chart Web Part?

Requirement: Create Chart from List data in SharePoint Online.

Here is my SharePoint Online list data:

quick chart web part in sharepoint online

How to Create Quick Chart from List Data in SharePoint Online?

In Modern SharePoint Online sites, we can use the Quick chart web part to build a bar chart or pie chart from list data. Here is how to use the Quick chart web part to create a chart from the list.

  • In your Modern SharePoint Online site, create a new page or edit an existing page.
  • Click on the “+” icon to add a Web Part. In the web parts popup, search “Quick chart” and you’ll find Quick chart web Part as in the below
    screen. sharepoint online chart from list
  • Click on the “Quick Chart” web part to add it to the page. sharepoint online create chart from list
  • Once added, Click on the pencil icon in the quick chart web part area. This opens web part properties in edit mode. 
  • Select chart type: either “Column” or “Pie”. Specify the option to get the data from the SharePoint list.
  •  Select the SharePoint list where the chart data resides. Specify the columns for labels and data. optionally set the sort order.sharepoint online quick chart from list

That’s all. This builds a chart in SharePoint Online with few clicks!

Salaudeen Rajack

Salaudeen Rajack is a SharePoint Architect with Two decades of SharePoint Experience. He loves sharing his knowledge and experiences with the SharePoint community, through his real-world articles!

One thought on “SharePoint Online: How to Create Chart from List Data using Quick Chart Web Part?

  • March 18, 2021 at 4:59 PM

    Unfortunately the Quick chart is quite limited in its features – namely, it doesn’t support aggregations (sum etc). Or filtering. Here is a commercial alternative:


Leave a Reply