Support for negative values for VerticalBarChart

[Shubhabrata08]

Previous Behavior

VerticalBarChart renders wrongly in case of negative y values.

New Behavior

Negative value support added for VerticalBarChart

This PR brings the following logic changes:

1. In case of presence of both negative and positive y values, equidistant scaling on either sides is maintained as [-maxAbsoluteYVal,+maxAbsoluteVal]
2. In order to have y=0 line show up as anchor points, odd tick counts are auto incremented by 1.
3. The changes will show up only on using supportNegativeValues flag in VerticalBarChart props

Related Issue(s)

• Fixes [Bug]: Giving Negative values (Y-axis) in fluent-ui react charting (vertical bar chart) makes the bar disappears #28707

[codesandbox-ci]

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 c3bf77b:

Sandbox	Source
@fluentui/react 8 starter	Configuration
@fluentui/react-components 9 starter	Configuration

[AtishayMsft]

This representation is a bit confusing. We need to show the y=0 axis line here.
And put all the changes behind a flag to ensure no regressions.

[krkshitij]

@srmukher Some ids do not match in the snapshots resulting in build failure, but this is not happening on the local machine. Could you please help resolve this issue?

[AtishayMsft]

Could you share a screenshot after the latest changes.

[Shubhabrata08]

Sure @AtishayMsft ,

[AtishayMsft]

/azp run

[azure-pipelines]

Azure Pipelines successfully started running 4 pipeline(s).

[fabricteam]

📊 Bundle size report

_{🤖 This report was generated against 2a42b52a62aa5bc6e2c0fb81e43d4edf0b0fc4e9}

[fabricteam]

🕵 fluentuiv8 No visual regressions between this PR and main

[size-auditor]

Asset size changes

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

Baseline commit: 2a42b52a62aa5bc6e2c0fb81e43d4edf0b0fc4e9 (build)

[layershifter]

Closing for housekeeping 🏡 Feel free to re-open