[Fix]: React Charting Heat Map Chart tooltip appears above the wrong cell

[harsh9975]

Screen.Recording.2023-11-09.at.4.40.01.PM.mov

Previous Behavior

When you hover over a cell in the heat map, a tooltip appears. It is supposed to appear above that cell. However, for certain cells, it appears above the wrong cell.

New Behavior

There was a small issue whenever we are hovering over index [1,10] the tooltip was showing in [11,0] cell. reason earlier it was storing both the index as string 110 and 110 which created the conflict. however i have addded x1y10 and x11y0 to differentiate.

Related Issue(s)

#29740
#29741

• Fixes #

[harsh9975]

#29740

[harsh9975]

#29741

[harsh9975]

@microsoft-github-policy-service agree

[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 30757e7:

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

[AtishayMsft]

/azp run

[azure-pipelines]

Azure Pipelines successfully started running 4 pipeline(s).

[fabricteam]

📊 Bundle size report

_{🤖 This report was generated against 9000e9af6731db4c76c13715fd5611bc5c4c9598}

[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: 9000e9af6731db4c76c13715fd5611bc5c4c9598 (build)

[AtishayMsft]

/azp run

[azure-pipelines]

Azure Pipelines successfully started running 4 pipeline(s).

[AtishayMsft]

@harsh9975 This fix is merged. Thanks for your contribution. Do let me know if you are interested to contribute to fix more issues in the fluent react charting library. We welcome contributions from the community.

[harsh9975]

@AtishayMsft yes, I am interested in contributing to more fixes.

[AtishayMsft]

@harsh9975 - Great. Feel free to join the fluent charting community @ https://aka.ms/FluentCharting/discord . We can discuss about few pending issues there.