-
Notifications
You must be signed in to change notification settings - Fork 2.8k
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
Charting: Adding customized callout support to AreaChart and LineChart #15684
Charting: Adding customized callout support to AreaChart and LineChart #15684
Conversation
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 389e6cf:
|
Perf AnalysisNo significant results to display. All results
Perf Analysis (Fluent)Perf comparison
Perf tests with no regressions
|
Asset size changesSize Auditor did not detect a change in bundle size for any component! Baseline commit: ea7178e75c96d7cd9175c28260ec13cd3f8515b9 (build) |
🎉 Handy links: |
Pull request checklist
$ yarn change
Description of changes
Cherry-pick of #15361.
Original PR description:
Custom callout support added to Area chart and line chart.
To add this, Exposed callout props and added a new callback method prop to the chart props. As a callback, below details will be available.
Implementing custom callout feature, Need to implement own callout component and need to pass props like below ( See Examples file for better understanding.
Focus areas to test
Area chart
Line chart
Screenshots
Area Chart
Default behavior
Custom callout
Line chart
Default behavior
Custom callout
Test link: http://fabricweb.z5.web.core.windows.net/pr-deploy-site/refs/pull/15361/merge/charting/dist/index.html#/examples/areachart