Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,6 @@ The `CategoryYAxis` works very similarly to the `CategoryXAxis` described above,

The `NumericXAxis` treats its data as continuously varying numerical data items. Labels on this axis are placed horizontally along the X-Axis. The location of the `NumericXAxis` labels depends on the `XMemberPath` property of the various [Scatter Series](../types/scatter-chart.md) that it supports if combined with a `NumericYAxis`. Alternatively, if combined with the `CategoryXAxis`, these labels will be placed corresponding to the `ValueMemberPath` of the `BarSeries`, `StackedBarSeries`, and `Stacked100BarSeries`.


The `NumericXAxis` is compatible with the following type of series:

- `BarSeries`
Expand Down
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
---
title: {Platform} Chart Markers | Data Visualization | Infragistics
_description: Infragistics' {Platform} Chart Markers
_keywords: {Platform} Charts, Markers, Marker Size, Infragistics
_keywords: {Platform} Charts, Markers, Infragistics
_license: commercial
mentionedTypes: ["CategoryChart", "CategoryChartType", "MarkerType", "MarkerSeries", "ScatterLineSeries", "ScatterSplineSeries", "ScatterSeries", "LineSeries", "SplineSeries", "MarkerAutomaticBehavior", "SeriesViewer"]

namespace: Infragistics.Controls.Charts
---
import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
Expand All @@ -25,93 +25,6 @@ The colors of the markers are also managed by setting the <ApiLink pkg="charts"
<Sample src="/charts/category-chart/marker-options" height={500} alt="{Platform} Configuration Options Example" />


<div class="divider--half"></div>

## {Platform} Chart Marker Size

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 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 device-independent pixels on a `ScatterLineSeries` in the `XamDataChart` control:

<PlatformBlock for="Blazor">
```razor
<IgbDataChart>
<IgbScatterLineSeries
MarkerSize="30"
MarkerType="Circle"
XMemberPath="X"
YMemberPath="Y"
XAxisName="xAxis"
YAxisName="yAxis" />
</IgbDataChart>
```
</PlatformBlock>

<PlatformBlock for="React">
```tsx
<IgrDataChart>
<IgrScatterLineSeries
markerSize={30}
markerType="Circle"
xMemberPath="X"
yMemberPath="Y"
xAxisName="xAxis"
yAxisName="yAxis" />
</IgrDataChart>
```
</PlatformBlock>

<PlatformBlock for="WebComponents">
```html
<igc-data-chart>
<igc-scatter-line-series
marker-size="30"
marker-type="Circle"
x-member-path="X"
y-member-path="Y"
x-axis-name="xAxis"
y-axis-name="yAxis">
</igc-scatter-line-series>
</igc-data-chart>
```
</PlatformBlock>

To reset markers to their default template-driven size, set `MarkerSize` to `NaN` (or remove the attribute in markup):

<PlatformBlock for="Blazor">
```razor
<IgbLineSeries MarkerSize="NaN" MarkerType="Circle" ... />
```
</PlatformBlock>

<PlatformBlock for="React">
```tsx
<IgrLineSeries markerSize={NaN} markerType="Circle" ... />
```
</PlatformBlock>

The following sample demonstrates `MarkerSize` on scatter series with an interactive editor:

<Sample src="/charts/data-chart/scatter-marker-options" height={500} alt="{Platform} Chart Marker Size Example" />

<DocsAside type="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.
</DocsAside>

<div class="divider--half"></div>

## {Platform} Chart Checkmark Marker Type

The {ProductName} charts include a `Checkmark` option in the `MarkerType` enum. This marker renders a V-shaped checkmark icon inside a circle on data points in your chart.

You can apply the `Checkmark` marker type to an individual series by setting its `MarkerType` property to `MarkerType.Checkmark`. To use the checkmark shape for all series in the chart simultaneously, set the chart's `MarkerAutomaticBehavior` property to `MarkerAutomaticBehavior.Checkmark`.

The `SeriesViewer.CheckmarkMarkerTemplate` property defines the marker template used for series with a checkmark marker type, and can be used to customize its appearance across the chart.

<div class="divider--half"></div>

## {Platform} Chart Marker Templates
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -28,19 +28,12 @@ All notable changes for each version of {ProductName} are documented on this pag

## **{PackageVerLatest}**

### Enhancements

#### {PackageCharts}

- Added `Checkmark` option to the `MarkerType` enum. Use `MarkerType.Checkmark` on a series to display a V-shaped checkmark icon inside a circle. The new `MarkerAutomaticBehavior.Checkmark` enum value allows applying the checkmark shape to all series in the chart, and the `SeriesViewer.CheckmarkMarkerTemplate` property can be used to customize its template.

### Bug Fixes
| Bug Number | Control | Description |
|------------|---------|-------------|
| 3229 | Grids | Latest version of Blazor Grids shows Trial watermark for Licensed version |
| 2754 | IgbTabs | Changing the check state for IgbSwitch inside the tab causes the tab content to disappear |


## **{PackageVerChanges-25-2-MAR}**

### {PackageGrids} (Grids)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -23,12 +23,6 @@ All notable changes for each version of {ProductName} are documented on this pag

## **{PackageVerLatest}**

### {PackageCharts}

#### New Features

- Added `Checkmark` option to the `MarkerType` enum. Use `MarkerType.Checkmark` on a series to display a V-shaped checkmark icon inside a circle. The new `MarkerAutomaticBehavior.Checkmark` enum value allows applying the checkmark shape to all series in the chart, and the `SeriesViewer.CheckmarkMarkerTemplate` property can be used to customize its template.

### {PackageCommon}

#### Changed
Expand Down Expand Up @@ -58,7 +52,6 @@ All notable changes for each version of {ProductName} are documented on this pag
| 41419 | Excel | Saving a VBA Signed Excel file does not keep a signature/certificate. |
| 41594 | IgrDataChart | AssigningCategoryStyle args.GetItems is null or not working to update items in the fragment series. |


## **{PackageVerChanges-26-2-FEB}**
### {PackageCommon}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -24,12 +24,6 @@ All notable changes for each version of {ProductName} are documented on this pag

## **{PackageVerLatest}**

### Enhancements

#### {PackageCharts}

- Added `Checkmark` option to the `MarkerType` enum. Use `MarkerType.Checkmark` on a series to display a V-shaped checkmark icon inside a circle. The new `MarkerAutomaticBehavior.Checkmark` enum value allows applying the checkmark shape to all series in the chart, and the `SeriesViewer.CheckmarkMarkerTemplate` property can be used to customize its template.

### {PackageCharts}
#### Bug Fixes

Expand Down Expand Up @@ -101,7 +95,6 @@ All notable changes for each version of {ProductName} are documented on this pag
**Popover API**
Dropdown menus and dialogs are now using HTML Popover API to provide better positioning and accessibility.


## **{PackageVerChanges-25-2-DEC}**

### Enhancements
Expand Down
7 changes: 0 additions & 7 deletions docs/xplat/src/content/en/components/general-changelog-dv.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -28,12 +28,6 @@ For changes specific to igniteui-angular components, please see CHANGELOG.MD.

## **{PackageVerLatest}**

### Enhancements

#### {PackageCharts}

- Added `Checkmark` option to the `MarkerType` enum. Use `MarkerType.Checkmark` on a series to display a V-shaped checkmark icon inside a circle. The new `MarkerAutomaticBehavior.Checkmark` enum value allows applying the checkmark shape to all series in the chart, and the `SeriesViewer.CheckmarkMarkerTemplate` property can be used to customize its template.

### Bug Fixes

| Bug Number | Control | Description |
Expand All @@ -46,7 +40,6 @@ For changes specific to igniteui-angular components, please see CHANGELOG.MD.
| 41419 | Excel | Saving a VBA Signed Excel file does not keep a signature/certificate. |
| 41594 | IgxDataChart | AssigningCategoryStyle args.GetItems is null or not working to update items in the fragment series. |


## **{PackageVerChanges-26-1-JAN}**

### Enhancements
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -30,12 +30,6 @@ import chartdefaults4 from '@xplat-images/chartDefaults4.png';

## **{PackageVerLatest}**

### 機能拡張

#### {PackageCharts}

- `MarkerType` 列挙型に `Checkmark` オプションが追加されました。シリーズで `MarkerType.Checkmark` を使用すると、円の中に V 字型のチェックマーク アイコンを表示できます。新しい `MarkerAutomaticBehavior.Checkmark` 列挙値でチャート内のすべてのシリーズにチェックマーク形状を適用でき、`SeriesViewer.CheckmarkMarkerTemplate` プロパティでテンプレートをカスタマイズできます。

### バグ修正

| バグ番号 | コントロール | 説明 |
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -25,12 +25,6 @@ import chartdefaults4 from '@xplat-images/chartDefaults4.png';

## **{PackageVerLatest}**

### {PackageCharts}

#### 新機能

- `MarkerType` 列挙型に `Checkmark` オプションが追加されました。シリーズで `MarkerType.Checkmark` を使用すると、円の中に V 字型のチェックマーク アイコンを表示できます。新しい `MarkerAutomaticBehavior.Checkmark` 列挙値でチャート内のすべてのシリーズにチェックマーク形状を適用でき、`SeriesViewer.CheckmarkMarkerTemplate` プロパティでテンプレートをカスタマイズできます。

### バグ修正

| バグ番号 | コントロール | 説明 |
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -26,12 +26,6 @@ import chartdefaults4 from '@xplat-images/chartDefaults4.png';

## **{PackageVerLatest}**

### 機能拡張

#### {PackageCharts}

- `MarkerType` 列挙型に `Checkmark` オプションが追加されました。シリーズで `MarkerType.Checkmark` を使用すると、円の中に V 字型のチェックマーク アイコンを表示できます。新しい `MarkerAutomaticBehavior.Checkmark` 列挙値でチャート内のすべてのシリーズにチェックマーク形状を適用でき、`SeriesViewer.CheckmarkMarkerTemplate` プロパティでテンプレートをカスタマイズできます。

#### バグ修正

| バグ番号 | コントロール | 説明 |
Expand Down
6 changes: 0 additions & 6 deletions docs/xplat/src/content/jp/components/general-changelog-dv.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -30,12 +30,6 @@ igniteui-angular コンポーネントに固有の変更については CHANGELO

## **{PackageVerLatest}**

### 機能拡張

#### {PackageCharts}

- `MarkerType` 列挙型に `Checkmark` オプションが追加されました。シリーズで `MarkerType.Checkmark` を使用すると、円の中に V 字型のチェックマーク アイコンを表示できます。新しい `MarkerAutomaticBehavior.Checkmark` 列挙値でチャート内のすべてのシリーズにチェックマーク形状を適用でき、`SeriesViewer.CheckmarkMarkerTemplate` プロパティでテンプレートをカスタマイズできます。

### バグ修正

| バグ番号 | コントロール | 説明 |
Expand Down
Loading