Documentation(1045652): Component name Changes for Chart SDK

chart-sdk/angular/bullet-chart/axis-customization.md

@@ -12,7 +12,7 @@ domainurl: https://help.syncfusion.com/chart-sdk
 
 ## MajorTickLines and MinorTickLines Customization
 
-The following properties can be used to customize [`majorTicklines`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#majorticklines) and [`minorTicklines`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#minorticklines).
+The following properties can be used to customize [`majorTicklines`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#majorticklines) and [`minorTicklines`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#minorticklines).
 
 * **width** - Specifies the width of ticklines.
 * **height** - Specifies the height of ticklines.
@@ -33,7 +33,7 @@ The following properties can be used to customize [`majorTicklines`](https://ej2
 
 ## Tick Placement
 
-The major and the minor ticks can be placed **inside** or **outside** the ranges using the [`tickPosition`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#tickposition) property.
+The major and the minor ticks can be placed **inside** or **outside** the ranges using the [`tickPosition`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#tickposition) property.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -49,7 +49,7 @@ The major and the minor ticks can be placed **inside** or **outside** the ranges
 
 ## Label Format
 
-Axis numeric labels can be formatted by using the [`labelFormat`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#labelformat) property. Axis labels support all globalize formats.
+Axis numeric labels can be formatted by using the [`labelFormat`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#labelformat) property. Axis labels support all globalize formats.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -125,7 +125,7 @@ The following table describes the result of applying some commonly used formats
 
 ## GroupingSeparator
 
-To separate the groups of thousands, set the [`enableGroupSeparator`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#enablegroupseparator) property to **true**.
+To separate the groups of thousands, set the [`enableGroupSeparator`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#enablegroupseparator) property to **true**.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -141,7 +141,7 @@ To separate the groups of thousands, set the [`enableGroupSeparator`](https://ej
 
 ## Custom Label Format
 
-Using the [`labelFormat`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#labelformat) property, axis labels can be specified with a custom defined format in addition to the axis value. The label format uses a placeholder such as **${value}K**, which represents the axis label.
+Using the [`labelFormat`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#labelformat) property, axis labels can be specified with a custom defined format in addition to the axis value. The label format uses a placeholder such as **${value}K**, which represents the axis label.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -157,7 +157,7 @@ Using the [`labelFormat`](https://ej2.syncfusion.com/angular/documentation/api/b
 
 ## Label Placement
 
-Label can be placed **Inside** or **Outside** of the ranges using the [`labelPosition`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#labelposition) property.
+Label can be placed **Inside** or **Outside** of the ranges using the [`labelPosition`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#labelposition) property.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -173,7 +173,7 @@ Label can be placed **Inside** or **Outside** of the ranges using the [`labelPos
 
 ## Opposed Position
 
-To place an axis opposite to its original position, set the [`opposedPosition`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#opposedposition) property to **true**.
+To place an axis opposite to its original position, set the [`opposedPosition`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#opposedposition) property to **true**.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -189,7 +189,7 @@ To place an axis opposite to its original position, set the [`opposedPosition`](
 
 ## Category Label
 
-The Bullet Chart supports X-axis label by specifying the property from the data source to the [`categoryField`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#categoryfield). It helps to understand the input data in a more efficient way.
+The Bullet Chart supports X-axis label by specifying the property from the data source to the [`categoryField`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#categoryfield). It helps to understand the input data in a more efficient way.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -205,7 +205,7 @@ The Bullet Chart supports X-axis label by specifying the property from the data
 
 ## Category Label Customization
 
-The label color, opacity, font size, font family, font weight, and font style can be customized by using the [`categoryLabelStyle`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#categorylabelstyle) setting for category and the [`labelStyle`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#labelstyle) setting for axis label. The [`useRangeColor`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/bulletLabelStyleModel/#userangecolor) property specifies the color of the axis label and represents the color from the corresponding range colors.
+The label color, opacity, font size, font family, font weight, and font style can be customized by using the [`categoryLabelStyle`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#categorylabelstyle) setting for category and the [`labelStyle`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#labelstyle) setting for axis label. The [`useRangeColor`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/bulletLabelStyleModel#userangecolor) property specifies the color of the axis label and represents the color from the corresponding range colors.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}

chart-sdk/angular/bullet-chart/bullet-chart-dimensions.md

@@ -55,7 +55,7 @@ export class AppComponent {
 
 <!-- markdownlint-disable MD036 -->
 
-The [`width`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#width) and [`height`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#height) properties are used to adjust the size of the Bullet Chart.
+The [`width`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#width) and [`height`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#height) properties are used to adjust the size of the Bullet Chart.
 
 ### Pixel
 

chart-sdk/angular/bullet-chart/comparative-bar.md

@@ -11,7 +11,7 @@ domainurl: https://help.syncfusion.com/chart-sdk
 
 # Comparative bar in Angular Bullet chart component
 
-The line marker that runs perpendicular to the orientation of the graph is known as the **Comparative Measure** and it is used as a target marker to compare against the feature measure value. This is also called as the **Target Bar** in the Bullet Chart. To display the target bar, the [`targetField`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#targetfield) should be mapped to the appropriate field from the datasource.
+The line marker that runs perpendicular to the orientation of the graph is known as the **Comparative Measure** and it is used as a target marker to compare against the feature measure value. This is also called as the **Target Bar** in the Bullet Chart. To display the target bar, the [`targetField`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#targetfield) should be mapped to the appropriate field from the datasource.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -27,7 +27,7 @@ The line marker that runs perpendicular to the orientation of the graph is known
 
 ## Types of target bar
 
-The shape of the target bar can be customized using the [`targetTypes`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#targettypes) property and it supports **Circle**, **Cross**, and **Rect** shapes. The default type of the target bar is **Rect**.
+The shape of the target bar can be customized using the [`targetTypes`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#targettypes) property and it supports **Circle**, **Cross**, and **Rect** shapes. The default type of the target bar is **Rect**.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -43,10 +43,10 @@ The shape of the target bar can be customized using the [`targetTypes`](https://
 
 ## Target bar customization
 
-The following properties can be used to customize the target bar. Also, you can bind the color for the target bar from [`dataSource`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#datasource) for the bullet chart.
+The following properties can be used to customize the target bar. Also, you can bind the color for the target bar from [`dataSource`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#datasource) for the bullet chart.
 
-* [`targetColor`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#targetcolor) - Specifies the fill color of Target Bar.
-* [`targetWidth`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#targetwidth) - Specifies the width of Target Bar.
+* [`targetColor`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#targetcolor) - Specifies the fill color of Target Bar.
+* [`targetWidth`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#targetwidth) - Specifies the width of Target Bar.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}

chart-sdk/angular/bullet-chart/customization.md

@@ -13,7 +13,7 @@ domainurl: https://help.syncfusion.com/chart-sdk
 
 ## Orientation
 
-The Bullet Chart can be rendered in different orientations such as **Horizontal** or **Vertical** via the [`orientation`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#orientation) property. By default, the Bullet Chart is rendered in the **Horizontal** orientation.
+The Bullet Chart can be rendered in different orientations such as **Horizontal** or **Vertical** via the [`orientation`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#orientation) property. By default, the Bullet Chart is rendered in the **Horizontal** orientation.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -29,7 +29,7 @@ The Bullet Chart can be rendered in different orientations such as **Horizontal*
 
 ## Right-to-left (RTL)
 
-The Bullet Chart supports the right-to-left rendering that can be enabled by setting the [`enableRtl`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#enablertl) property to **true**.
+The Bullet Chart supports the right-to-left rendering that can be enabled by setting the [`enableRtl`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#enablertl) property to **true**.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -45,7 +45,7 @@ The Bullet Chart supports the right-to-left rendering that can be enabled by set
 
 ## Animation
 
-The actual and the target bar supports the linear animation via the [`animation`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#animation) setting. The speed and the delay are controlled using the `duration` and `delay` properties respectively.
+The actual and the target bar supports the linear animation via the [`animation`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#animation) setting. The speed and the delay are controlled using the `duration` and `delay` properties respectively.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -61,7 +61,7 @@ The actual and the target bar supports the linear animation via the [`animation`
 
 ## Theme
 
-The Bullet Chart supports different type of themes via the [`theme`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#theme) property.
+The Bullet Chart supports different type of themes via the [`theme`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#theme) property.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}

chart-sdk/angular/bullet-chart/data-binding.md

@@ -15,7 +15,7 @@ Bullet Chart can visualise data bound from local or remote data.
 
 ## Local Data
 
-The [`dataSource`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#datasource) property accepts a collection of values as input that helps to display measures, and compares them to a target bar. To display the actual and target bar, specify the property from the datasource into the [`valueField`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#valuefield) and [`targetField`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#targetfield) respectively.
+The [`dataSource`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#datasource) property accepts a collection of values as input that helps to display measures, and compares them to a target bar. To display the actual and target bar, specify the property from the datasource into the [`valueField`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#valuefield) and [`targetField`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#targetfield) respectively.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}

chart-sdk/angular/bullet-chart/data-label.md

@@ -11,7 +11,7 @@ domainurl: https://help.syncfusion.com/chart-sdk
 
 # Data label in Angular Bullet chart component
 
-Data Labels are used to identify the value of actual bar in the Bullet Chart component. The Data Labels will be shown by specifying the [`dataLabel`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#datalabel) setting's [`enable`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/bulletDataLabelModel/#enable) property to **true**.
+Data Labels are used to identify the value of actual bar in the Bullet Chart component. The Data Labels will be shown by specifying the [`dataLabel`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#datalabel) setting's [`enable`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/bulletDataLabelModel#enable) property to **true**.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -27,7 +27,7 @@ Data Labels are used to identify the value of actual bar in the Bullet Chart com
 
 ## Data Label Customization
 
-Data Labels color, opacity, font size, font family, font weight, and font style can be customized using the [`labelStyle`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/bulletDataLabelModel/#labelstyle).
+Data Labels color, opacity, font size, font family, font weight, and font style can be customized using the [`labelStyle`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/bulletDataLabelModel#labelstyle).
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}

chart-sdk/angular/bullet-chart/ranges.md

@@ -11,7 +11,7 @@ domainurl: https://help.syncfusion.com/chart-sdk
 
 # Ranges in Angular Bullet chart component
 
-Ranges represent the quality of a specific range such as **Good**, **Bad** and **Satisfactory** in the Bullet Chart scale. The ending point of a qualitative range is specified in the [`end`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/rangeModel/#end) property in [`ranges`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#ranges). The [`minimum`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#minimum) value of a quantitative scale is considered the starting point of the first range or the previous range end point.
+Ranges represent the quality of a specific range such as **Good**, **Bad** and **Satisfactory** in the Bullet Chart scale. The ending point of a qualitative range is specified in the [`end`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/rangeModel#end) property in [`ranges`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#ranges). The [`minimum`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#minimum) value of a quantitative scale is considered the starting point of the first range or the previous range end point.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -27,7 +27,7 @@ Ranges represent the quality of a specific range such as **Good**, **Bad** and *
 
 ## Color Customization
 
-Enhance the readability of ranges with color and opacity. It can be applied using the [`color`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/rangeModel/#color) and [`opacity`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/rangeModel/#opacity) properties in [`ranges`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#ranges).
+Enhance the readability of ranges with color and opacity. It can be applied using the [`color`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/rangeModel#color) and [`opacity`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/rangeModel#opacity) properties in [`ranges`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#ranges).
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}

chart-sdk/angular/bullet-chart/tool-tip.md

@@ -30,7 +30,7 @@ You can enable the tooltip for the Bullet Chart by setting the [`enable`](https:
 
 ## Tooltip Template
 
-Any HTML elements can be displayed in the tooltip by using the [`template`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/bulletTooltipSettingsModel/#template) property of the [`tooltip`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/#tooltip). You can use the **${target}** and **${value}** as place holders in the HTML element to display the value and target values from the data source of corresponding data point.
+Any HTML elements can be displayed in the tooltip by using the [`template`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/bulletTooltipSettingsModel#template) property of the [`tooltip`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart#tooltip). You can use the **${target}** and **${value}** as place holders in the HTML element to display the value and target values from the data source of corresponding data point.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -48,9 +48,9 @@ Any HTML elements can be displayed in the tooltip by using the [`template`](http
 
 The following properties can be used to customize the Bullet Chart tooltip.
 
-* [`fill`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/bulletTooltipSettingsModel/#fill) - Specifies the color of tooltip.
-* [`border`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/bulletTooltipSettingsModel/#border) - Specifies the tooltip border color and width.
-* [`textStyle`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/bulletTooltipSettingsModel/#textstyle) - Specifies the tooltip font family, font style, font weight, color and size.
+* [`fill`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/bulletTooltipSettingsModel#fill) - Specifies the color of tooltip.
+* [`border`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/bulletTooltipSettingsModel#border) - Specifies the tooltip border color and width.
+* [`textStyle`](https://ej2.syncfusion.com/angular/documentation/api/bullet-chart/bulletTooltipSettingsModel#textstyle) - Specifies the tooltip font family, font style, font weight, color and size.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}