Skip to content

Improved SfChart UG Content Using Syncfusion Continue AI #1793

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: hotfix/hotfix-v29.1.33
Choose a base branch
from
Open

Improved SfChart UG Content Using Syncfusion Continue AI #1793

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
8d93011
Updated UG Content of series folder
Harsha-SF4223 May 22, 2025
2ee968d
updated the content for axis and migration file
Harsha-SF4223 May 26, 2025
b03b916
Added trade mark symbol
Harsha-SF4223 May 28, 2025
05ff463
Updated axis file
Harsha-SF4223 May 28, 2025
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
54 changes: 26 additions & 28 deletions wpf/Charts/Adornments/DataMarkers.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,40 +9,40 @@ documentation: ug

# Data Markers in WPF Charts (SfChart)

Chart adornments (Data Markers) are used to display values related to a chart segment element. Values from data point(x, y) or other custom properties from a data source can be displayed.
Chart adornments (Data Markers) are used to display values related to a chart segment element. Values from data point (X, Y) or other custom properties from a data source can be displayed.

Each adornment can be represented by the following:
Each adornment can be represented by the following elements:

* Label - Displays the segment label content at the (X, Y) point.
* Marker- Displays the desired symbol at the (X, Y) point.
* ConnectorLine - Line used to connect the (X, Y) point and the label element.
* **Label** - Displays the segment label content at the (X, Y) point.
* **Marker** - Displays the desired symbol at the (X, Y) point.
* **ConnectorLine** - Line used to connect the (X, Y) point and the label element.

The following code example illustrates how to initialize the adornment.
The following code example illustrates how to initialize the adornment:

{% tabs %}

{% highlight xaml %}

<syncfusion:ColumnSeries Interior="#777777" ItemsSource="{Binding Demands}" XBindingPath="Category" YBindingPath="Value">
<syncfusion:ColumnSeries.AdornmentsInfo>
<syncfusion:ChartAdornmentInfo></syncfusion:ChartAdornmentInfo>
</syncfusion:ColumnSeries.AdornmentsInfo>
</syncfusion:ColumnSeries>
<syncfusion:ColumnSeries Interior="#777777" ItemsSource="{Binding Demands}" XBindingPath="Category" YBindingPath="Value">
<syncfusion:ColumnSeries.AdornmentsInfo>
<syncfusion:ChartAdornmentInfo></syncfusion:ChartAdornmentInfo>
</syncfusion:ColumnSeries.AdornmentsInfo>
</syncfusion:ColumnSeries>

{% endhighlight %}

{% highlight c# %}

ColumnSeries series = new ColumnSeries()
{
ItemsSource = ViewModel().Demands,
XBindingPath = "Demands",
YBindingPath = "Value",
Interior = new SolidColorBrush(Color.FromRgb(0x77, 0x77, 0x77))
};
ChartAdornmentInfo adornmentInfo = new ChartAdornmentInfo();
series.AdornmentsInfo = adornmentInfo;
chart.Series.Add(series);
ColumnSeries series = new ColumnSeries()
{
ItemsSource = ViewModel().Demands,
XBindingPath = "Category",
YBindingPath = "Value",
Interior = new SolidColorBrush(Color.FromRgb(0x77, 0x77, 0x77))
};
ChartAdornmentInfo adornmentInfo = new ChartAdornmentInfo();
series.AdornmentsInfo = adornmentInfo;
chart.Series.Add(series);

{% endhighlight %}

Expand All @@ -52,14 +52,12 @@ The following code example illustrates how to initialize the adornment.

## See also

[`How to show different data marker based on the value in the WPF Chart`](https://support.syncfusion.com/kb/article/9396/how-to-show-different-data-marker-based-on-the-value-in-the-wpf-chart)
[How to show different data marker based on the value in the WPF Chart](https://support.syncfusion.com/kb/article/9396/how-to-show-different-data-marker-based-on-the-value-in-the-wpf-chart)

[`How to show custom data marker in the WPF Chart`](https://support.syncfusion.com/kb/article/9620/how-to-show-custom-data-marker-in-the-wpf-chart)
[How to show custom data marker in the WPF Chart](https://support.syncfusion.com/kb/article/9620/how-to-show-custom-data-marker-in-the-wpf-chart)

[`How to rotate text in adornment`](https://support.syncfusion.com/kb/article/3135/how-to-rotate-text-in-adornment-of-wpf-chart-sfchart)

[`How to display the labels inside segments`](https://support.syncfusion.com/kb/article/2773/how-to-display-the-labels-inside-segments-in-wpf-chart-sfchart)

[`How to bind the underlying DataTable model to the DataMarker Template in WPF Charts`](https://support.syncfusion.com/kb/article/10047/how-to-bind-the-underlying-datatable-model-to-the-datamarker-template-in-wpf-charts)
[How to rotate text in adornment](https://support.syncfusion.com/kb/article/3135/how-to-rotate-text-in-adornment-of-wpf-chart-sfchart)

[How to display the labels inside segments](https://support.syncfusion.com/kb/article/2773/how-to-display-the-labels-inside-segments-in-wpf-chart-sfchart)

[How to bind the underlying DataTable model to the DataMarker Template in WPF Charts](https://support.syncfusion.com/kb/article/10047/how-to-bind-the-underlying-datatable-model-to-the-datamarker-template-in-wpf-charts)
Loading