How to Use the Quick Chart Web Part in SharePoint

Topics: SharePoint Online, SharePoint web parts

Written by Alex K Joseph

Microsoft Office tools take data processing to a whole new level. Considering SharePoint, this platform is used for efficient sharing, processing, and use of data. SharePoint offers a unique feature that leverages charts and graphs to showcase data. In this blog, we'll teach you how to use the SharePoint Quick Chart web part to easily design pie charts and column graphs in your SharePoint pages.

Ways To Use the Quick Chart Web Parts

The SharePoint Quick Chart web part allows users to instantly create charts and graphs that are visually appealing and easy for teams to understand. This is certainly a step above the traditional spreadsheet.

Effortlessly showcase the status of your projects, lists, and marketing figures with the Quick Chart web part. Now let's go ahead and learn how to add a chart on the web.

How To Add a Quick Chart Web Part to a SharePoint Page

Complete the following steps to add a Quick Chart web part to a SharePoint page:

  • Go to the SharePoint page that you'd like to add the web part to.
    Page to add the web part
  • Click Edit in the top right.
  • Click on the + icon to add a section for the new web part.
    add new section - quick chart web part
  • Choose a layout for the new section. In this demonstration, we are selecting the Two columns section layout.
    2 column layout
  • The desired section is now added. To add the web part, click the + icon in the first column.
    add new web part button
  • From the new window that opens, search for "Quick chart" and choose the Quick chart web part from the results.
    choose quick chart
  • The Quick Chart web art will be now added to the page.
  • Give your chart a name.
    enter a suitable name to the chart
  • Click on the pen icon in the top left corner of the web part to configure the web part.
    Edit web part to add data
  • Choose the desired Chart type. 
  • We have chosen the Column chart here.
    Configure data next
  • In the data section, you can choose either Enter data or Get data from a list or library on this site to enter data into the chart.
    Configure data next-1
  • With the Enter data option, you can enter data manually by clicking on the + Add option.
    Click on Add option to add more data
  • Enter a Data label and Value.
  • In the layout section, enter Horizontal axis and Vertical axis values.
    Configure layout
  • Click Republish when complete.
    Republish page

To add a pie chart using the same web part and to retrieve data from an existing list on your site, follow the steps below.

  • Refer to the steps above.
  • Click on the + icon inside the second column and choose the web part again.
    Add one more web part in the second section
  • Choose the chart type labled Pie chart.
    Choose pie chart
  • In the data section, choose Get data from a list or library on this site.
    Get data from the list or library
  • Choose the desired list.
  • Ensure that the list is properly formatted with data organized inside a table.
  • Assign the column that data needs to be retrieved from and then configure labels for the horizontal axis.
  • Provide a title for the chart.
  • Click Republish when complete.
    Final look of the quick link web parts

Display Charts in SharePoint with Additional Web Parts

Use the following web parts to display charts and graphs on SharePoint pages:

E-BOOK CTA - Utilize SharePoint sites and pages

Please let us know about your experience using these web parts in the comments section below. Have a good day!

Book a Live demo

Schedule a live demo of Dock 365's Contract Management Software now.

Don't Get Left Behind!
Subscribe to Dock 365 Blogs!
Stay up to date with the latest business tips and trends.