Skip to content

SEO-2393 - ReactJS Charts image alt text changes #145

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 1 commit into
base: hotfix/hotfix-v20.2.0.36
Choose a base branch
from
Open

SEO-2393 - ReactJS Charts image alt text changes #145

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
12 changes: 6 additions & 6 deletions ReactJS/Chart/Chart-Dimensions.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Chart size
description: Learn how to set Chart size and make it responsive.
platform: js
title: Dimensions in ReactJS Chart Control | Syncfusion
description: Learn here all about dimensions support in Syncfusion Essential ReactJS Chart control, its elements, and more.
platform: ReactJS
control: Chart
documentation: ug
api : /api/js/ejchart
---

# Chart Dimensions
# Chart Dimensions in ReactJS Chart

You can set the size of the chart directly on the chart or to the container of the chart. When you do not specify the size, it takes 450px as the height and window size as its width, by default.

Expand Down Expand Up @@ -47,7 +47,7 @@ You can also set the chart dimension by using the [`size`](../api/ejchart#member

{% endhighlight %}

![](/js/Chart/Chart-Dimensions_images/Chart-Dimensions_img1.png)
![ReactJS Chart dimentions](/js/Chart/Chart-Dimensions_images/Chart-Dimensions_img1.png)


## Setting size relative to the container size
Expand All @@ -69,7 +69,7 @@ You can specify the chart size in percentage by using the [`size`](../api/ejchar

{% endhighlight %}

![](/js/Chart/Chart-Dimensions_images/Chart-Dimensions_img2.png)
![ReactJS Chart setting size relative to the container size](/js/Chart/Chart-Dimensions_images/Chart-Dimensions_img2.png)


## Responsive chart
Expand Down
32 changes: 16 additions & 16 deletions ReactJS/CircularGauge/Getting-Started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
---
layout: post
title: Getting-Started
description: getting started
platform: React JS
title: Getting-Started in ReactJS CircularGauge Control | Syncfusion
description: Learn here all about getting started with Syncfusion Essential ReactJS CircularGauge control, its elements, and more.
platform: ReactJS
control: CircularGauge
documentation: ug
---

# Getting Started
# Getting Started with ReactJS CircularGauge

* This section encompasses how to configure Circular Gauge. You can provide data to a Circular Gauge and make them to display in a required way.

* The following screen shot displays a Circular Gauge, which visually represents the functions of an Automobile speedometer with RPM (Rotation per Minute), kph (Kilometer per hour) and it denotes the speed level indicators (Safe, Caution and Danger).


![](Getting-Started_images/Getting-Started_img11.png)
![ReactJS CirculaGauge Getting Started](Getting-Started_images/Getting-Started_img11.png)

Analog Speedometer
{:.caption}
Expand Down Expand Up @@ -110,7 +110,7 @@ Run the above code example to get a default CircularGauge with default values.



![](Getting-Started_images/Getting-Started_img2.png)
![ReactJS CirculaGauge with Default Value](Getting-Started_images/Getting-Started_img2.png)


## Set Height and Width
Expand Down Expand Up @@ -142,7 +142,7 @@ Run the above code example and you will see the following output.



![](Getting-Started_images/Getting-Started_img3.png)
![ReactJS CirculaGauge Set Height and Width](Getting-Started_images/Getting-Started_img3.png)


## Set Background Color
Expand Down Expand Up @@ -183,7 +183,7 @@ Run the above code example and you will see the following output.



![](Getting-Started_images/Getting-Started_img4.png)
![ReactJS CirculaGauge Set Background Color](Getting-Started_images/Getting-Started_img4.png)

## Provide Scale Values

Expand Down Expand Up @@ -233,7 +233,7 @@ var scales = [{

Run the above code example and you will see the following output.

![](Getting-Started_images/Getting-Started_img5.png)
![ReactJS CirculaGauge Provide Scale Values](Getting-Started_images/Getting-Started_img5.png)


## Add Label Customization
Expand Down Expand Up @@ -278,7 +278,7 @@ Run the above code example and you will see the following output.



![](Getting-Started_images/Getting-Started_img6.png)
![ReactJS CirculaGauge Add Label Customization](Getting-Started_images/Getting-Started_img6.png)


## Add Pointers
Expand Down Expand Up @@ -359,7 +359,7 @@ var scales = [{

Run the above code example and you will see the following output.

![](Getting-Started_images/Getting-Started_img7.png)
![ReactJS CirculaGauge Add Pointers](Getting-Started_images/Getting-Started_img7.png)


## Add Tick Details
Expand Down Expand Up @@ -418,7 +418,7 @@ var scales = [{

Run the above code example and you will see the following output.

![](Getting-Started_images/Getting-Started_img8.png)
![ReactJS CirculaGauge Add Tick Details](Getting-Started_images/Getting-Started_img8.png)


## Add Range Values
Expand Down Expand Up @@ -490,7 +490,7 @@ Run the above code example and you will see the following output.



![](Getting-Started_images/Getting-Started_img9.png)
![ReactJS CirculaGauge Add Range Values](Getting-Started_images/Getting-Started_img9.png)


## Add Indicator Details
Expand Down Expand Up @@ -600,7 +600,7 @@ Run the above code example and you will see the following output.



![](Getting-Started_images/Getting-Started_img10.png)
![ReactJS CirculaGauge Add Indicator Details](Getting-Started_images/Getting-Started_img10.png)


## Add Custom Label Details
Expand Down Expand Up @@ -674,7 +674,7 @@ var scales = [{
{% endhighlight %}
Run the above code example and you will see the following output.

![](Getting-Started_images/Getting-Started_img11.png)
![ReactJS CirculaGauge Add Custom Label Details](Getting-Started_images/Getting-Started_img11.png)

## Without using jsx Template

Expand Down Expand Up @@ -748,4 +748,4 @@ ReactDOM.render(
{% endhighlight %}
Run the above code example and you will see the following output.

![](Getting-Started_images/Getting-Started_img7.png)
![ReactJS CirculaGauge Without Using jsx Template](Getting-Started_images/Getting-Started_img7.png)