Documentation(101780): Clear front matter errors.

chart-sdk/angular/3d-charts/accessibility.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: Accessibility in Angular 3D Chart control | Syncfusion
+title: Accessibility in Angular 3D Chart | Syncfusion
 description: Learn here all about accessibility in Syncfusion Angular 3D Chart control of Syncfusion Essential JS 2 and more.
 platform: chart-sdk
 control: 3D Chart
 documentation: ug
 domainurl: https://help.syncfusion.com/chart-sdk
 ---
 
-# Accessibility in Angular 3D Chart control
+# Accessibility in Angular 3D Chart
 
 Accessibility is achieved in the 3D chart control through WAI-ARIA standard and keyboard navigation. The 3D chart features can be effectively accessed through assistive technologies such as screen readers.
 

chart-sdk/angular/3d-charts/appearance.md

@@ -8,11 +8,11 @@ documentation: ug
 domainurl: https://help.syncfusion.com/chart-sdk
 ---
 
-# Appearance in Angular 3D Chart control
+# Appearance in Angular 3D Chart
 
 ## Custom color palette
 
-The default color of series or points can be customized by providing a custom color palette of your choice by using the [`palettes`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel/#palettes) property.
+The default color of series or points can be customized by providing a custom color palette of your choice by using the [`palettes`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel#palettes) property.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -32,7 +32,7 @@ The color of an individual data point can be customized using the below options.
 
 ### Point color mapping
 
-The color for the points can be bound from the [`dataSource`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/series3DModel/#datasource) for the series by utilizing the [`pointColorMapping`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/series3DModel/#pointcolormapping) property.
+The color for the points can be bound from the [`dataSource`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/series3DModel#datasource) for the series by utilizing the [`pointColorMapping`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/series3DModel#pointcolormapping) property.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -70,7 +70,7 @@ The data label and fill color of each data point can be customized using the [`p
 
 **Customize the chart background**
 
-The background color and border of the 3D chart can be customized using the [`background`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel/#background) and [`border`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel/#border) properties.
+The background color and border of the 3D chart can be customized using the [`background`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel#background) and [`border`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel#border) properties.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -86,7 +86,7 @@ The background color and border of the 3D chart can be customized using the [`ba
 
 **Chart margin**
 
-The 3D chart's margin can be set from its container using the [`margin`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel/#margin) property.
+The 3D chart's margin can be set from its container using the [`margin`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel#margin) property.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -102,7 +102,7 @@ The 3D chart's margin can be set from its container using the [`margin`](https:/
 
 ## Animation
 
-To customize the animation for a particular series, the [`animation`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/series3DModel/#animation) property can be used. It can be enabled or disabled by using the [`enable`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/animationModel/#enable) property. The [`duration`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/animationModel/#duration) property specifies the duration of an animation and the [`delay`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/animationModel/#delay) property allows us to start the animation at desire time.
+To customize the animation for a particular series, the [`animation`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/series3DModel#animation) property can be used. It can be enabled or disabled by using the [`enable`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/animationModel#enable) property. The [`duration`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/animationModel#duration) property specifies the duration of an animation and the [`delay`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/animationModel#delay) property allows us to start the animation at desire time.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -118,7 +118,7 @@ To customize the animation for a particular series, the [`animation`](https://ej
 
 ## Chart rotation
 
-The 3D chart can be rotated by using the [`enableRotation`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel/#enablerotation) property.
+The 3D chart can be rotated by using the [`enableRotation`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel#enablerotation) property.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -134,7 +134,7 @@ The 3D chart can be rotated by using the [`enableRotation`](https://ej2.syncfusi
 
 ## Title
 
-The 3D chart can be given a title by using [`title`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel/#title) property, to show the information about the data plotted.
+The 3D chart can be given a title by using [`title`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel#title) property, to show the information about the data plotted.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -150,7 +150,7 @@ The 3D chart can be given a title by using [`title`](https://ej2.syncfusion.com/
 
 ### Title position
 
-By using the [`position`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel/#position) property in [`titleStyle`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel/#titlestyle), the [`title`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel/#title) can be positioned at left, right, top or bottom of the 3D chart. The title is positioned at the top of the 3D chart, by default.
+By using the [`position`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel#position) property in [`titleStyle`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel#titlestyle), the [`title`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel#title) can be positioned at left, right, top or bottom of the 3D chart. The title is positioned at the top of the 3D chart, by default.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -164,7 +164,7 @@ By using the [`position`](https://ej2.syncfusion.com/angular/documentation/api/
 
 {% previewsample "https://help.syncfusion.com/samples/chart-sdk/angular/3d-charts/appearance/appearance-cs8" %}
 
-The custom option is used to position the title anywhere in the 3D chart using [`x`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel/#x) and [`y`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel/#y) coordinates.
+The custom option is used to position the title anywhere in the 3D chart using [`x`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel#x) and [`y`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel#y) coordinates.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -180,7 +180,7 @@ The custom option is used to position the title anywhere in the 3D chart using [
 
 ### Title alignment
 
-The title can be aligned to the near, far, or center of the 3D chart by using the [`textAlignment`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel/#textalignment) property.
+The title can be aligned to the near, far, or center of the 3D chart by using the [`textAlignment`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel#textalignment) property.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -196,16 +196,16 @@ The title can be aligned to the near, far, or center of the 3D chart by using th
 
 ### Title customization
 
-The [`titleStyle`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel/#titlestyle) property of the 3D chart provides options to customize the title by using the following properties.
+The [`titleStyle`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/chart3DModel#titlestyle) property of the 3D chart provides options to customize the title by using the following properties.
 
-* [`size`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel/#size) - Specifies the size of the title.
-* [`color`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel/#color) - Specifies the color for the title. 
-* [`fontFamily`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel/#fontfamily) - Specifies the font family for the title.
-* [`fontWeight`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel/#fontweight) - Specifies the font weight of the title.
-* [`fontStyle`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel/#fontstyle) - Specifies the font style for the title.
-* [`opacity`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel/#opacity) - Specifies the opacity for the color of the title.
-* [`textAlignment`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel/#textalignment) - Specifies the alignment of the title.
-* [`textOverflow`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel/#textoverflow) - Specifies the overflow of the title.
+* [`size`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel#size) - Specifies the size of the title.
+* [`color`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel#color) - Specifies the color for the title. 
+* [`fontFamily`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel#fontfamily) - Specifies the font family for the title.
+* [`fontWeight`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel#fontweight) - Specifies the font weight of the title.
+* [`fontStyle`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel#fontstyle) - Specifies the font style for the title.
+* [`opacity`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel#opacity) - Specifies the opacity for the color of the title.
+* [`textAlignment`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel#textalignment) - Specifies the alignment of the title.
+* [`textOverflow`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/titleSettingsModel#textoverflow) - Specifies the overflow of the title.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}

chart-sdk/angular/3d-charts/axis-customization.md

@@ -1,18 +1,18 @@
 ---
 layout: post
-title: Axis customization in Angular 3D Chart control | Syncfusion
+title: Axis Customization in Angular 3D Chart | Syncfusion
 description: Learn here all about axis customization in Syncfusion Angular 3D Chart control of Syncfusion Essential JS 2 and more.
 platform: chart-sdk
 control: 3D Chart
 documentation: ug
 domainurl: https://help.syncfusion.com/chart-sdk
 ---
 
-# Axis customization in Angular 3D Chart control
+# Axis Customization in Angular 3D Chart control
 
 ## Title
 
-The title for the axis can be added by using the [`title`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel/#title) property. It helps to provide quick information to the user about the data plotted in the axis. Title style can be customized using [`titleStyle`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel/#titlestyle) property of the axis.
+The title for the axis can be added by using the [`title`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel#title) property. It helps to provide quick information to the user about the data plotted in the axis. Title style can be customized using [`titleStyle`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel#titlestyle) property of the axis.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -28,7 +28,7 @@ The title for the axis can be added by using the [`title`](https://ej2.syncfusio
 
 ## Title rotation
 
-The title can be rotated from 0 to 360 degree by using the [`titleRotation`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel/#titlerotation) property.
+The title can be rotated from 0 to 360 degree by using the [`titleRotation`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel#titlerotation) property.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -44,7 +44,7 @@ The title can be rotated from 0 to 360 degree by using the [`titleRotation`](htt
 
 ## Tick lines customization
 
-The [`width`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/minorTickModel/#width), [`color`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/minorTickModel/#color) and [`height`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/minorTickModel/#height) of the minor and major tick lines can be customized by using the [`majorTickLines`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel/#majorticklines) and [`minorTickLines`](../api/chart3d/axis3D/#https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel/#minorticklines) properties in the axis.
+The [`width`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/minorTickModel#width), [`color`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/minorTickModel#color) and [`height`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/minorTickModel#height) of the minor and major tick lines can be customized by using the [`majorTickLines`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel#majorticklines) and [`minorTickLines`](../api/chart3d/axis3D#https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel#minorticklines) properties in the axis.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -60,7 +60,7 @@ The [`width`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/minor
 
 ## Grid lines customization
 
-The [`width`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/majorGridModel/#width) and [`color`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/majorGridModel/#color) of the minor and major grid lines can be customized by using the [`majorGridLines`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel/#majorgridlines) and [`minorGridLines`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel/#minorgridlines) properties in the axis.
+The [`width`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/majorGridModel#width) and [`color`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/majorGridModel#color) of the minor and major grid lines can be customized by using the [`majorGridLines`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel#majorgridlines) and [`minorGridLines`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel#minorgridlines) properties in the axis.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -94,7 +94,7 @@ In addition to primary X and Y axis, n number of axis can be added to the chart.
 
 <!-- markdownlint-disable MD033 -->
 
-When an axis is inversed, highest value of the axis comes closer to origin and vice versa. To place an axis in inversed manner, set the [`isInversed`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel/#isinversed) property to **true**.
+When an axis is inversed, highest value of the axis comes closer to origin and vice versa. To place an axis in inversed manner, set the [`isInversed`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel#isinversed) property to **true**.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -110,7 +110,7 @@ When an axis is inversed, highest value of the axis comes closer to origin and v
 
 ## Opposed position
 
-To place an axis opposite from its original position, set the [`opposedPosition`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel/#opposedposition) property to **true**.
+To place an axis opposite from its original position, set the [`opposedPosition`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel#opposedposition) property to **true**.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}

chart-sdk/angular/3d-charts/axis-labels.md

@@ -1,20 +1,20 @@
 ---
 layout: post
-title: Axis labels in Angular 3D Chart control | Syncfusion
+title: Axis Labels in Angular 3D Chart | Syncfusion
 description: Learn here all about axis labels in Syncfusion Angular 3D Chart control of Syncfusion Essential JS 2 and more.
 platform: chart-sdk
 control: 3D Chart
 documentation: ug
 domainurl: https://help.syncfusion.com/chart-sdk
 ---
 
-# Axis labels in Angular 3D Chart control
+# Axis Labels in Angular 3D Chart
 
 Axis labels are the labels that are positioned adjacent to the y-axis and beneath the x-axis. It provides descriptive information about the axis.
 
 ## Smart axis labels
 
-When the axis labels overlap with each other, [`labelIntersectAction`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel/#labelintersectaction) property in the axis can be used to place them smartly.
+When the axis labels overlap with each other, [`labelIntersectAction`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel#labelintersectaction) property in the axis can be used to place them smartly.
 
 **Case 1:** When setting `labelIntersectAction` as `Hide`.
 
@@ -61,7 +61,7 @@ When the axis labels overlap with each other, [`labelIntersectAction`](https://
 ## Edge label placement
 
 Labels with long text at the edges of an axis may appear partially in the 3D chart. To avoid this,
-use the [`edgeLabelPlacement`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel/#edgelabelplacement) property in axis, which moves the label inside the chart area for better appearance or hides it.
+use the [`edgeLabelPlacement`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel#edgelabelplacement) property in axis, which moves the label inside the chart area for better appearance or hides it.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -77,7 +77,7 @@ use the [`edgeLabelPlacement`](https://ej2.syncfusion.com/angular/documentation
 
 ## Maximum labels
 
-The labels will be rendered based on the count in the [`maximumLabels`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel/#maximumlabels) property per 100 pixel. If the range (minimum, maximum, interval) and `maximumLabels` are set, then the priority goes to range. If the range is not set, then the priority goes to `maximumLabels` property.
+The labels will be rendered based on the count in the [`maximumLabels`](https://ej2.syncfusion.com/angular/documentation/api/chart3d/axis3DModel#maximumlabels) property per 100 pixel. If the range (minimum, maximum, interval) and `maximumLabels` are set, then the priority goes to range. If the range is not set, then the priority goes to `maximumLabels` property.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}