<< SharePoint 2019/SE 'Modern' Web PartsTable of contents 
Chart Web Part

The Chart Web Part allows to chart data contained in the specified Sharepoint List. The charts are created using Google's public Chart API (see official Google Documentation)
Sharepoint 2019 Modern Chart Web Part

Web Part Configuration:

for a detailed description please see /apps/page.asp?Q=5910

enter the optional web part title

Web Part:

enter the below configuration settings:

site=Site URL (if the list is located in another site)
list=Name of the Sharepoint list
view=Name of the list view (optional)
type=Donut (choose one of the chart types)
labels=Title (define the list column for the chart labels)
data=Qty (define the list column for the chart data points)
aggregate=Sum (define the chart aggregate)
title=Fruit Sales (optionally define the chart title)
legend=bottom (define the position of the chart legend)
colors=red,blue (optionally define the chart series colors)
color=black (optionally define the chart font color)
bgc=silver (optionally define the chart background color)
searchfilter=Year (optionally define your search filter settings)
options=additional options as needed

Web Part Configuration
Webpart Homepage & Download »

Please enter a comment below if you want to give feedback or have suggestions for improvements:

User Comments Post a Comment 

Ami T  
12/23/2021 20:11 
How do I change the chart colors? I have tried chartcolors=red in the configuration but it does not seems to work for VerticalBar chart. I feel I am not entering it in the correct location.
Ami T  
12/23/2021 21:17 
update: basic changes to "VerticalBar" chart type ex: "colors=red"
12/27/2021 10:59 
please define your chart series color(s) by entering the below:

Single series example:

Two series example:
Ami T  
1/3/2022 15:40 
Any suggestions on how I change the chart values to percent? The data column I am referencing has been selected to show as a percent ie 0%, 80%. The chart values are all showing as a decimal, 0.8, 0.95...
1/4/2022 13:28 
we have now published the new version which respects the “Show as percentage” column setting.

Please re-download the “Chart” web part from our web site at http://www.amrein.com/apps/page.asp?Q=5910 and then update the web part solution.