Sign in with Microsoft
Sign in or create an account.
Select a different account.
You have multiple accounts
Choose the account you want to sign in with.

When you add a modern page to a site, you add and customize web parts, which are the building blocks of your page. This article describes the Quick chart web part.

Note: Some functionality is introduced gradually to organizations that have opted in to the Targeted Release program. This means that you may not yet see this feature or it may look different than what is described in the help articles.

Pie chart and Column chart examples.

Use the Quick chart web part to add simple, basic charts to your page. Enter your data points or get data from a list or library, add labels, pick your chart type (column or pie), and publish.

Add the Quick chart web part

  1. If you're not in edit mode already, click Edit at the top right of the page.

  2. Hover your mouse above or below an existing web part or under the title region, click Circled plus sign used to add a modern web part to a page, and then select the Quick chart web part.

  3. To add a title, click on the chart. You'll see an option to name your chart.

  4. Click Edit web part Web part edit button to configure the settings for your Quick chart.

  5. In the toolbox on the right, choose a chart type.

  6. In the Data section, choose to enter data manually or get data from an existing SharePoint list or library.

    Enter data manually: Select the Enter data option, and then add a label and a numeric value for each data point. Click + Add to create additional data points up to a maximum of 12 data points.

    Get data from a SharePoint list or library: Select the option to Get data from a SharePoint list or library on this site, and then select the list or library.

  7. Format your chart by assigning data sources from your list or library. In the Column that has data to display section, the information in this section has to be a numerical value in order for the Quick chart to function properly. 

    screenshot of the column chart editing panel screenshot of the column chart editing panel to enter data

    Note: The option to Get data from a SharePoint list or library on this site is not available in SharePoint Server 2019.

  8. If you are creating a column chart, under Layout, you can optionally add labels for the horizontal (x) axis and the vertical (y) axis for column charts. 

       screenshot of the pie chart editing panel

Need more help?

Want more options?

Explore subscription benefits, browse training courses, learn how to secure your device, and more.

Communities help you ask and answer questions, give feedback, and hear from experts with rich knowledge.

Was this information helpful?

What affected your experience?
By pressing submit, your feedback will be used to improve Microsoft products and services. Your IT admin will be able to collect this data. Privacy Statement.

Thank you for your feedback!