Applies ToSharePoint Server Subscription Edition SharePoint Server 2019 SharePoint in Microsoft 365 Microsoft 365 admin SharePoint admin center SharePoint operated by 21Vianet

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, select Edit at the top right of the page. Find the Toolbox (Toolbox icon in content pane) on the right.

  2. Select See all web parts, then select or drag-and-drop Quick chart from the list of web parts.

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

  4. Select Edit properties (Icon for editing web part and section properties) to configure the settings for your Quick chart. In the properties on the right, choose a chart type.

  5. 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. Select + 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.

  6. 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.

  7. 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.