Skip to content

Commit 6998159

Browse files
committed
Added API links in readme.
1 parent 4a371b6 commit 6998159

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

README.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
11
# How to create a Tornado Chart in WinUI
22

3-
This article explains how to create a tornado chart using the Column chart in WinUI charts.
3+
This article explains how to create a tornado chart using the [Column chart](https://help.syncfusion.com/winui/cartesian-charts/column) in [WinUI charts](https://www.syncfusion.com/winui-controls/charts).
44

55
The tornado chart is a special type of bar chart, where the bars extended from the defined baseline, which is also used to compare the data among different types of data or categories. The bars in the tornado chart are horizontal; this chart is basically used to show the impact, such as how a condition will impact the outcome.
66

7-
You can achieve the tornado chart using column charts by following the steps below:
7+
You can achieve the tornado chart using [column charts](https://help.syncfusion.com/winui/cartesian-charts/column) by following the steps below:
88

99
### Step 1:
10-
Create ColumnSeries with binding of ItemsSource, XBindingPath, and YBindingPath properties.
10+
Create [ColumnSeries](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.ColumnSeries.html) with binding of [ItemsSource](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.ChartSeriesBase.html#Syncfusion_UI_Xaml_Charts_ChartSeriesBase_ItemsSource), [XBindingPath](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.ChartSeriesBase.html#Syncfusion_UI_Xaml_Charts_ChartSeriesBase_XBindingPath), and [YBindingPath](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.XyDataSeries.html?tabs=tabid-1#Syncfusion_UI_Xaml_Charts_XyDataSeries_YBindingPath) properties.
1111

1212
### Step 2:
13-
Set the SfCartesianChart IsTranposed and EnableSideBySideSeriesPlacement property value as false to create columns as horizontal bar and to avoid segments arranged side by side.
13+
Set the [SfCartesianChart](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.SfCartesianChart.html) [IsTranposed](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.SfCartesianChart.html#Syncfusion_UI_Xaml_Charts_SfCartesianChart_IsTransposed) and [EnableSideBySideSeriesPlacement](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.SfCartesianChart.html#Syncfusion_UI_Xaml_Charts_SfCartesianChart_EnableSideBySideSeriesPlacement) property value as false to create columns as horizontal bar and to avoid segments arranged side by side.
1414

1515
### Step 3:
16-
Display the model data values in the bar segment by setting the ColumnSeries ShowDataLabels property value as true and customize the data label by using the CartesianDataLabelSettings class ContentTemplate property as demonstrated in the code example below.
16+
Display the model data values in the bar segment by setting the [ColumnSeries](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.ColumnSeries.html) [ShowDataLabels](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.DataMarkerSeries.html#Syncfusion_UI_Xaml_Charts_DataMarkerSeries_ShowDataLabels) property value as `true` and customize the data label by using the [CartesianDataLabelSettings](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.CartesianDataLabelSettings.html) class [ContentTemplate](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.ChartDataLabelSettings.html#Syncfusion_UI_Xaml_Charts_ChartDataLabelSettings_ContentTemplate) property as demonstrated in the code example below.
1717

1818
**[XAML]**
1919
```
@@ -49,7 +49,7 @@ Display the model data values in the bar segment by setting the ColumnSeries Sho
4949
```
5050

5151
### Step 4:
52-
Using IValueConverter, we can customize the negative values into absolute values as per the code example below.
52+
Using `IValueConverter`, we can customize the negative values into absolute values as per the code example below.
5353

5454
**[C#]**
5555
```
@@ -69,7 +69,7 @@ public class ValueConverter : IValueConverter
6969
```
7070

7171
### Step 5:
72-
Similarly, we can customize the axis label using the LabelTemplate property of the axis and by using a converter to display absolute values as per the below code example.
72+
Similarly, we can customize the axis label using the [LabelTemplate](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.ChartAxis.html#Syncfusion_UI_Xaml_Charts_ChartAxis_LabelTemplate) property of the axis and by using a converter to display absolute values as per the below code example.
7373

7474
**[XAML]**
7575
```

0 commit comments

Comments
 (0)