Show charts inside my modern page

Question

I want to build 3 charts and show them inside my SharePoint online modern page, the charts are as follow:

1. First chart is to group the items from a single SharePoint list by Created date, and show the total number of items based on the day of the week (Mon till Sun).

2. Second chart is to show the total number of items from 4 different lists and show the percentage inside a pie chart

3. Third chart is to group the items from a single SharePoint list by Created date, and show the total number of items based on the month from the first month of the year till current month.

So, how I can build such charts and show them inside modern SharePoint page?

Can I use the modern Quick charts web part, Power App or Power BI?

Answer 1

Quick chart web part in SharePoint can only show the simple data without allowing any grouping/calculation (for data as well as labels).

So, you cannot achieve your above requirements using Quick chart web part.

Possible solutions:

1. Power BI:

   • Using Power BI, you can quickly create reports using simple as well as complex calculations
   • You can embed Power BI report on modern page using Power BI web part
   • You will need Power BI licenses to share the reports with other users.

2. SPFx web part:

   • You can achieve your requirements by developing custom SPFx web part.
   • You can use ChartControl control to fasten your SPFx development.
   • No additional licenses or cost but requires more time for development.

   See few SPFx samples developed by community members at:

   1. Chart Control Samples
   2. Modern Charts