Merge pull request #1218 from syncfusion-content/FLUT-958977-Correct-grammatical-errors-in-the-UG-for-the-Charts

FLUT-958977 - [Feature] Cleared grammatical issues for charts

Author: LavanyaGowtham2021

Flutter/cartesian-charts/accessibility.md

@@ -13,7 +13,7 @@ documentation: ug
 
 The [`SfCartesianChart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart-class.html) [`theming`](https://help.syncfusion.com/flutter/themes) support offers a consistent and standardized look, as well as the ability to set the colors for all UI elements.
 
-The customization the colors can be done for the following chart elements.
+The customization of colors can be done for the following chart elements.
 * [Chart title](https://help.syncfusion.com/flutter/cartesian-charts/chart-title)
 * [Axis title](https://help.syncfusion.com/flutter/cartesian-charts/axis-customization#axis-title)
 * [Axis label](https://help.syncfusion.com/flutter/cartesian-charts/axis-customization#axis-label-customization)
@@ -33,7 +33,7 @@ The customization the colors can be done for the following chart elements.
 
 ## Large fonts
 
-The [`SfCartesianChart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart-class.html) font size can be adjusted automatically based on device settings and the font size scaled based on the [`MediaQueryData.textScaleFactor`](https://api.flutter.dev/flutter/widgets/MediaQueryData/textScaleFactor.html). And also it allows to change the font size of all elements in Cartesian chart.
+The [`SfCartesianChart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart-class.html) font size can be adjusted automatically based on device settings and the font size scaled based on the [`MediaQueryData.textScaleFactor`](https://api.flutter.dev/flutter/widgets/MediaQueryData/textScaleFactor.html). It also allows you to change the font size of all elements in Cartesian chart.
 * [Chart title](https://help.syncfusion.com/flutter/cartesian-charts/chart-title)
 * [Axis title](https://help.syncfusion.com/flutter/cartesian-charts/axis-customization#axis-title)
 * [Axis label](https://help.syncfusion.com/flutter/cartesian-charts/axis-customization#axis-label-customization)

Flutter/cartesian-charts/annotations.md

@@ -256,7 +256,7 @@ The following code example demonstrates how to set the [`horizontalAlignment`](h
 
 ## Adding multiple annotation
 
-You can add multiple annotations to the Chart by adding multiple widgets to the [`annotations`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation-class.html) property. as depicted in below code snippet.
+You can add multiple annotations to the Chart by adding multiple widgets to the [`annotations`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation-class.html) property as depicted in below code snippet.
 
 {% tabs %}
 {% highlight dart %} 

Flutter/cartesian-charts/axis-types.md

@@ -576,11 +576,11 @@ The [`decimalPlaces`](https://pub.dev/documentation/syncfusion_flutter_charts/la
                 child: Container(
                     child: SfCartesianChart(
                         primaryXAxis: NumericAxis(
-                            deciamlPlaces: 5
+                            decimalPlaces: 5
                         ),
                         primaryYAxis: NumericAxis(
                             decimalPlaces: 4,
-                            rangPadding: ChartRangePadding.none
+                            rangePadding: ChartRangePadding.none
                         ),
                         series: <CartesianSeries<ChartData, double>>[
                             LineSeries<ChartData, double>(

Flutter/cartesian-charts/chart-types/box-and-whisker-chart.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Box and Whisker Chart in Flutter Cartesian Charts (SfCartesianChart)
 
-The [Flutter Box and Whisker Charts](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/box-and-whisker-chart) can be used to visualize a group of numerical data through their quartiles. It is also referred as box plot. Box plots may also have lines extending vertically from the boxes (whiskers) indicating variability outside the upper and lower quartiles.
+The [Flutter Box and Whisker Charts](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/box-and-whisker-chart) can be used to visualize a group of numerical data through their quartiles. It is also referred to as box plot. Box plots may also have lines extending vertically from the boxes (whiskers) indicating variability outside the upper and lower quartiles.
 
 To render a Box and Whisker chart, create an instance of [`BoxAndWhiskerSeries`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/BoxAndWhiskerSeries-class.html), and add it to the [`series`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart/series.html) collection property of [`SfCartesianChart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart/SfCartesianChart.html). The following properties to customize the appearance.
 

Flutter/cartesian-charts/chart-types/bubble-chart.md

@@ -186,7 +186,7 @@ The [`gradient`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/
 
 ## Bubble with multiple series
 
-Using the [`datasource`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianSeries/dataSource.html) property in the Map charts, multiple series can be rendered in a bubble chart.
+Using the [`dataSource`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianSeries/dataSource.html) property in the Map charts, multiple series can be rendered in a bubble chart.
 
 {% tabs %}
 {% highlight dart %} 
@@ -228,6 +228,6 @@ Using the [`datasource`](https://pub.dev/documentation/syncfusion_flutter_charts
 {% endhighlight %}
 {% endtabs %}
 
-![Bubble nultiple series](cartesian-chart-types-images/bubble_with_multiple.png)
+![Bubble multiple series](cartesian-chart-types-images/bubble_with_multiple.png)
 
 >**Note**: You can refer to our [Flutter Bubble Chart](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/bubble-chart) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Bubble Chart example](https://flutter.syncfusion.com/#/cartesian-charts/chart-types/bubble/default-bubble-chart) that shows how to easily configure with built-in support for creating stunning visual effects.

Flutter/cartesian-charts/chart-types/scatter-chart.md

@@ -54,7 +54,7 @@ To render a scatter chart, create an instance of [`ScatterSeries`](https://pub.d
 
 ![Scatter chart](cartesian-chart-types-images/scatter.jpg)
 
-##	Change shape and size of the scatter
+## Change shape and size of the scatter
 
 The [`shape`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/MarkerSettings/shape.html) property is used to change the rendering shape of scatter series. The available shapes are [`circle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/core/DataMarkerType.html), [`rectangle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/core/DataMarkerType.html), [`pentagon`](https://pub.dev/documentation/syncfusion_flutter_core/latest/core/DataMarkerType.html), [`verticalLine`](https://pub.dev/documentation/syncfusion_flutter_core/latest/core/DataMarkerType.html), [`horizontalLine`](https://pub.dev/documentation/syncfusion_flutter_core/latest/core/DataMarkerType.html), [`diamond`](https://pub.dev/documentation/syncfusion_flutter_core/latest/core/DataMarkerType.html), [`triangle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/core/DataMarkerType.html), [`image`](https://pub.dev/documentation/syncfusion_flutter_core/latest/core/DataMarkerType.html), and [`invertedTriangle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/core/DataMarkerType.html). If [`image`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/MarkerSettings/image.html) shape is specified, then you can assign the image using the [`image`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/MarkerSettings/image.html) property.
 

Flutter/cartesian-charts/chart-types/stacked-line-chart.md

@@ -7,7 +7,7 @@ control: Chart
 documentation: ug
 ---
 
-# Stacked line Chart in Flutter Cartesian Charts (SfCartesianChart)
+# Stacked Line Chart in Flutter Cartesian Charts (SfCartesianChart)
 
 To create a Flutter stacked line chart quickly, you can check this video.
 

Flutter/cartesian-charts/chart-types/step-area-chart.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Step area Chart in Flutter Cartesian Charts (SfCartesianChart)
 
-To render a spline area chart, create an instance of `StepAreaSeries`, and add it to the [`series`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart/series.html) collection property of [`SfCartesianChart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart/SfCartesianChart.html). The following properties can be used to customize the appearance of spline area chart.
+To render a step area chart, create an instance of `StepAreaSeries`, and add it to the [`series`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart/series.html) collection property of [`SfCartesianChart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart/SfCartesianChart.html). The following properties can be used to customize the appearance of step area chart.
 
 * [`color`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianSeries/color.html) - changes the color of the series.
 * [`opacity`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianSeries/opacity.html) - controls the transparency of the chart series.
@@ -50,7 +50,7 @@ To render a spline area chart, create an instance of `StepAreaSeries`, and add i
 
 ## Dashed step area
 
-The [`dashArray`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianSeries/dashArray.html) property of the [`StepAreaSeries`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/StepAreaSeries-class.html) is used to render spline area series with dashes. Odd value is considered as rendering size and even value is considered as gap.
+The [`dashArray`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianSeries/dashArray.html) property of the [`StepAreaSeries`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/StepAreaSeries-class.html) is used to render step area series with dashes. Odd value is considered as rendering size and even value is considered as gap.
 
 {% tabs %}
 {% highlight dart hl_lines="11" %}

Flutter/cartesian-charts/chart-types/step-line-chart.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Step line Chart in Flutter Cartesian Charts (SfCartesianChart)
 
-To render a step line chart, create an instance of [`StepLineSeries`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/StepLineSeries-class.html), and add it to the [`series`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart/series.html) collection property of [`SfCartesianChart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart-class.html). The following properties can be used to customize the appearance of spline segment:
+To render a step line chart, create an instance of [`StepLineSeries`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/StepLineSeries-class.html), and add it to the [`series`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart/series.html) collection property of [`SfCartesianChart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart-class.html). The following properties can be used to customize the appearance of step line chart:
 
 * [`color`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianSeries/color.html) - changes the color of the line.
 * [`opacity`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianSeries/opacity.html) - controls the transparency of the chart series.

Flutter/cartesian-charts/getting-started.md

@@ -11,7 +11,7 @@ documentation: ug
 
 This section explains the steps required to populate the chart with data, title, data labels, legend, and tooltips. This section covers only the minimal features needed to know to get started with the chart.
 
-To get start quickly with our Flutter chart widget, you can check on this video.
+To get start quickly with our Flutter chart widget, you can check out this video.
 
 <style>#flutterChartVideoTutorial{width : 90% !important; height: 300px !important }</style>
 <iframe id='flutterChartVideoTutorial' src='https://www.youtube.com/embed/JAAnmOfoqg8'></iframe>

Flutter/cartesian-charts/localization.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Localization in Flutter Cartesain Charts widget | Syncfusion
+title: Localization in Flutter Cartesian Charts widget | Syncfusion
 description: Learn here all about Localization feature of Syncfusion Flutter Cartesian Charts (SfCartesianChart) widget and more.
 platform: flutter
 control: Chart

Flutter/cartesian-charts/marker-datalabel.md

@@ -270,7 +270,7 @@ Data label considers the format used in the vertical axis by default. In the bel
 
 ![DataLabel format](images/marker-datalabel/datalabel_format.jpg)
 
-Import the following package to use label format in your package in your application, `import "package:intl/intl.dart";`.
+Import the following package to use label format in your application, `import "package:intl/intl.dart";`.
 
 ### Label position
 
@@ -577,7 +577,7 @@ In Vertical padding, providing positive value for y moves the data lab
 
 ### Data label saturation color
 
-If the user didn’t provide text color to the data label, then by default, the saturation color is applied to the data label text. i.e., if the data points background color intensity is dark, then the data label will render in white color (#FFFFFF) and if the data points background color intensity is light, data label will render in black color (#000000).
+If the user didn't provide text color to the data label, then by default, the saturation color is applied to the data label text. i.e., if the data points background color intensity is dark, then the data label will render in white color (#FFFFFF) and if the data points background color intensity is light, data label will render in black color (#000000).
 
 ![label_saturation](images/marker-datalabel/cartesian_saturation.png)
 

Flutter/cartesian-charts/overview.md

@@ -13,7 +13,7 @@ Syncfusion<sup>&reg;</sup> Flutter Cartesian Charts (SfCartesianChart) widget is
 
 ![Overview flutter chart](images/overview/overview.png)
 
-To get start quickly with our Flutter chart widget, you can check on this video.
+To get started quickly with our Flutter chart widget, you can check out this video.
 
 <style>#flutterChartVideoTutorial{width : 90% !important; height: 300px !important }</style>
 <iframe id='flutterChartVideoTutorial' src='https://www.youtube.com/embed/FwUSJtv-3NY'></iframe>

Flutter/cartesian-charts/series-customization.md

@@ -11,7 +11,7 @@ documentation: ug
 
 ## Animation
 
-[`SfCartesianChart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart-class.html) provides animation support for the series. Series will be animated while rendering. Animation is enabled by default, you can also control the duration of the animation using [`animationDuration`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianSeries/animationDuration.html) property. You can disable the animation by setting this property to 0.
+[`SfCartesianChart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart-class.html) provides animation support for the series. Series will be animated while rendering. Animation is enabled by default, and you can control the duration of the animation using [`animationDuration`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianSeries/animationDuration.html) property. You can disable the animation by setting this property to 0.
 
 {% tabs %}
 {% highlight dart hl_lines="13" %} 

Flutter/cartesian-charts/tooltip.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Tooltip in Flutter Cartesian Charts (SfCartesianChart)
 
-Chart provides tooltip support for all the series. It is used to show information about the segment, when you tap on the segment. To enable the tooltip, you need to set [`enableTooltip`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianSeries/enableTooltip.html) property as *true*.
+Chart provides tooltip support for all the series. It is used to show information about the segment when you tap on the segment. To enable the tooltip, you need to set [`enableTooltip`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianSeries/enableTooltip.html) property as *true*.
 
 The tooltip state will be preserved on the device's orientation change and on browser resize. For example, if the tooltip's [`duration`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/TooltipBehavior/duration.html) is set to 10,000ms, and when you change the orientation of your device from portrait to landscape after 5,000ms of tooltip display, the tooltip will be displayed for the next 5,000ms in landscape mode before disappearing.
 
@@ -68,7 +68,7 @@ You can use the following properties to customize the tooltip appearance.
 * [`borderColor`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/TooltipBehavior/borderColor.html) - used to change the stroke color of the tooltip.
 * [`opacity`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/TooltipBehavior/opacity.html) - used to control the transparency of the tooltip.
 * [`duration`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/TooltipBehavior/duration.html) - specifies the duration for displaying the tooltip that defaults to `3000`.
-* [`animationDuration`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/TooltipBehavior/animationDuration.html) - specifies the duration for animating the tooltip that default to 350.
+* [`animationDuration`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/TooltipBehavior/animationDuration.html) - specifies the duration for animating the tooltip that defaults to 350.
 * [`elevation`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/TooltipBehavior/elevation.html) - specifies the elevation of tooltip.
 * [`canShowMarker`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/TooltipBehavior/canShowMarker.html) - toggles the visibility of the marker in the tooltip.
 * [`header`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/TooltipBehavior/header.html) - specifies the header for tooltip. By default, the series name will be displayed in the header.
@@ -235,7 +235,7 @@ You can customize the appearance of the tooltip with your own widget by using th
 
 ![Tooltip template](images/tooltip/tooltip_template.jpg)
 
-##	Activation mode
+## Activation mode
 
 The [`activationMode`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/TooltipBehavior/activationMode.html) property is used to restrict the visibility of tooltip based on the touch actions. The default value of this property is [`ActivationMode.singleTap`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/ActivationMode.html).