feat(react-charts): Add support for secondary y axis in cartesian charts

[Anush2303]

New Behavior

Support for secondary y axis is added in cartesian charts.
Corresponding v8 commit migrated to v9:
d5a6890

Related Issue(s)

• Fixes #

[AtishayMsft]

Can you resolve merge conflict so we can see the PR storybook

[krkshitij]

The findVSBCNumericMinMaxOfY function also needs to be updated:

fluentui/packages/charts/react-charts/library/src/utilities/utilities.ts

Lines 1572 to 1577 in c196e4c

	export function findVSBCNumericMinMaxOfY(dataset: DataPoint[]): { startValue: number; endValue: number } {
	const yMax = d3Max(dataset, (point: DataPoint) => point.y)!;
	const yMin = d3Min(dataset, (point: DataPoint) => point.y)!;
	return { startValue: yMin, endValue: yMax };
	}

For reference:

fluentui/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx

Lines 1419 to 1438 in c196e4c

	private _getMinMaxOfYAxis = (
	dataset: IDataPoint[],
	yAxisType?: YAxisType,
	useSecondaryYScale?: boolean,
	): { startValue: number; endValue: number } => {
	if (!useSecondaryYScale) {
	return findVSBCNumericMinMaxOfY(dataset);
	}
	const values: number[] = [];
	this.props.data.forEach(xPoint => {
	xPoint.lineData?.forEach(point => {
	if (point.useSecondaryYScale) {
	values.push(point.y as number);
	}
	});
	});
	return { startValue: d3Min(values)!, endValue: d3Max(values)! };
	};

[github-actions]

📊 Bundle size report

✅ No changes found

[github-actions]

Pull request demo site: URL

[AtishayMsft]

Could you run and validate playwright report.

[Anush2303]

Could you run and validate playwright report.

Yes, ran the report.

[AtishayMsft]