Skip to content

WinUI-998730-Dev-Improved DataTemplate Binding Context Code Snippets in WinUI Charts UG #1253

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
subash-sf wants to merge 14 commits into
base: development
Choose a base branch
from
Open

WinUI-998730-Dev-Improved DataTemplate Binding Context Code Snippets in WinUI Charts UG #1253

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
b00b8dc
Cartesian chart data template items updated
Priyadharshini4862 Dec 12, 2025
4fb9f7c
Updated all the chart template codes
Priyadharshini4862 Dec 12, 2025
a7cd19b
Updated cartesian chart
Priyadharshini4862 Dec 12, 2025
fc7c73a
Updated data label template and CI issue
Priyadharshini4862 Dec 15, 2025
6a9d2e2
Merge branch 'development' into WINUI-998730-Chat-Update-Dev
Priyadharshini4862 Dec 15, 2025
6da6bea
Modified data label template note content
Priyadharshini4862 Dec 15, 2025
d059b09
Added cross hair to cartesian chart
Priyadharshini4862 Dec 15, 2025
5bf73cd
Added images
Priyadharshini4862 Dec 15, 2025
bbdb2f7
Review corrections addressed
Priyadharshini4862 Dec 15, 2025
41d7d58
Updated code alignment
Priyadharshini4862 Dec 17, 2025
6a9db97
Merge branch 'development' into WINUI-998730-Chat-Update-Dev
Priyadharshini4862 Dec 17, 2025
ad711e2
Resolved CI failure issue
Priyadharshini4862 Dec 18, 2025
c093013
Merge branch 'development' into WINUI-998730-Chat-Update-Dev
Priyadharshini4862 Dec 18, 2025
549d94c
Modified code alignment
Priyadharshini4862 Dec 18, 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
1 change: 1 addition & 0 deletions winui-toc.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -234,6 +234,7 @@
<li><a href="/winui/Cartesian-Charts/Selection">Selection</a></li>
<li><a href="/winui/Cartesian-Charts/Tooltip">Tooltip</a></li>
<li><a href="/winui/Cartesian-Charts/Trackball">Trackball</a></li>
<li><a href="/winui/Cartesian-Charts/Crosshair">Crosshair</a></li>
<li><a href="/winui/Cartesian-Charts/Zooming-and-Panning">Zooming and Panning</a></li>
<li><a href="/winui/Cartesian-Charts/Appearance">Appearance</a></li>
</ul>
Expand Down
22 changes: 11 additions & 11 deletions winui/Cartesian-Charts/Axis/AutoScrollingDelta.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,15 +26,15 @@ By adding the [ChartZoomPanBehavior](https://help.syncfusion.com/cr/winui/Syncfu
<chart:SfCartesianChart x:Name="chart" >
...
<chart:SfCartesianChart.XAxes>
<chart:NumericalAxis AutoScrollingDelta="3" />
<chart:NumericalAxis AutoScrollingDelta="3" />
</chart:SfCartesianChart.XAxes>

<chart:SfCartesianChart.YAxes>
<chart:NumericalAxis />
</chart:SfCartesianChart.YAxes>

<chart:SfCartesianChart.ZoomPanBehavior>
<chart:ChartZoomPanBehavior EnablePanning="True" />
<chart:ChartZoomPanBehavior EnablePanning="True" />
</chart:SfCartesianChart.ZoomPanBehavior>
...
</chart:SfCartesianChart>
Expand Down Expand Up @@ -63,6 +63,7 @@ By adding the [ChartZoomPanBehavior](https://help.syncfusion.com/cr/winui/Syncfu
chart.ZoomPanBehavior = zoomPanBehavior;
...
this.Content = chart;

{% endhighlight %}

{% endtabs %}
Expand All @@ -80,16 +81,15 @@ The [AutoScrollingMode](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.
<chart:SfCartesianChart x:Name="chart" >
...
<chart:SfCartesianChart.XAxes>
<chart:NumericalAxis AutoScrollingDelta="3"
AutoScrollingMode="Start" />
<chart:NumericalAxis AutoScrollingDelta="3" AutoScrollingMode="Start" />
</chart:SfCartesianChart.XAxes>

<chart:SfCartesianChart.YAxes>
<chart:NumericalAxis />
</chart:SfCartesianChart.YAxes>

<chart:SfCartesianChart.ZoomPanBehavior>
<chart:ChartZoomPanBehavior EnablePanning="True" />
<chart:ChartZoomPanBehavior EnablePanning="True" />
</chart:SfCartesianChart.ZoomPanBehavior>
...
</chart:SfCartesianChart>
Expand Down Expand Up @@ -117,6 +117,7 @@ The [AutoScrollingMode](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.
chart.ZoomPanBehavior = zoomPanBehavior;
...
this.Content = chart;

{% endhighlight %}

{% endtabs %}
Expand All @@ -131,12 +132,10 @@ In the [DateTimeAxis](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Ch

{% highlight xaml %}

<chart:SfCartesianChart x:Name="chart" >
<chart:SfCartesianChart x:Name="chart" >
...
<chart:SfCartesianChart.XAxes>
<chart:DateTimeAxis
AutoScrollingDelta="4"
AutoScrollingDeltaType="Months" >
<chart:DateTimeAxis AutoScrollingDelta="4" AutoScrollingDeltaType="Months" >
<chart:DateTimeAxis.LabelStyle>
<chart:LabelStyle LabelFormat="MMM-yy" />
</chart:DateTimeAxis.LabelStyle>
Expand All @@ -148,10 +147,10 @@ In the [DateTimeAxis](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Ch
</chart:SfCartesianChart.YAxes>

<chart:SfCartesianChart.ZoomPanBehavior>
<chart:ChartZoomPanBehavior EnablePanning="True" />
<chart:ChartZoomPanBehavior EnablePanning="True" />
</chart:SfCartesianChart.ZoomPanBehavior>
...
</chart:SfCartesianChart>
</chart:SfCartesianChart>

{% endhighlight %}

Expand Down Expand Up @@ -181,6 +180,7 @@ In the [DateTimeAxis](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Ch
chart.ZoomPanBehavior = zoomPanBehavior;
...
this.Content = chart;

{% endhighlight %}

{% endtabs %}
Expand Down
21 changes: 10 additions & 11 deletions winui/Cartesian-Charts/Axis/Axislabels.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,11 +93,11 @@ chart.XAxes.Add(primaryAxis);
<chart:SfCartesianChart>
. . .
<chart:SfCartesianChart.YAxes>
<chart:NumericalAxis >
<chart:NumericalAxis>
<chart:NumericalAxis.LabelStyle>
<chart:LabelStyle LabelFormat="0.00" />
</chart:NumericalAxis.LabelStyle>
</chart:NumericalAxis>
</chart:NumericalAxis.LabelStyle>
</chart:NumericalAxis>
</chart:SfCartesianChart.YAxes>

</chart:SfCartesianChart>
Expand Down Expand Up @@ -133,13 +133,13 @@ The appearance of the axis labels can be customized by using the [LabelTemplate]
<chart:SfCartesianChart.Resources>
<DataTemplate x:Key="labelTemplate">
<Border BorderBrush="Blue"
CornerRadius="5"
BorderThickness="1">
CornerRadius="5"
BorderThickness="1">
<TextBlock Text="{Binding Content}"
FontSize="12"
FontStyle="Italic"
FontWeight="Bold"
Margin="3"/>
FontSize="12"
FontStyle="Italic"
FontWeight="Bold"
Margin="3"/>
</Border>
</DataTemplate>
</chart:SfCartesianChart.Resources>
Expand Down Expand Up @@ -179,8 +179,7 @@ The [LabelExtent](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts
<chart:SfCartesianChart>
. . .
<chart:SfCartesianChart.XAxes>
<chart:CategoryAxis Header="Demand"
LabelExtent="50"/>
<chart:CategoryAxis Header="Demand" LabelExtent="50"/>
</chart:SfCartesianChart.XAxes>

</chart:SfCartesianChart>
Expand Down
2 changes: 1 addition & 1 deletion winui/Cartesian-Charts/Axis/Axisline.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@ SfCartesianChart chart = new SfCartesianChart();
. . .
NumericalAxis primaryAxis = new NumericalAxis()
{
AxisLineOffset = 25
AxisLineOffset = 25,
AxisLineStyle = chart.Resources["lineStyle"] as Style
};
chart.XAxes.Add(primaryAxis);
Expand Down
12 changes: 6 additions & 6 deletions winui/Cartesian-Charts/Axis/Header.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -98,13 +98,13 @@ The appearance of the header can be customized using the [HeaderTemplate](https:
<chart:SfCartesianChart.Resources>
<DataTemplate x:Key="headerTemplate">
<Border BorderBrush="Blue"
CornerRadius="5"
BorderThickness="1">
CornerRadius="5"
BorderThickness="1">
<TextBlock Text="Category"
FontSize="12"
FontStyle="Italic"
FontWeight="Bold"
Margin="3"/>
FontSize="12"
FontStyle="Italic"
FontWeight="Bold"
Margin="3"/>
</Border>
</DataTemplate>
</chart:SfCartesianChart.Resources>
Expand Down
16 changes: 8 additions & 8 deletions winui/Cartesian-Charts/Axis/Range-padding.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -173,10 +173,10 @@ The [RangePadding](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Chart
. . .
<chart:SfCartesianChart.XAxes>
<chart:DateTimeAxis RangePadding="Additional">
<chart:DateTimeAxis.LabelStyle>
<chart:LabelStyle LabelFormat="MMM-yy" />
</chart:DateTimeAxis.LabelStyle>
</chart:DateTimeAxis>
<chart:DateTimeAxis.LabelStyle>
<chart:LabelStyle LabelFormat="MMM-yy" />
</chart:DateTimeAxis.LabelStyle>
</chart:DateTimeAxis>
</chart:SfCartesianChart.XAxes>

<chart:SfCartesianChart.YAxes>
Expand Down Expand Up @@ -218,10 +218,10 @@ this.Content = chart;
. . .
<chart:SfCartesianChart.XAxes>
<chart:DateTimeAxis RangePadding="None">
<chart:DateTimeAxis.LabelStyle>
<chart:LabelStyle LabelFormat="MMM-yy" />
</chart:DateTimeAxis.LabelStyle>
</chart:DateTimeAxis>
<chart:DateTimeAxis.LabelStyle>
<chart:LabelStyle LabelFormat="MMM-yy" />
</chart:DateTimeAxis.LabelStyle>
</chart:DateTimeAxis>
</chart:SfCartesianChart.XAxes>

<chart:SfCartesianChart.YAxes>
Expand Down
11 changes: 4 additions & 7 deletions winui/Cartesian-Charts/Axis/Types.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,8 +103,8 @@ N> If minimum or maximum value is set, the other value is calculated by default

<chart:SfCartesianChart.YAxes>
<chart:NumericalAxis Maximum="2750"
Minimum="250"
Interval="250"/>
Minimum="250"
Interval="250"/>
</chart:SfCartesianChart.YAxes>

{% endhighlight %}
Expand Down Expand Up @@ -565,16 +565,15 @@ By default, all the series are plotted based on the 0th index axis of XAxes and

<chart:SfCartesianChart.YAxes>
<chart:NumericalAxis ShowMajorGridLines="False" />
<chart:NumericalAxis Name="Series_YAxis"
ShowMajorGridLines="False" />
<chart:NumericalAxis Name="Series_YAxis" ShowMajorGridLines="False" />
</chart:SfCartesianChart.YAxes>

<chart:SfCartesianChart.Series>
<chart:SfCartesianChart.Series>
<chart:ColumnSeries ItemsSource="{Binding Data1}"
XBindingPath="Date"
YBindingPath="Value"
YAxisName="Series_YAxis">
YAxisName="Series_YAxis">
</chart:ColumnSeries>
<chart:SplineSeries ItemsSource="{Binding Data}"
XBindingPath="Date"
Expand All @@ -583,8 +582,6 @@ By default, all the series are plotted based on the 0th index axis of XAxes and

</chart:SfCartesianChart>

</ContentPage>

{% endhighlight %}

{% highlight c# %}
Expand Down
Loading