Skip to content

fix(react-charts): preserve grouped chart category and series names - #36710

Draft
Paul Mardling (PaulGMardling) wants to merge 2 commits into
microsoft:masterfrom
PaulGMardling:fix/grouped-chart-names
Draft

fix(react-charts): preserve grouped chart category and series names#36710
Paul Mardling (PaulGMardling) wants to merge 2 commits into
microsoft:masterfrom
PaulGMardling:fix/grouped-chart-names

Conversation

@PaulGMardling

@PaulGMardling Paul Mardling (PaulGMardling) commented Sep 8, 2026

Copy link
Copy Markdown
Contributor

Previous Behavior

Certain valid category and series names were not preserved consistently by grouped charts.

New Behavior

  • Preserve category and series names as literal data throughout grouped-chart transformation and rendering.
  • Keep legend-indexed bar data separate from per-category rendering metadata.
  • Keep existing ordering, color, and rendering behavior for ordinary names.
  • Add focused adapter and end-to-end rendering regression coverage.

Validation

  • Focused react-charts tests (129 passed, 3 skipped; 39 snapshots passed unchanged)
  • yarn nx run react-charts:type-check
  • yarn nx run react-charts:lint
  • yarn nx run react-charts:format -- --check
  • yarn beachball check --branch origin/master --no-fetch
  • Patch change file generated with yarn change

Related Issue(s)

  • N/A

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
@github-actions

github-actions Bot commented Sep 8, 2026

Copy link
Copy Markdown

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-charts
DeclarativeChart
758.446 kB
222.689 kB
758.704 kB
222.746 kB
258 B
57 B
react-charts
GroupedVerticalBarChart
398.115 kB
124.454 kB
398.373 kB
124.502 kB
258 B
48 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-charts
AreaChart
406.902 kB
127.183 kB
react-charts
DonutChart
317.733 kB
97.977 kB
react-charts
FunnelChart
309.133 kB
94.775 kB
react-charts
GanttChart
390.032 kB
121.663 kB
react-charts
GaugeChart
317.083 kB
97.402 kB
react-charts
HeatMapChart
392.172 kB
122.702 kB
react-charts
HorizontalBarChart
297.409 kB
90.473 kB
react-charts
HorizontalBarChartWithAxis
63 B
83 B
react-charts
Legends
236.596 kB
71.053 kB
react-charts
LineChart
418.251 kB
130.314 kB
react-charts
PolarChart
345.588 kB
108.005 kB
react-charts
SankeyChart
213.797 kB
68.722 kB
react-charts
ScatterChart
397.575 kB
124.369 kB
react-charts
Sparkline
80.888 kB
26.864 kB
react-charts
VerticalBarChart
434.566 kB
129.339 kB
react-charts
VerticalStackedBarChart
404.13 kB
125.845 kB
🤖 This report was generated against 775d999919dff6e02287ce6a1c07e233af2bf777

@PaulGMardling Paul Mardling (PaulGMardling) changed the title fix(react-charts): handle grouped chart names fix(react-charts): preserve grouped chart category and series names Sep 8, 2026
@github-actions

github-actions Bot commented Sep 8, 2026

Copy link
Copy Markdown

Pull request demo site: URL

@@ -0,0 +1,6 @@
{

@github-actions github-actions Bot Sep 8, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual changes to review in the Visual Change Report

vr-tests-react-components/Menu 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Menu.Nested Submenus Small Viewport Flipped.nested menu.chromium.png 644 Changed
vr-tests-react-components/Menu Converged - submenuIndicator slotted content 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Menu Converged - submenuIndicator slotted content.default.submenus open.chromium.png 413 Changed
vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.chromium.png 512 Changed
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 599 Changed
vr-tests-react-components/ProgressBar converged 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness - High Contrast.default.chromium.png 171 Changed
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness - Dark Mode.default.chromium.png 71 Changed
vr-tests-react-components/TagPicker 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/TagPicker.disabled - Dark Mode.chromium.png 658 Changed
vr-tests-react-components/TagPicker.disabled.disabled input hover.chromium.png 677 Changed

There were 2 duplicate changes discarded. Check the build logs for more information.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant