From d82d9e9715ddd9015bd926ede66d9b259819876c Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 13 May 2026 18:06:14 +0000 Subject: [PATCH 1/4] Initial plan From 7f1e459fa13347b39a3fb3c560f2b7f7c24b7b54 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 13 May 2026 18:09:31 +0000 Subject: [PATCH 2/4] Add MarkerSize property documentation to chart markers topics (en, jp, kr) Agent-Logs-Url: https://github.com/IgniteUI/igniteui-xplat-docs/sessions/300fd267-7022-4562-b2fc-1f6e4fd8c547 Co-authored-by: gedinakova <16817847+gedinakova@users.noreply.github.com> --- .../charts/features/chart-markers.md | 69 ++++++++++++++++++- .../charts/features/chart-markers.md | 69 ++++++++++++++++++- .../charts/features/chart-markers.md | 69 ++++++++++++++++++- 3 files changed, 201 insertions(+), 6 deletions(-) diff --git a/doc/en/components/charts/features/chart-markers.md b/doc/en/components/charts/features/chart-markers.md index 909c455a8..aaed145af 100644 --- a/doc/en/components/charts/features/chart-markers.md +++ b/doc/en/components/charts/features/chart-markers.md @@ -1,9 +1,9 @@ --- title: {Platform} Chart Markers | Data Visualization | Infragistics _description: Infragistics' {Platform} Chart Markers -_keywords: {Platform} Charts, Markers, Infragistics +_keywords: {Platform} Charts, Markers, Marker Size, Infragistics _license: commercial -mentionedTypes: ["CategoryChart", "CategoryChartType", "MarkerType"] +mentionedTypes: ["CategoryChart", "CategoryChartType", "MarkerType", "MarkerSeries", "ScatterLineSeries", "ScatterSplineSeries", "ScatterSeries", "LineSeries", "SplineSeries"] namespace: Infragistics.Controls.Charts --- @@ -21,6 +21,68 @@ The colors of the markers are also managed by setting the `MarkerBrushes` and `M
+## {Platform} Chart Marker Size + +You can control the exact pixel dimensions of data point markers by setting the `MarkerSize` property on any series that supports markers. This gives you precise control over how large markers appear on screen, regardless of the marker template or style being used. + +By default, marker sizing is determined by the series marker template. When you set `MarkerSize` to a specific numeric value, all markers in that series render at that exact pixel width and height. Setting `MarkerSize` back to `NaN` restores the default template-driven sizing. + +The `MarkerSize` property is available on all series types that derive from `MarkerSeries`, including `LineSeries`, `SplineSeries`, `AreaSeries`, `ColumnSeries`, `ScatterSeries`, `ScatterLineSeries`, `ScatterSplineSeries`, and polar/radial series types. + +The following code examples show how to set `MarkerSize` to 30 pixels on a `ScatterLineSeries` in the `XamDataChart` control: + +```razor + + + +``` + +```tsx + + + +``` + +```html + + + + +``` + +To reset markers to their default template-driven size, set `MarkerSize` to `NaN` (or remove the attribute in markup): + +```razor + +``` + +```tsx + +``` + +> [!NOTE] +> For `BubbleSeries`, the `MarkerSize` property does not override the bubble radius, which is controlled by the radius data column and the `RadiusScale`. Bubble sizes remain entirely driven by the data and scale configuration. + +
+ ## {Platform} Chart Marker Templates In addition to marker properties, you can implement your own marker by setting a function to the `MarkerTemplate` property of a series rendered in the `CategoryChart` control as it is demonstrated in example below. @@ -44,5 +106,8 @@ The following is a list of API members mentioned in the above sections: - `MarkerBrushes` - `MarkerOutlines` +- `MarkerSize` - `MarkerType` +- `UseLightweightMarkers` - `CategoryChart` +- `XamDataChart` diff --git a/doc/jp/components/charts/features/chart-markers.md b/doc/jp/components/charts/features/chart-markers.md index 5c364a906..76506525c 100644 --- a/doc/jp/components/charts/features/chart-markers.md +++ b/doc/jp/components/charts/features/chart-markers.md @@ -1,9 +1,9 @@ --- title: {Platform} チャート マーカー | データ可視化 | インフラジスティックス _description: インフラジスティックスの {Platform} チャート マーカー -_keywords: {Platform} Charts, Markers, Infragistics, {Platform} チャート, マーカー, インフラジスティックス +_keywords: {Platform} Charts, Markers, Marker Size, Infragistics, {Platform} チャート, マーカー, マーカー サイズ, インフラジスティックス _license: commercial -mentionedTypes: ["CategoryChart", "CategoryChartType", "MarkerType"] +mentionedTypes: ["CategoryChart", "CategoryChartType", "MarkerType", "MarkerSeries", "ScatterLineSeries", "ScatterSplineSeries", "ScatterSeries", "LineSeries", "SplineSeries"] namespace: Infragistics.Controls.Charts _language: ja --- @@ -22,6 +22,68 @@ _language: ja +
+ +## {Platform} チャート マーカー サイズ + +`MarkerSize` プロパティをマーカーをサポートするシリーズに設定することで、データ ポイント マーカーのピクセル寸法を正確に制御できます。これにより、マーカー テンプレートやスタイルに関係なく、マーカーが画面上に表示される大きさを正確に制御できます。 + +デフォルトでは、マーカーのサイズはシリーズのマーカー テンプレートによって決まります。`MarkerSize` に特定の数値を設定すると、そのシリーズのすべてのマーカーがその正確なピクセルの幅と高さでレンダリングされます。`MarkerSize` を `NaN` に戻すと、デフォルトのテンプレート駆動のサイズ設定が復元されます。 + +`MarkerSize` プロパティは、`MarkerSeries` から派生するすべてのシリーズ タイプ (`LineSeries`、`SplineSeries`、`AreaSeries`、`ColumnSeries`、`ScatterSeries`、`ScatterLineSeries`、`ScatterSplineSeries`、極座標/放射状シリーズ タイプなど) で使用できます。 + +次のコード例は、`XamDataChart` コントロールの `ScatterLineSeries` で `MarkerSize` を 30 ピクセルに設定する方法を示しています。 + +```razor + + + +``` + +```tsx + + + +``` + +```html + + + + +``` + +マーカーをデフォルトのテンプレート駆動サイズにリセットするには、`MarkerSize` を `NaN` に設定します (またはマークアップで属性を削除します)。 + +```razor + +``` + +```tsx + +``` + +> [!NOTE] +> `BubbleSeries` の場合、`MarkerSize` プロパティはバブルの半径をオーバーライドしません。バブルの半径は、半径データ列と `RadiusScale` によって制御されます。バブルのサイズは、データとスケールの構成によって完全に決まります。 +
## {Platform} チャート マーカー テンプレート @@ -47,5 +109,8 @@ _language: ja - `MarkerBrushes` - `MarkerOutlines` +- `MarkerSize` - `MarkerType` +- `UseLightweightMarkers` - `CategoryChart` +- `XamDataChart` diff --git a/doc/kr/components/charts/features/chart-markers.md b/doc/kr/components/charts/features/chart-markers.md index 9290c8c6e..1a6b099eb 100644 --- a/doc/kr/components/charts/features/chart-markers.md +++ b/doc/kr/components/charts/features/chart-markers.md @@ -1,9 +1,9 @@ --- title: {Platform} Chart Markers | Data Visualization | Infragistics _description: Infragistics' {Platform} Chart Markers -_keywords: {Platform} Charts, Markers, Infragistics +_keywords: {Platform} Charts, Markers, Marker Size, Infragistics _language: kr -mentionedTypes: ["CategoryChart"] +mentionedTypes: ["CategoryChart", "CategoryChartType", "MarkerType", "MarkerSeries", "ScatterLineSeries", "ScatterSplineSeries", "ScatterSeries", "LineSeries", "SplineSeries"] --- # {Platform} Chart Markers @@ -20,6 +20,68 @@ The colors of the markers are also managed by setting the `MarkerBrushes` and `M +
+ +## {Platform} Chart Marker Size + +You can control the exact pixel dimensions of data point markers by setting the `MarkerSize` property on any series that supports markers. This gives you precise control over how large markers appear on screen, regardless of the marker template or style being used. + +By default, marker sizing is determined by the series marker template. When you set `MarkerSize` to a specific numeric value, all markers in that series render at that exact pixel width and height. Setting `MarkerSize` back to `NaN` restores the default template-driven sizing. + +The `MarkerSize` property is available on all series types that derive from `MarkerSeries`, including `LineSeries`, `SplineSeries`, `AreaSeries`, `ColumnSeries`, `ScatterSeries`, `ScatterLineSeries`, `ScatterSplineSeries`, and polar/radial series types. + +The following code examples show how to set `MarkerSize` to 30 pixels on a `ScatterLineSeries` in the `XamDataChart` control: + +```razor + + + +``` + +```tsx + + + +``` + +```html + + + + +``` + +To reset markers to their default template-driven size, set `MarkerSize` to `NaN` (or remove the attribute in markup): + +```razor + +``` + +```tsx + +``` + +> [!NOTE] +> For `BubbleSeries`, the `MarkerSize` property does not override the bubble radius, which is controlled by the radius data column and the `RadiusScale`. Bubble sizes remain entirely driven by the data and scale configuration. +
## {Platform} Chart Marker Templates @@ -45,5 +107,8 @@ The following is a list of API members mentioned in the above sections: - `MarkerBrushes` - `MarkerOutlines` +- `MarkerSize` - `MarkerType` +- `UseLightweightMarkers` - `CategoryChart` +- `XamDataChart` From 302832d79ed57e81ab51e2523cc056abc24bdba3 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 13 May 2026 20:09:35 +0000 Subject: [PATCH 3/4] Clarify MarkerSize uses device-independent pixels, not absolute pixels Agent-Logs-Url: https://github.com/IgniteUI/igniteui-xplat-docs/sessions/0ae9f2af-124d-4081-92cc-be91528cb527 Co-authored-by: gedinakova <16817847+gedinakova@users.noreply.github.com> --- doc/en/components/charts/features/chart-markers.md | 6 +++--- doc/jp/components/charts/features/chart-markers.md | 6 +++--- doc/kr/components/charts/features/chart-markers.md | 6 +++--- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/doc/en/components/charts/features/chart-markers.md b/doc/en/components/charts/features/chart-markers.md index aaed145af..06b6fce96 100644 --- a/doc/en/components/charts/features/chart-markers.md +++ b/doc/en/components/charts/features/chart-markers.md @@ -23,13 +23,13 @@ The colors of the markers are also managed by setting the `MarkerBrushes` and `M ## {Platform} Chart Marker Size -You can control the exact pixel dimensions of data point markers by setting the `MarkerSize` property on any series that supports markers. This gives you precise control over how large markers appear on screen, regardless of the marker template or style being used. +You can control the exact device-independent pixel dimensions of data point markers by setting the `MarkerSize` property on any series that supports markers. This gives you precise control over how large markers appear on screen, regardless of the marker template or style being used. -By default, marker sizing is determined by the series marker template. When you set `MarkerSize` to a specific numeric value, all markers in that series render at that exact pixel width and height. Setting `MarkerSize` back to `NaN` restores the default template-driven sizing. +By default, marker sizing is determined by the series marker template. When you set `MarkerSize` to a specific numeric value, all markers in that series render at that exact device-independent pixel width and height. Setting `MarkerSize` back to `NaN` restores the default template-driven sizing. The `MarkerSize` property is available on all series types that derive from `MarkerSeries`, including `LineSeries`, `SplineSeries`, `AreaSeries`, `ColumnSeries`, `ScatterSeries`, `ScatterLineSeries`, `ScatterSplineSeries`, and polar/radial series types. -The following code examples show how to set `MarkerSize` to 30 pixels on a `ScatterLineSeries` in the `XamDataChart` control: +The following code examples show how to set `MarkerSize` to 30 device-independent pixels on a `ScatterLineSeries` in the `XamDataChart` control: ```razor diff --git a/doc/jp/components/charts/features/chart-markers.md b/doc/jp/components/charts/features/chart-markers.md index 76506525c..e96bbd941 100644 --- a/doc/jp/components/charts/features/chart-markers.md +++ b/doc/jp/components/charts/features/chart-markers.md @@ -26,13 +26,13 @@ _language: ja ## {Platform} チャート マーカー サイズ -`MarkerSize` プロパティをマーカーをサポートするシリーズに設定することで、データ ポイント マーカーのピクセル寸法を正確に制御できます。これにより、マーカー テンプレートやスタイルに関係なく、マーカーが画面上に表示される大きさを正確に制御できます。 +`MarkerSize` プロパティをマーカーをサポートするシリーズに設定することで、データ ポイント マーカーのデバイス非依存ピクセル寸法を正確に制御できます。これにより、マーカー テンプレートやスタイルに関係なく、マーカーが画面上に表示される大きさを正確に制御できます。 -デフォルトでは、マーカーのサイズはシリーズのマーカー テンプレートによって決まります。`MarkerSize` に特定の数値を設定すると、そのシリーズのすべてのマーカーがその正確なピクセルの幅と高さでレンダリングされます。`MarkerSize` を `NaN` に戻すと、デフォルトのテンプレート駆動のサイズ設定が復元されます。 +デフォルトでは、マーカーのサイズはシリーズのマーカー テンプレートによって決まります。`MarkerSize` に特定の数値を設定すると、そのシリーズのすべてのマーカーがその正確なデバイス非依存ピクセルの幅と高さでレンダリングされます。`MarkerSize` を `NaN` に戻すと、デフォルトのテンプレート駆動のサイズ設定が復元されます。 `MarkerSize` プロパティは、`MarkerSeries` から派生するすべてのシリーズ タイプ (`LineSeries`、`SplineSeries`、`AreaSeries`、`ColumnSeries`、`ScatterSeries`、`ScatterLineSeries`、`ScatterSplineSeries`、極座標/放射状シリーズ タイプなど) で使用できます。 -次のコード例は、`XamDataChart` コントロールの `ScatterLineSeries` で `MarkerSize` を 30 ピクセルに設定する方法を示しています。 +次のコード例は、`XamDataChart` コントロールの `ScatterLineSeries` で `MarkerSize` を 30 デバイス非依存ピクセルに設定する方法を示しています。 ```razor diff --git a/doc/kr/components/charts/features/chart-markers.md b/doc/kr/components/charts/features/chart-markers.md index 1a6b099eb..568cb5b4f 100644 --- a/doc/kr/components/charts/features/chart-markers.md +++ b/doc/kr/components/charts/features/chart-markers.md @@ -24,13 +24,13 @@ The colors of the markers are also managed by setting the `MarkerBrushes` and `M ## {Platform} Chart Marker Size -You can control the exact pixel dimensions of data point markers by setting the `MarkerSize` property on any series that supports markers. This gives you precise control over how large markers appear on screen, regardless of the marker template or style being used. +You can control the exact device-independent pixel dimensions of data point markers by setting the `MarkerSize` property on any series that supports markers. This gives you precise control over how large markers appear on screen, regardless of the marker template or style being used. -By default, marker sizing is determined by the series marker template. When you set `MarkerSize` to a specific numeric value, all markers in that series render at that exact pixel width and height. Setting `MarkerSize` back to `NaN` restores the default template-driven sizing. +By default, marker sizing is determined by the series marker template. When you set `MarkerSize` to a specific numeric value, all markers in that series render at that exact device-independent pixel width and height. Setting `MarkerSize` back to `NaN` restores the default template-driven sizing. The `MarkerSize` property is available on all series types that derive from `MarkerSeries`, including `LineSeries`, `SplineSeries`, `AreaSeries`, `ColumnSeries`, `ScatterSeries`, `ScatterLineSeries`, `ScatterSplineSeries`, and polar/radial series types. -The following code examples show how to set `MarkerSize` to 30 pixels on a `ScatterLineSeries` in the `XamDataChart` control: +The following code examples show how to set `MarkerSize` to 30 device-independent pixels on a `ScatterLineSeries` in the `XamDataChart` control: ```razor From dc8ed8aae4f7ef4b0307fc710659b615aba8df3b Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 15 May 2026 09:37:49 +0000 Subject: [PATCH 4/4] Add scatter-marker-options sample to MarkerSize section in all language variants Agent-Logs-Url: https://github.com/IgniteUI/igniteui-xplat-docs/sessions/83ce3d71-2e06-4a6c-a854-6ca1db9e1a59 Co-authored-by: mtsvyatkova <11231206+mtsvyatkova@users.noreply.github.com> --- doc/en/components/charts/features/chart-markers.md | 4 ++++ doc/jp/components/charts/features/chart-markers.md | 4 ++++ doc/kr/components/charts/features/chart-markers.md | 4 ++++ 3 files changed, 12 insertions(+) diff --git a/doc/en/components/charts/features/chart-markers.md b/doc/en/components/charts/features/chart-markers.md index 06b6fce96..d51931e4f 100644 --- a/doc/en/components/charts/features/chart-markers.md +++ b/doc/en/components/charts/features/chart-markers.md @@ -78,6 +78,10 @@ To reset markers to their default template-driven size, set `MarkerSize` to `NaN ``` +The following sample demonstrates `MarkerSize` on scatter series with an interactive editor: + +`sample="/charts/data-chart/scatter-marker-options", height="500", alt="{Platform} Chart Marker Size Example"` + > [!NOTE] > For `BubbleSeries`, the `MarkerSize` property does not override the bubble radius, which is controlled by the radius data column and the `RadiusScale`. Bubble sizes remain entirely driven by the data and scale configuration. diff --git a/doc/jp/components/charts/features/chart-markers.md b/doc/jp/components/charts/features/chart-markers.md index e96bbd941..0f53945bb 100644 --- a/doc/jp/components/charts/features/chart-markers.md +++ b/doc/jp/components/charts/features/chart-markers.md @@ -81,6 +81,10 @@ _language: ja ``` +次のサンプルは、インタラクティブなエディターを使用して散布図シリーズで `MarkerSize` を示しています。 + +`sample="/charts/data-chart/scatter-marker-options", height="500", alt="{Platform} チャート マーカー サイズの例"` + > [!NOTE] > `BubbleSeries` の場合、`MarkerSize` プロパティはバブルの半径をオーバーライドしません。バブルの半径は、半径データ列と `RadiusScale` によって制御されます。バブルのサイズは、データとスケールの構成によって完全に決まります。 diff --git a/doc/kr/components/charts/features/chart-markers.md b/doc/kr/components/charts/features/chart-markers.md index 568cb5b4f..2e54caeff 100644 --- a/doc/kr/components/charts/features/chart-markers.md +++ b/doc/kr/components/charts/features/chart-markers.md @@ -79,6 +79,10 @@ To reset markers to their default template-driven size, set `MarkerSize` to `NaN ``` +The following sample demonstrates `MarkerSize` on scatter series with an interactive editor: + +`sample="/charts/data-chart/scatter-marker-options", height="500", alt="{Platform} Chart Marker Size Example"` + > [!NOTE] > For `BubbleSeries`, the `MarkerSize` property does not override the bubble radius, which is controlled by the radius data column and the `RadiusScale`. Bubble sizes remain entirely driven by the data and scale configuration.