Skip to content
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

Jump to bottom

DOCINFRA-2341_merged_using_automation #393

Merged
merged 6 commits into from
Jun 16, 2023
Merged

DOCINFRA-2341_merged_using_automation #393

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
b891b60
SEO-171719-Links-With-Redirects-UWP-Charts
berylouma May 30, 2023
f1f1f0e
Updated
berylouma May 30, 2023
59e6c8a
Update Interactive-Features.md
berylouma May 30, 2023
31efc0c
Update Area.md
berylouma Jun 12, 2023
7837e31
Updated
berylouma Jun 12, 2023
152a00e
Merge pull request #381 from syncfusion-content/SEO-171719-Links-With…
Girija-Rajendran Jun 15, 2023
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
56 changes: 28 additions & 28 deletions uwp/Charts/Adornments.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -131,7 +131,7 @@ chart.Series.Add(series);

{% endtabs %}

![Symbol support in UWP Chart](Adornments_images/marker_1.png)
![Symbol support in UWP Chart](adornments_images/uwp-charts-adornments-symbol-support.png)


### Customization
Expand Down Expand Up @@ -210,7 +210,7 @@ chart.Series.Add(series);

{% endtabs %}

![Symbol customization support in UWP Chart](Adornments_images/marker_2.png)
![Symbol customization support in UWP Chart](adornments_images/uwp-charts-adornments-symbol-customization.png)


**Custom Template**
Expand Down Expand Up @@ -340,7 +340,7 @@ chart.Series.Add(series);

{% endtabs %}

![Template support for symbol in UWP Chart](Adornments_images/custom_template.png)
![Template support for symbol in UWP Chart](adornments_images/uwp-charts-adornments-custom-template.png)


## Label
Expand Down Expand Up @@ -405,7 +405,7 @@ chart.Series.Add(series);

{% endtabs %}

![Label to represent the text for adornments in UWP Chart](Adornments_images/label_1.png)
![Label to represent the text for adornments in UWP Chart](adornments_images/uwp-charts-adornments-label-text.png)


### Defining the Label Content
Expand Down Expand Up @@ -474,7 +474,7 @@ chart.Series.Add(series);

{% endtabs %}

![Adornments label content customization support in UWP Chart](Adornments_images/label_2.png)
![Adornments label content customization support in UWP Chart](adornments_images/uwp-charts-adornments-label-content.png)


N>For CategoryAxis, the x values will be taken as the index since it is an indexed based axis. If it is a numerical axis or date time the corresponding x value will be displayed.
Expand Down Expand Up @@ -541,7 +541,7 @@ chart.Series.Add(series);

{% endtabs %}

![Adornments label content customization support in UWP Chart](Adornments_images/label_3.png)
![Adornments label content customization support in UWP Chart](adornments_images/uwp-charts-adornments-label-content-customization.png)


**YofTot**
Expand Down Expand Up @@ -604,7 +604,7 @@ chart.Series.Add(series);

{% endtabs %}

![Adornments label content customization support in UWP Chart](Adornments_images/label_4.png)
![Adornments label content customization support in UWP Chart](adornments_images/uwp-charts-adornments-label-content-yoftof.png)


**DateTime**
Expand Down Expand Up @@ -660,7 +660,7 @@ chart.Series.Add(series);

{% endtabs %}

![Adornments label content customization support in UWP Chart](Adornments_images/label_5.png)
![Adornments label content customization support in UWP Chart](adornments_images/uwp-charts-adornments-label-content-datetime.png)

N> If you are having DateTimeAxis then the corresponding date time value will be displayed as [`LabelContent`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Charts.LabelContent.html). In case of category or numerical axis the value will be converted to OADate.

Expand Down Expand Up @@ -739,7 +739,7 @@ return value;
{% endtabs %}


![LabelTemplate support for adornments in UWP Chart](Adornments_images/labelcontent.png)
![Label Template support for adornments in UWP Chart](adornments_images/uwp-charts-adornments-label-content-path.png)


**Label Rotation**
Expand Down Expand Up @@ -777,7 +777,7 @@ ChartAdornmentInfo adornmentInfo = new ChartAdornmentInfo()

{% endtabs %}

![Adornments label rotation support in UWP Chart](Adornments_images/label_rotation.png)
![Adornments label rotation support in UWP Chart](adornments_images/uwp-charts-adornments-label-rotation.png)

### Customization

Expand Down Expand Up @@ -871,7 +871,7 @@ series.AdornmentsInfo = adornmentInfo;

{% endtabs %}

![Adornments label customization support in UWP Chart](Adornments_images/custom_label.png)
![Adornments label customization support in UWP Chart](adornments_images/uwp-charts-adornments-custom-label.png)


## Applying Series Brush
Expand Down Expand Up @@ -917,7 +917,7 @@ series.AdornmentsInfo = adornmentInfo;

{% endtabs %}

![Series brush for adornments background support in UWP Chart](Adornments_images/series_palette.png)
![Series brush for adornments background support in UWP Chart](adornments_images/uwp-charts-adornments-series-palette.png)


The default appearance of the label can be customized using [`LabelTemplate`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_LabelTemplate) property as in the below code example:
Expand Down Expand Up @@ -996,7 +996,7 @@ YBindingPath="Year2011">

{% endhighlight %}

![LabelTemplate support for adornments in UWP Chart](Adornments_images/label_template.png)
![Label Template support for adornments in UWP Chart](adornments_images/uwp-charts-adornments-label-template.png)


## Label Format
Expand All @@ -1005,7 +1005,7 @@ YBindingPath="Year2011">

In the following image, you can see the decimal position will be rounded off to two digits by default.

![Adornments label format support in UWP Chart](Adornments_images/label_format.png)
![Adornments label format support in UWP Chart](adornments_images/uwp-charts-adornments-label-format.png)


The following code example demonstrates the rounding off the y value having three decimal digits:
Expand Down Expand Up @@ -1098,7 +1098,7 @@ series.AdornmentsInfo = adornmentInfo;

{% endtabs %}

![Connector line for adornments support in UWP Chart](Adornments_images/connectorline_1.png)
![Connector line for adornments support in UWP Chart](adornments_images/uwp-charts-adornments-adding-connectorline.png)


### Connector Height and Rotation
Expand Down Expand Up @@ -1174,7 +1174,7 @@ series.AdornmentsInfo = adornmentInfo;

{% endtabs %}

![Connector line style support in UWP Chart](Adornments_images/connectorline_2.png)
![Connector line style support in UWP Chart](adornments_images/uwp-charts-adornments-connectorline-style.png)


### Connector Type
Expand All @@ -1183,7 +1183,7 @@ series.AdornmentsInfo = adornmentInfo;

**Line**

![Connector type support in UWP Chart](Adornments_images/connectorline_3.png)
![Connector type support in UWP Chart](adornments_images/uwp-charts-adornments-connector-type.png)

**Bezier**

Expand Down Expand Up @@ -1251,7 +1251,7 @@ chart.Series.Add(series);

{% endtabs %}

![Connector type support in UWP Chart](Adornments_images/connectorline_4.png)
![Connector type support in UWP Chart](adornments_images/uwp-charts-adornments-connector-type-bezier.png)


## Positioning the Adornments
Expand Down Expand Up @@ -1301,7 +1301,7 @@ series.AdornmentsInfo = adornmentInfo;

{% endtabs %}

![Adornments positioning support in UWP Chart](Adornments_images/adornment_pos_1.png)
![Adornments positioning support in UWP Chart](adornments_images/uwp-charts-adornments-positioning.png)

Also you can define the label alignment using [`HorizontalAlignment`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_HorizontalAlignment) and [`VerticalAlignment`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Charts.ChartAdornmentInfoBase.html#Syncfusion_UI_Xaml_Charts_ChartAdornmentInfoBase_VerticalAlignment) properties and the following code example demonstrates the labels positioned using horizontal and vertical alignment.

Expand Down Expand Up @@ -1340,7 +1340,7 @@ series.AdornmentsInfo = adornmentInfo;

{% endtabs %}

![Adornments positioning support in UWP Chart](Adornments_images/adornment_pos_2.png)
![Adornments positioning support in UWP Chart](adornments_images/uwp-charts-adornments-positioning-support.png)

### Advanced Positioning

Expand Down Expand Up @@ -1393,7 +1393,7 @@ series.AdornmentsInfo = adornmentInfo;

{% endtabs %}

![Adornments positioning support in UWP Chart](Adornments_images/adornment_pos_3.png)
![Adornments positioning support in UWP Chart](adornments_images/uwp-charts-adornments-column-series.png)


LabelPosition as Inner
Expand Down Expand Up @@ -1431,7 +1431,7 @@ series.AdornmentsInfo = adornmentInfo;

{% endtabs %}

![Adornments positioning support in UWP Chart](Adornments_images/adornment_pos_4.png)
![Adornments positioning support in UWP Chart](adornments_images/uwp-charts-adornments-column-series-support.png)


LabelPosition as Outer
Expand Down Expand Up @@ -1469,7 +1469,7 @@ series.AdornmentsInfo = adornmentInfo;

{% endtabs %}

![Adornments positioning support in UWP Chart](Adornments_images/adornment_pos_5.png)
![Adornments positioning support in UWP Chart](adornments_images/uwp-charts-adornments-label-position.png)


**Line Series**
Expand Down Expand Up @@ -1511,7 +1511,7 @@ chart.Series.Add(series);

{% endtabs %}

![Adornments positioning support in UWP Chart](Adornments_images/adornment_pos_6.png)
![Adornments positioning support in UWP Chart](adornments_images/uwp-charts-adornments-line-series.png)

LabelPosition as Inner

Expand Down Expand Up @@ -1550,7 +1550,7 @@ chart.Series.Add(series);

{% endtabs %}

![Adornments positioning support in UWP Chart](Adornments_images/adornment_pos_7.png)
![Adornments positioning support in UWP Chart](adornments_images/uwp-charts-adornments-line-series-support.png)


LabelPosition as Outer
Expand Down Expand Up @@ -1590,7 +1590,7 @@ chart.Series.Add(series);

{% endtabs %}

![Adornments positioning support in UWP Chart](Adornments_images/adornment_pos_8.png)
![Adornments positioning support in UWP Chart](adornments_images/uwp-charts-adornments-line-series-positioning.png)

LabelPosition as Center

Expand Down Expand Up @@ -1629,7 +1629,7 @@ chart.Series.Add(series);

{% endtabs %}

![Adornments positioning support in UWP Chart](Adornments_images/adornment_pos_9.png)
![Adornments positioning support in UWP Chart](adornments_images/uwp-charts-adornments-series-positioning.png)


## Smart Labels for Accumulation Series
Expand Down Expand Up @@ -1712,6 +1712,6 @@ chart.Series.Add(series);

{% endtabs %}

![Smart labels for adornments in UWP Chart](Adornments_images/smartlabel.png)
![Smart labels for adornments in UWP Chart](adornments_images/uwp-charts-adornments-smartlabel.png)


14 changes: 7 additions & 7 deletions uwp/Charts/Area.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ chart.Header = "Usage of Metals";

{% endtabs %}

![SfChart with header.](Area_images/Area_img1.jpeg)
![SfChart with header in UWP.](area_images/uwp-charts-area-chart-with-header.jpeg)


Header can be positioned left or right side of the chart using [`HorizontalHeaderAlignment`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Charts.ChartBase.html#Syncfusion_UI_Xaml_Charts_ChartBase_HorizontalHeaderAlignment) property.
Expand Down Expand Up @@ -119,7 +119,7 @@ chart.Header = border;

{% endtabs %}

![Header customization in SfChart](Area_images/Area_img2.jpeg)
![Header customization in SfChart](area_images/uwp-charts-area-header-customization.jpeg)


N> Here, HorizontalHeaderAlignment is set as ‘Right’.
Expand Down Expand Up @@ -166,7 +166,7 @@ chart.AreaBorderThickness = new Thickness(3);

{% endtabs %}

![SfChart with customized plot area](Area_images/Area_img3.jpeg)
![SfChart with customized plot area in UWP](area_images/uwp-charts-plot-area-customization.jpeg)


## Multiple Area
Expand Down Expand Up @@ -319,7 +319,7 @@ chart.Series.Add(columnSeries2);

{% endtabs %}

![SfChart with multiple panes](Area_images/Area_img4.jpeg)
![SfChart with multiple panes in UWP](area_images/uwp-charts-area-multiple-panes.jpeg)


## Column Span and Row Span
Expand Down Expand Up @@ -460,7 +460,7 @@ chart.Series.Add(lineSeries);

{% endtabs %}

![SfChart with two y axes, one axis spanned to two rows](Area_images/Area_img5.jpeg)
![SfChart with two y axes, one axis spanned to two rows](area_images/uwp-charts-area-column-and-row-span.jpeg)


## Placing Series Side-By-Side
Expand All @@ -469,7 +469,7 @@ It defines the placement pattern of bar type series like [`Column`](https://help

It is a Boolean property and its default value is true so the segment will be placed adjacent to each other (Clustered).

![Column chart type placed side by side](Area_images/Area_img6.jpeg)
![Column chart type placed side by side in UWP](area_images/uwp-charts-area-side-by-side.jpeg)


The following code example and image illustrates the placement of series while setting [`SideBySideSeriesPlacement`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Charts.ChartBase.html#Syncfusion_UI_Xaml_Charts_ChartBase_SideBySideSeriesPlacement) as false.
Expand Down Expand Up @@ -597,7 +597,7 @@ chart.Series.Add(columnSeries2);

{% endtabs %}

![Column chart type place one over another.](Area_images/Area_img7.jpeg)
![Column chart type place one over another in UWP.](area_images/uwp-charts-area-one-over-another.jpeg)


N>As the series will be placed one over the other(overlapped), to differentiate between the series the [`SegmentSpacing`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Charts.ISegmentSpacing.html#Syncfusion_UI_Xaml_Charts_ISegmentSpacing_SegmentSpacing) is used.
Expand Down
4 changes: 2 additions & 2 deletions uwp/Charts/Getting-Started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -90,7 +90,7 @@ chart.SecondaryAxis = secondaryAxis

Run the project and check if you get following output to make sure you have configured your project properly to add [`SfChart`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Charts.SfChart.html).

![Initializing UWP Chart](Getting-Started_images/img1.png)
![Initializing UWP Chart](getting-started_images/uwp-chart-initializing.png)

N> [`SfChart`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Charts.SfChart.html) supports default axes, so that these axes ([`PrimaryAxis`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Charts.SfChart.html#Syncfusion_UI_Xaml_Charts_SfChart_PrimaryAxis) and [`SecondaryAxis`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Charts.SfChart.html#Syncfusion_UI_Xaml_Charts_SfChart_SecondaryAxis)) will get generated automatically based upon the data bind to the chart, if you didn’t specify the axes explicitly.

Expand Down Expand Up @@ -672,7 +672,7 @@ End Class

The following chart is created as a result of the above codes.

![Tooltip support in UWP Chart](Getting-Started_images/img3.png)
![Tooltip support in UWP Chart](getting-started_images/uwp-chart-tooltip-support.png)

You can find the complete getting started sample from this [link](https://github.com/SyncfusionExamples/How-to-create-a-Chart-control-example-in-UWP).

Loading