Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cherry-pick majority of react-charting fixes from v7 #16667

Merged
merged 7 commits into from
Jan 27, 2021

Conversation

Jakub Konka and others added 7 commits January 27, 2021 18:53
* callout content ordering and line opactiy

* Change files

Co-authored-by: v-sivsar <[email protected]>
* Charting updates and fixes:

- When `hideLegend` is true, no space is reserved for the legend
- turn on `strictBindCallApply` compiler option and fix resulting errors
- For VerticalStackedBarChart, support turning off hover action on legends
- VerticalStackedBarChart: add minimum bar height option
- VerticalStackedBarChart: add `onBarClick` callback option
- VerticalStackedBarChart: simplify how data is passed to callbacks
- VerticalStackedBarChart: don't output empty stack `<g>`
- VerticalStackedBarChart: disallow `yMinValue` since setting it breaks the scale of the chart

* fix lint error

* fix bug with hovering line; make field name more descriptive

* consolidate common code between focus and hover handlers

* update legend examples to include onMouseOutAction

* fix linter errors

Co-authored-by: Michael Best <[email protected]>
* fix for exception thrown when the data of the first category is empty

* Change files

Co-authored-by: v-sivsar <[email protected]>
…s tooltip (microsoft#15993)

* vertical bar cahrt

* Change files

* udpated change files

* changes to area chart and line chart

* added previous PR changes to 7.0

Co-authored-by: Jameela Kowsar Shaik (Zen3 Infosolutions America Inc) <[email protected]>
* changing fill to stroke, because it is a line

* Change files

* updated snapshots

Co-authored-by: v-sivsar <[email protected]>
* HC mode for legends

* Change files

* email updated in change files

* package change reverted

* comments removed

Co-authored-by: Jameela Kowsar Shaik (Zen3 Infosolutions America Inc) <[email protected]>
@codesandbox-ci
Copy link

codesandbox-ci bot commented Jan 27, 2021

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit e8325d2:

Sandbox Source
Fluent UI Button Configuration
codesandbox-react-template Configuration
codesandbox-react-northstar-template Configuration

@size-auditor
Copy link

size-auditor bot commented Jan 27, 2021

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 1670a00d72167ab21cbf868772f15bb46aac0bb4 (build)

@fabricteam
Copy link
Collaborator

Perf Analysis

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 851 845 5000
BaseButtonCompat mount 922 894 5000
Breadcrumb mount 40170 39843 5000
Checkbox mount 1515 1532 5000
CheckboxBase mount 1268 1286 5000
ChoiceGroup mount 4739 4735 5000
ComboBox mount 946 959 1000
CommandBar mount 9676 9702 1000
ContextualMenu mount 5861 5751 1000
DefaultButtonCompat mount 1137 1120 5000
DetailsRow mount 3625 3660 5000
DetailsRowFast mount 3608 3578 5000
DetailsRowNoStyles mount 3389 3472 5000
Dialog mount 1436 1452 1000
DocumentCardTitle mount 1736 1702 1000
Dropdown mount 3311 3273 5000
FocusTrapZone mount 1740 1733 5000
FocusZone mount 1775 1814 5000
IconButtonCompat mount 1800 1792 5000
Label mount 321 328 5000
Layer mount 1752 1729 5000
Link mount 444 465 5000
MakeStyles mount 2144 2141 50000
MenuButtonCompat mount 1500 1508 5000
MessageBar mount 1924 1943 5000
Nav mount 3218 3254 1000
OverflowSet mount 1022 1002 5000
Panel mount 1397 1404 1000
Persona mount 847 853 1000
Pivot mount 1391 1377 1000
PrimaryButtonCompat mount 1295 1270 5000
Rating mount 7660 7681 5000
SearchBox mount 1293 1331 5000
Shimmer mount 2577 2596 5000
Slider mount 1882 1842 5000
SpinButton mount 4874 4901 5000
Spinner mount 396 394 5000
SplitButtonCompat mount 3157 3127 5000
Stack mount 490 500 5000
StackWithIntrinsicChildren mount 1465 1488 5000
StackWithTextChildren mount 4562 4558 5000
SwatchColorPicker mount 9961 10055 5000
Tabs mount 1380 1389 1000
TagPicker mount 2776 2842 5000
TeachingBubble mount 11160 11261 5000
Text mount 417 400 5000
TextField mount 1408 1393 5000
ThemeProvider mount 2105 2077 5000
ThemeProvider virtual-rerender 613 622 5000
Toggle mount 791 803 5000
button mount 685 692 5000
buttonNative mount 105 108 5000

Perf Analysis (Fluent)

Perf comparison
Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🦄 Avatar.Fluent 0.19 0.5 0.38:1 2000 374
🦄 Button.Fluent 0.12 0.2 0.6:1 5000 609
🔧 Checkbox.Fluent 0.65 0.36 1.81:1 1000 653
🎯 Dialog.Fluent 0.16 0.22 0.73:1 5000 809
🔧 Dropdown.Fluent 2.9 0.4 7.25:1 1000 2904
🔧 Icon.Fluent 0.14 0.06 2.33:1 5000 717
🦄 Image.Fluent 0.08 0.13 0.62:1 5000 407
🔧 Slider.Fluent 1.52 0.44 3.45:1 1000 1518
🔧 Text.Fluent 0.08 0.03 2.67:1 5000 382
🦄 Tooltip.Fluent 0.11 0.86 0.13:1 5000 565

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AlertMinimalPerf.default 356 319 1.12:1
RefMinimalPerf.default 249 224 1.11:1
AccordionMinimalPerf.default 178 164 1.09:1
AvatarMinimalPerf.default 228 211 1.08:1
TableMinimalPerf.default 458 426 1.08:1
CardMinimalPerf.default 637 598 1.07:1
SegmentMinimalPerf.default 399 374 1.07:1
AttachmentSlotsPerf.default 1337 1258 1.06:1
ButtonMinimalPerf.default 206 194 1.06:1
GridMinimalPerf.default 429 405 1.06:1
ReactionMinimalPerf.default 445 420 1.06:1
TreeWith60ListItems.default 191 181 1.06:1
Icon.Fluent 717 678 1.06:1
ButtonSlotsPerf.default 610 581 1.05:1
ImageMinimalPerf.default 433 414 1.05:1
TextAreaMinimalPerf.default 558 530 1.05:1
ChatMinimalPerf.default 662 638 1.04:1
FormMinimalPerf.default 481 462 1.04:1
LabelMinimalPerf.default 465 445 1.04:1
ListCommonPerf.default 723 696 1.04:1
ListNestedPerf.default 614 593 1.04:1
PopupMinimalPerf.default 717 691 1.04:1
Avatar.Fluent 374 358 1.04:1
Checkbox.Fluent 653 630 1.04:1
FlexMinimalPerf.default 333 323 1.03:1
HeaderMinimalPerf.default 407 396 1.03:1
HeaderSlotsPerf.default 859 831 1.03:1
IconMinimalPerf.default 711 692 1.03:1
TextMinimalPerf.default 400 389 1.03:1
Button.Fluent 609 593 1.03:1
AttachmentMinimalPerf.default 178 175 1.02:1
CheckboxMinimalPerf.default 2852 2809 1.02:1
DropdownManyItemsPerf.default 772 755 1.02:1
MenuMinimalPerf.default 913 899 1.02:1
ProviderMergeThemesPerf.default 1567 1529 1.02:1
TreeMinimalPerf.default 841 826 1.02:1
ButtonOverridesMissPerf.default 1730 1715 1.01:1
InputMinimalPerf.default 1292 1282 1.01:1
ListWith60ListItems.default 668 661 1.01:1
SplitButtonMinimalPerf.default 3881 3830 1.01:1
StatusMinimalPerf.default 783 777 1.01:1
TableManyItemsPerf.default 2215 2184 1.01:1
ToolbarMinimalPerf.default 979 969 1.01:1
Dropdown.Fluent 2904 2884 1.01:1
CarouselMinimalPerf.default 504 503 1:1
ChatWithPopoverPerf.default 461 460 1:1
DatepickerMinimalPerf.default 47192 47141 1:1
DialogMinimalPerf.default 821 819 1:1
EmbedMinimalPerf.default 4125 4132 1:1
ItemLayoutMinimalPerf.default 1303 1299 1:1
LayoutMinimalPerf.default 438 436 1:1
ListMinimalPerf.default 535 536 1:1
MenuButtonMinimalPerf.default 1640 1636 1:1
ProviderMinimalPerf.default 922 926 1:1
RadioGroupMinimalPerf.default 487 485 1:1
CustomToolbarPrototype.default 3624 3611 1:1
TooltipMinimalPerf.default 843 839 1:1
VideoMinimalPerf.default 675 678 1:1
Dialog.Fluent 809 808 1:1
AnimationMinimalPerf.default 424 428 0.99:1
BoxMinimalPerf.default 406 411 0.99:1
ChatDuplicateMessagesPerf.default 370 374 0.99:1
DividerMinimalPerf.default 416 422 0.99:1
DropdownMinimalPerf.default 2870 2892 0.99:1
LoaderMinimalPerf.default 731 736 0.99:1
Slider.Fluent 1518 1537 0.99:1
Tooltip.Fluent 565 569 0.99:1
ButtonUseCssPerf.default 841 859 0.98:1
ButtonUseCssNestingPerf.default 1064 1081 0.98:1
RosterPerf.default 1214 1236 0.98:1
PortalMinimalPerf.default 156 161 0.97:1
SkeletonMinimalPerf.default 388 406 0.96:1
SliderMinimalPerf.default 1481 1539 0.96:1
Text.Fluent 382 399 0.96:1
Image.Fluent 407 428 0.95:1

@ecraig12345 ecraig12345 merged commit 9d3693f into microsoft:master Jan 27, 2021
@kubkon kubkon deleted the cherry-15814 branch January 28, 2021 07:55
@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/[email protected] has been released which incorporates this pull request.:tada:

Handy links:

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.

6 participants