[docs] Provide workaround for pie chart composition #18600

alexfauquette · 2025-06-30T08:09:55Z

Document pie center issue with composition #18538

mui-bot · 2025-06-30T08:11:23Z

Deploy preview: https://deploy-preview-18600--material-ui-x.netlify.app/

Updated pages:

docs/data/charts/pie/pie.md

Bundle size report

Total Size Change: 0B^(0.00%) - Total Gzip Change: ▼-79B^(0.00%)
Files: 122 total (0 added, 0 removed, 28 changed)

Show details for 100 more bundles (22 more not shown)

@mui/x-charts parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts-pro parsed: 0B^(0.00%) gzip: ▼-2B^(0.00%)
@mui/x-charts-pro/BarChartPro parsed: 0B^(0.00%) gzip: ▼-2B^(0.00%)
@mui/x-charts-pro/ChartContainerPro parsed: 0B^(0.00%) gzip: ▼-4B^(-0.01%)
@mui/x-charts-pro/ChartDataProviderPro parsed: 0B^(0.00%) gzip: ▼-4B^(-0.01%)
@mui/x-charts-pro/ChartsToolbarPro parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts-pro/ChartZoomSlider parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts-pro/FunnelChart parsed: 0B^(0.00%) gzip: ▼-1B^(0.00%)
@mui/x-charts-pro/Heatmap parsed: 0B^(0.00%) gzip: ▼-2B^(0.00%)
@mui/x-charts-pro/LineChartPro parsed: 0B^(0.00%) gzip: ▼-3B^(0.00%)
@mui/x-charts-pro/PieChartPro parsed: 0B^(0.00%) gzip: ▼-1B^(0.00%)
@mui/x-charts-pro/RadarChartPro parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts-pro/ScatterChartPro parsed: 0B^(0.00%) gzip: ▼-1B^(0.00%)
@mui/x-charts/BarChart parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartContainer parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartDataProvider parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartsAxis parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartsAxisHighlight parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartsClipPath parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartsGrid parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartsLabel parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartsLegend parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartsLocalizationProvider parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartsOverlay parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartsReferenceLine parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartsSurface parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartsText parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartsTooltip parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartsXAxis parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ChartsYAxis parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/Gauge parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/LineChart parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/PieChart parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/RadarChart parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/ScatterChart parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/SparkLineChart parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-charts/Toolbar parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-data-grid parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-data-grid-premium parsed: 0B^(0.00%) gzip: ▼-2B^(0.00%)
@mui/x-data-grid-premium/DataGridPremium parsed: 0B^(0.00%) gzip: ▼-4B^(0.00%)
@mui/x-data-grid-pro parsed: 0B^(0.00%) gzip: ▼-3B^(0.00%)
@mui/x-data-grid-pro/DataGridPro parsed: 0B^(0.00%) gzip: ▼-4B^(0.00%)
@mui/x-data-grid/DataGrid parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro parsed: 0B^(0.00%) gzip: ▼-5B^(-0.01%)
@mui/x-date-pickers-pro/AdapterDateFns parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/AdapterDateFnsJalali parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/AdapterDayjs parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/AdapterLuxon parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/AdapterMoment parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/AdapterMomentHijri parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/AdapterMomentJalaali parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/DateRangeCalendar parsed: 0B^(0.00%) gzip: ▼-1B^(0.00%)
@mui/x-date-pickers-pro/DateRangePicker parsed: 0B^(0.00%) gzip: ▼-7B^(-0.01%)
@mui/x-date-pickers-pro/DateRangePickerDay parsed: 0B^(0.00%) gzip: ▼-2B^(-0.03%)
@mui/x-date-pickers-pro/DateRangePickerDay2 parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/DateTimeRangePicker parsed: 0B^(0.00%) gzip: ▼-4B^(-0.01%)
@mui/x-date-pickers-pro/DesktopDateRangePicker parsed: 0B^(0.00%) gzip: ▼-4B^(-0.01%)
@mui/x-date-pickers-pro/DesktopDateTimeRangePicker parsed: 0B^(0.00%) gzip: ▼-4B^(-0.01%)
@mui/x-date-pickers-pro/DesktopTimeRangePicker parsed: 0B^(0.00%) gzip: ▼-3B^(-0.01%)
@mui/x-date-pickers-pro/LocalizationProvider parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/MobileDateRangePicker parsed: 0B^(0.00%) gzip: ▼-4B^(-0.01%)
@mui/x-date-pickers-pro/MobileDateTimeRangePicker parsed: 0B^(0.00%) gzip: ▼-4B^(-0.01%)
@mui/x-date-pickers-pro/MobileTimeRangePicker parsed: 0B^(0.00%) gzip: ▼-1B^(0.00%)
@mui/x-date-pickers-pro/MultiInputDateRangeField parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/MultiInputDateTimeRangeField parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/MultiInputTimeRangeField parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/PickersRangeCalendarHeader parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/SingleInputDateRangeField parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/SingleInputDateTimeRangeField parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/SingleInputTimeRangeField parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers-pro/StaticDateRangePicker parsed: 0B^(0.00%) gzip: ▼-3B^(-0.01%)
@mui/x-date-pickers-pro/TimeRangePicker parsed: 0B^(0.00%) gzip: ▼-1B^(0.00%)
@mui/x-date-pickers/AdapterDateFns parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/AdapterDateFnsBase parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/AdapterDateFnsJalali parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/AdapterDayjs parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/AdapterLuxon parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/AdapterMoment parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/AdapterMomentHijri parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/AdapterMomentJalaali parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/DateCalendar parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/DateField parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/DatePicker parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/DateTimeField parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/DateTimePicker parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/DayCalendarSkeleton parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/DesktopDatePicker parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/DesktopDateTimePicker parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/DesktopTimePicker parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/DigitalClock parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/LocalizationProvider parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/MobileDatePicker parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/MobileDateTimePicker parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/MobileTimePicker parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/MonthCalendar parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/MultiSectionDigitalClock parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/PickerDay2 parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/PickersActionBar parsed: 0B^(0.00%) gzip: 0B^(0.00%)
@mui/x-date-pickers/PickersCalendarHeader parsed: 0B^(0.00%) gzip: 0B^(0.00%)

Details of bundle changes

Generated by 🚫 dangerJS against be4fc89

codspeed-hq · 2025-06-30T08:17:32Z

CodSpeed Performance Report

Merging #18600 will degrade performances by 21.01%

_{Comparing alexfauquette:pie-composition (be4fc89) with master (b31a06e)}

Summary

❌ 9 regressions

⚠️ Please fix the performance issues or acknowledge them on CodSpeed.

Benchmarks breakdown

	Benchmark	`BASE`	`HEAD`	Change
❌	`BarChart with big data amount`	329.7 ms	387.5 ms	-14.92%
❌	`BarChartPro with big data amount`	504.9 ms	587.7 ms	-14.1%
❌	`FunnelChart with big data amount`	26.5 ms	31.2 ms	-14.89%
❌	`LineChart with big data amount`	177.7 ms	221.6 ms	-19.8%
❌	`LineChartPro with big data amount`	85.4 ms	102.1 ms	-16.37%
❌	`PieChart with big data amount`	81.3 ms	102.9 ms	-20.95%
❌	`ScatterChart with big data amount`	388.3 ms	447.9 ms	-13.32%
❌	`ScatterChartPro with big data amount`	55.1 ms	69.8 ms	-21.01%
❌	`ScatterChartPro with big data amount and zoomed in`	50.1 ms	57.1 ms	-12.26%

JCQuintas · 2025-06-30T08:19:20Z

docs/data/charts/pie/pie.md

+
+This is a workaround the time to build a proper data provider for the pie chart.


Suggested change

This is a workaround the time to build a proper data provider for the pie chart.

I don't think mentioning this is necessary or helps

docs/data/charts/pie/pie.md

Co-authored-by: Bernardo Belchior <Bernardo.belchior1@gmail.com> Signed-off-by: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com>

alexfauquette · 2025-06-30T08:27:13Z

About the workaround. My idea was to mention that it's normal that this behavior look weird. It's a workaround

bernardobelchior · 2025-06-30T08:28:02Z

About the workaround. My idea was to mention that it's normal that this behavior look weird. It's a workaround

Maybe we can create an issue and link it? "This is a workaround which we plan to fix in the future (#issue number)"

[docs] Provide workaround for pie chart composition

41e5fc6

alexfauquette added docs Improvements or additions to the documentation. scope: charts Changes related to the charts. labels Jun 30, 2025

alexfauquette requested review from JCQuintas and bernardobelchior June 30, 2025 08:10

alexfauquette added the type: enhancement It’s an improvement, but we can’t make up our mind whether it's a bug fix or a new feature. label Jun 30, 2025

JCQuintas reviewed Jun 30, 2025

View reviewed changes

bernardobelchior approved these changes Jun 30, 2025

View reviewed changes

docs/data/charts/pie/pie.md Outdated Show resolved Hide resolved

Apply suggestions from code review

ce7fe28

Co-authored-by: Bernardo Belchior <Bernardo.belchior1@gmail.com> Signed-off-by: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com>

prettier

be4fc89

alexfauquette enabled auto-merge (squash) July 1, 2025 06:20

alexfauquette merged commit 974aebc into mui:master Jul 1, 2025
20 of 21 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

[docs] Provide workaround for pie chart composition #18600

[docs] Provide workaround for pie chart composition #18600

Uh oh!

alexfauquette commented Jun 30, 2025

Uh oh!

mui-bot commented Jun 30, 2025 •

edited

Loading

Uh oh!

codspeed-hq bot commented Jun 30, 2025 •

edited

Loading

Uh oh!

JCQuintas Jun 30, 2025

Uh oh!

JCQuintas Jun 30, 2025

Uh oh!

Uh oh!

alexfauquette commented Jun 30, 2025

Uh oh!

bernardobelchior commented Jun 30, 2025

Uh oh!

Uh oh!

Uh oh!


		This is a workaround the time to build a proper data provider for the pie chart.

Uh oh!

[docs] Provide workaround for pie chart composition #18600

[docs] Provide workaround for pie chart composition #18600

Uh oh!

Conversation

alexfauquette commented Jun 30, 2025

Uh oh!

mui-bot commented Jun 30, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Bundle size report

Uh oh!

codspeed-hq bot commented Jun 30, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

CodSpeed Performance Report

Merging #18600 will degrade performances by 21.01%

Summary

Benchmarks breakdown

Uh oh!

JCQuintas Jun 30, 2025

Choose a reason for hiding this comment

Uh oh!

JCQuintas Jun 30, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

alexfauquette commented Jun 30, 2025

Uh oh!

bernardobelchior commented Jun 30, 2025

Uh oh!

Uh oh!

Uh oh!

mui-bot commented Jun 30, 2025 •

edited

Loading

codspeed-hq bot commented Jun 30, 2025 •

edited

Loading