[Bug]: Not able to show selected y-value in the tooltip in a line chart

[abhranilnaha]

Charting Control

LineChart

Package version

5.23.92

React version

19.0.0

Environment

https://codepen.io/abhranilnaha/pen/raVPmer

Current Behavior

When user hovers over a data point in a line chart, it shows all the data points for the vertical line, instead of showing showing the data point on which user hovered.

Expected Behavior

We should have capability to get the y-value for the selected data point in the line chart.

Reproduction

https://codepen.io/abhranilnaha/pen/raVPmer

Steps to reproduce

1. Try following link:
   https://codepen.io/abhranilnaha/pen/raVPmer

2. Hover over any data point and it shows the first data point in the tooltip.

3. onRenderCalloutPerDataPoint for Line Chart contains the following props:
   x is the selected x-value and values contain all data point values for the vertical line.

4. Need capability to get the y-value of the data point on which user hovered.

export interface ICustomizedCalloutData {
    x: number | string | Date;
    values: ICustomizedCalloutDataPoint[];
}
 
export interface ICustomizedCalloutDataPoint {
    legend: string;
    y: number;
    color: string;
    xAxisCalloutData?: string;
    yAxisCalloutData?: string | {
        [id: string]: number;
    };
}

Are you reporting an Accessibility issue?

None

Suggested severity

Urgent - No workaround and Products/sites are affected

Products/sites affected

Fabric Real Time Intelligence

Are you willing to submit a PR to fix?

yes

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[AtishayMsft]

@Anush2303 Looks like we need to expose iscalloutforStack property for line chart also. Could you take a look.

[abhranilnaha]

@Anush2303 Please also check if there is a way to hide the dotted vertical line. When we show a single data point in the tooltip when user hovers over it, we should not show the dotted vertical line.

[AtishayMsft]

@abhranilnaha Dotted vertical line is by design. Could you log a separate issue for it

[abhranilnaha]

@Anush2303 / @AtishayMsft, do you have an ETA for this fix? We have our Private Preview on July 14th and it will be great if we can get this fix in this week to incorporate it in our private preview.

[AtishayMsft]

This issue has been fixed. Tracking PR #34757