fluentui
fluentui copied to clipboard
feat(react-charts): improve x-axis tick label layout with automatic wrapping, truncation, or multi-level rendering based on available space
Previous Behavior
New Behavior
Related Issue(s)
- Fixes #
Pull request demo site: URL
📊 Bundle size report
| Package & Exports | Baseline (minified/GZIP) | PR | Change |
|---|---|---|---|
| react-charts AreaChart |
403.851 kB123.411 kB |
404.388 kB123.728 kB |
537 B 317 B |
| react-charts DeclarativeChart |
721.692 kB208.733 kB |
719.313 kB208.563 kB |
-2.379 kB -170 B |
| react-charts DonutChart |
298.86 kB89.108 kB |
299.014 kB89.174 kB |
154 B 66 B |
| react-charts FunnelChart |
290.115 kB85.936 kB |
290.269 kB86.014 kB |
154 B 78 B |
| react-charts GanttChart |
385.636 kB116.578 kB |
387.51 kB117.44 kB |
1.874 kB 862 B |
| react-charts GaugeChart |
313.737 kB92.745 kB |
313.891 kB92.835 kB |
154 B 90 B |
| react-charts GroupedVerticalBarChart |
393.647 kB119.186 kB |
395.16 kB120.017 kB |
1.513 kB 831 B |
| react-charts HeatMapChart |
387.705 kB118.238 kB |
389.579 kB119.132 kB |
1.874 kB 894 B |
| react-charts HorizontalBarChart |
296.481 kB87.015 kB |
296.635 kB87.07 kB |
154 B 55 B |
| react-charts Legends |
235.587 kB69.361 kB |
235.741 kB69.439 kB |
154 B 78 B |
| react-charts LineChart |
413.612 kB125.044 kB |
415.024 kB125.835 kB |
1.412 kB 791 B |
| react-charts SankeyChart |
199.55 kB61.385 kB |
199.496 kB61.362 kB |
-54 B -23 B |
| react-charts ScatterChart |
393.523 kB119.261 kB |
394.936 kB119.977 kB |
1.413 kB 716 B |
| react-charts Sparkline |
91.385 kB28.704 kB |
91.393 kB28.708 kB |
8 B 4 B |
| react-charts VerticalBarChart |
428.232 kB124.231 kB |
429.026 kB125.146 kB |
794 B 915 B |
| react-charts VerticalStackedBarChart |
399.964 kB120.12 kB |
401.269 kB120.942 kB |
1.305 kB 822 B |
Unchanged fixtures
| Package & Exports | Size (minified/GZIP) |
|---|---|
| react-charts HorizontalBarChartWithAxis |
63 B83 B |

