Skip to content

DOCINFRA-2341_merged_using_automation #188

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

Merged
merged 2 commits into from
Oct 31, 2022
Merged

DOCINFRA-2341_merged_using_automation #188

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
7b417e0
SEO-2684-Coverage-report-pages-with-redirect
gowthamanthavasiyappan Oct 28, 2022
ca88840
Merge pull request #186 from syncfusion-content/SEO-2684-Coverage-rep…
Aishwarya-Ganesan Oct 31, 2022
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
14 changes: 7 additions & 7 deletions angular/Chart/Annotations.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Chart Annotations
title: Annotations in Angular Chart Control | Syncfusion
description: How to add annotations in Essential Angular Chart and the different options available to customize its position.
platform: Angular
control: Chart
documentation: ug
---

# Annotations
# Annotations in Angular Chart

annotations are used to mark the specific area of interest in the chart area with texts, shapes or images.

Expand All @@ -28,7 +28,7 @@ You can add annotations to the chart by using the `annotations` option. By using
{% endhighlight %}


![](Annotations_images/Annotations_img1.png)
![Angular Chart annotation](Annotations_images/Annotations_img1.png)


## Rotate the annotation template
Expand All @@ -50,7 +50,7 @@ To rotate the annotation template, you can use the `angle` property of the annot
{% endhighlight %}


![](Annotations_images/Annotations_img2.png)
![Angular Chart rotate annotation](Annotations_images/Annotations_img2.png)

## Positioning Annotation

Expand Down Expand Up @@ -82,12 +82,12 @@ N> By using the `region` option, you can specify whether the annotation is place
{% endhighlight %}


![](Annotations_images/Annotations_img3.png)
![Angular Chart positioning annotation](Annotations_images/Annotations_img3.png)


## Annotation alignments

When the coordinateUnit is set to pixels or points, you can align the annotation relative to the coordinates by using the [`horizontalAlignment`](../api/ejchart#members:annotations-horizontalalignment) and [`verticalAlignment`] options.
When the coordinateUnit is set to pixels or points, you can align the annotation relative to the coordinates by using the [`horizontalAlignment`](../api/angular/ejchart#members:annotations-horizontalalignment) and [`verticalAlignment`] options.

{% highlight html %}

Expand All @@ -104,4 +104,4 @@ When the coordinateUnit is set to pixels or points, you can align the annotation
{% endhighlight %}


![](Annotations_images/Annotations_img4.png)
![Angular Chart annotation alignment](Annotations_images/Annotations_img4.png)
4 changes: 2 additions & 2 deletions angular/Chart/Appearance.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ control: Chart
documentation: ug
---

# Appearance
# Appearance in Angular Chart

## Custom Color Palette

Expand Down Expand Up @@ -243,7 +243,7 @@ function animateChart(){

### Control the Speed of animation

To control the speed of animation, you can use the [`animationDuration`](../api/ejchart#members:series-animationduration) property in the series.
To control the speed of animation, you can use the [`animationDuration`](../api/js/ejchart#members:series-animationduration) property in the series.


{% highlight html %}
Expand Down
2 changes: 1 addition & 1 deletion angular/Chart/Trendlines.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ documentation: ug

# Trendlines support in Angular Chart

EjChart can generate Trendlines for Cartesian type series *(Line, Column, Scatter, Area, Candle, HiLo etc.)* except bar type series. You can add more than one trendline object to the [`trendlines`](../api/ejchart#members:series-trendlines) option.
EjChart can generate Trendlines for Cartesian type series *(Line, Column, Scatter, Area, Candle, HiLo etc.)* except bar type series. You can add more than one trendline object to the [`trendlines`](../api/js/ejchart#members:series-trendlines) option.

{% highlight ts %}

Expand Down