diff --git a/src/Ivy/Widgets/Charts/Shared/Scatter.cs b/src/Ivy/Widgets/Charts/Shared/Scatter.cs index f1302eefd1..88d13f9f27 100644 --- a/src/Ivy/Widgets/Charts/Shared/Scatter.cs +++ b/src/Ivy/Widgets/Charts/Shared/Scatter.cs @@ -39,6 +39,8 @@ internal Scatter() public ScatterLineType LineType { get; set; } = ScatterLineType.Joint; public double? FillOpacity { get; set; } = null; + + public int? YAxisIndex { get; set; } = null; } public static class ScatterExtensions @@ -102,4 +104,9 @@ public static Scatter FillOpacity(this Scatter scatter, double fillOpacity) { return scatter with { FillOpacity = fillOpacity }; } + + public static Scatter YAxisIndex(this Scatter scatter, int yAxisIndex) + { + return scatter with { YAxisIndex = yAxisIndex }; + } } diff --git a/src/frontend/src/widgets/charts/ScatterChartWidget.tsx b/src/frontend/src/widgets/charts/ScatterChartWidget.tsx index 56a91eb3cd..0789f0672f 100644 --- a/src/frontend/src/widgets/charts/ScatterChartWidget.tsx +++ b/src/frontend/src/widgets/charts/ScatterChartWidget.tsx @@ -286,6 +286,7 @@ const generateScatterSeries = ( data: scatterData, symbol: customPath || symbol, symbolSize, + yAxisIndex: scatter.yAxisIndex ?? 0, itemStyle: { color: scatter.fill || undefined, opacity: scatter.fillOpacity !== null ? scatter.fillOpacity : 0.8, diff --git a/src/frontend/src/widgets/charts/chartTypes.ts b/src/frontend/src/widgets/charts/chartTypes.ts index 66caec1245..b296900407 100644 --- a/src/frontend/src/widgets/charts/chartTypes.ts +++ b/src/frontend/src/widgets/charts/chartTypes.ts @@ -349,6 +349,7 @@ export interface ScatterProps { strokeDashArray?: string | null; strokeWidth?: number; unit?: string | null; + yAxisIndex?: number | null; } export interface ScatterChartWidgetProps {