@syncfusion/ej2-charts - npm Package Compare versions

Comparing version 23.2.7 to 24.1.41

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 23.2.7
+*  version : 24.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-charts@*",
-  "_id": "@syncfusion/ej2-charts@23.2.6",
+  "_id": "@syncfusion/ej2-charts@20.20.12",
   "_inBundle": false,
-  "_integrity": "sha512-z/3cpr33XCG0Ex6lS5gfc+msqk+01Nfvq01vhhtnaorAJgSvtLSEF3BiyaL5+9UWq4vL+NAGtdN/hK9iPFczPQ==",
+  "_integrity": "sha512-uNDVA8lzluBv2kI3ipkSDPF2UV0iNKZRcevlTYPcbvKRCVthkJRWmrChx9MIcrUayAX3Oh6Y/wsdULEycVBnXg==",
   "_location": "/@syncfusion/ej2-charts",
@@ -29,6 +29,6 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-charts/-/ej2-charts-23.2.6.tgz",
-  "_shasum": "9cde3b370c396a3756916375f9bcc92da4740a80",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-charts/-/ej2-charts-20.20.12.tgz",
+  "_shasum": "42c2374f18ccf483fc56be0b884d5075f5d0493f",
   "_spec": "@syncfusion/ej2-charts@*",
-  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -39,11 +39,9 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.2.6",
-    "@syncfusion/ej2-calendars": "~23.2.7",
-    "@syncfusion/ej2-compression": "~23.2.4",
-    "@syncfusion/ej2-data": "~23.2.4",
-    "@syncfusion/ej2-excel-export": "~23.2.4",
-    "@syncfusion/ej2-file-utils": "~23.2.4",
-    "@syncfusion/ej2-navigations": "~23.2.7",
-    "@syncfusion/ej2-pdf-export": "~23.2.6",
-    "@syncfusion/ej2-svg-base": "~23.2.5"
+    "@syncfusion/ej2-base": "~24.1.41",
+    "@syncfusion/ej2-calendars": "~24.1.41",
+    "@syncfusion/ej2-data": "~24.1.41",
+    "@syncfusion/ej2-excel-export": "~24.1.41",
+    "@syncfusion/ej2-navigations": "~24.1.41",
+    "@syncfusion/ej2-pdf-export": "~24.1.41",
+    "@syncfusion/ej2-svg-base": "~24.1.41"
   },
@@ -77,5 +75,5 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "23.2.7",
+  "version": "24.1.41",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

src/accumulation-chart/accumulation-model.d.ts

@@ -1,2 +0,2 @@
-import { Property, Component, Complex, Collection, NotifyPropertyChanges, INotifyPropertyChanged, animationMode } from '@syncfusion/ej2-base';import { ModuleDeclaration, Internationalization, Event, EmitType, Browser, EventHandler, Touch } from '@syncfusion/ej2-base';import { remove, extend, isNullOrUndefined, updateBlazorTemplate } from '@syncfusion/ej2-base';import { Font, Margin, Border, TooltipSettings, Indexes, CenterLabel } from '../common/model/base';import { AccumulationSeries, AccPoints, PieCenter } from './model/acc-base';import { AccumulationType, AccumulationSelectionMode, AccumulationHighlightMode } from './model/enum';import { IAccSeriesRenderEventArgs, IAccTextRenderEventArgs } from './model/pie-interface';import { IAccAnimationCompleteEventArgs, IAccPointRenderEventArgs, IAccLoadedEventArgs, IAccSelectionCompleteEventArgs } from './model/pie-interface';import { Theme, getThemeColor } from '../common/model/theme';import { ILegendRenderEventArgs, IMouseEventArgs, IPointEventArgs, ITooltipRenderEventArgs, IAfterExportEventArgs } from '../chart/model/chart-interface';import { IAnnotationRenderEventArgs } from '../chart/model/chart-interface';import { load, pointClick } from '../common/model/constants';import { pointMove, chartDoubleClick, chartMouseClick, chartMouseDown } from '../common/model/constants';import { chartMouseLeave, chartMouseMove, chartMouseUp, resized, beforeResize } from '../common/model/constants';import { FontModel, MarginModel, BorderModel, IndexesModel, TooltipSettingsModel, CenterLabelModel } from '../common/model/base-model';import { AccumulationSeriesModel, PieCenterModel } from './model/acc-base-model';import { LegendSettings } from '../common/legend/legend';import { AccumulationLegend } from './renderer/legend';import { LegendSettingsModel } from '../common/legend/legend-model';import { ChartLocation, subtractRect, indexFinder, appendChildElement, redrawElement, blazorTemplatesReset, getTextAnchor, stringToNumber, textWrap } from '../common/utils/helper';import { RectOption, showTooltip, ImageOption } from '../common/utils/helper';import { textElement, createSvg, calculateSize, removeElement, firstToLowerCase, withInBounds } from '../common/utils/helper';import { getElement, titlePositionX } from '../common/utils/helper';import { Rect, Size, measureText, TextOption, SvgRenderer, CanvasRenderer } from '@syncfusion/ej2-svg-base';import { Data } from '../common/model/data';import { AccumulationTooltip } from './user-interaction/tooltip';import { AccumulationBase } from './renderer/accumulation-base';import { PieSeries } from './renderer/pie-series';import { AccumulationDataLabel } from './renderer/dataLabel';import { FunnelSeries } from './renderer/funnel-series';import { PyramidSeries } from './renderer/pyramid-series';import { AccumulationSelection } from './user-interaction/selection';import { AccumulationHighlight } from './user-interaction/high-light';import { AccumulationTheme } from './model/enum';import { AccumulationAnnotationSettingsModel } from './model/acc-base-model';import { AccumulationAnnotationSettings } from './model/acc-base';import { AccumulationAnnotation } from './annotation/annotation';import { IPrintEventArgs } from '../chart/model/chart-interface';import { Alignment, ExportType, SelectionPattern } from '../common/utils/enum';import { getTitle, AccPointData } from '../common/utils/helper';import { Index } from '../common/model/base';import { IThemeStyle } from '../chart/model/chart-interface';import { IAccResizeEventArgs, IAccBeforeResizeEventArgs, IAccLegendClickEventArgs } from './model/pie-interface';import { DataManager } from '@syncfusion/ej2-data';import { Export } from '../chart/print-export/export';import { ExportUtils } from '../common/utils/export';import { Animation, AnimationOptions, compile as templateComplier} from '@syncfusion/ej2-base';import { PrintUtils } from '../common/utils/print'
+import { Property, Component, Complex, Collection, NotifyPropertyChanges, INotifyPropertyChanged, animationMode } from '@syncfusion/ej2-base';import { ModuleDeclaration, Internationalization, Event, EmitType, Browser, EventHandler, Touch } from '@syncfusion/ej2-base';import { remove, extend, isNullOrUndefined, updateBlazorTemplate } from '@syncfusion/ej2-base';import { Font, Margin, Border, TooltipSettings, Indexes, CenterLabel } from '../common/model/base';import { AccumulationSeries, AccPoints, PieCenter } from './model/acc-base';import { AccumulationType, AccumulationSelectionMode, AccumulationHighlightMode } from './model/enum';import { IAccSeriesRenderEventArgs, IAccTextRenderEventArgs } from './model/pie-interface';import { IAccAnimationCompleteEventArgs, IAccPointRenderEventArgs, IAccLoadedEventArgs, IAccSelectionCompleteEventArgs } from './model/pie-interface';import { Theme, getThemeColor } from '../common/model/theme';import { ILegendRenderEventArgs, IMouseEventArgs, IPointEventArgs, ITooltipRenderEventArgs } from '../chart/model/chart-interface';import { IAnnotationRenderEventArgs } from '../chart/model/chart-interface';import { load, pointClick } from '../common/model/constants';import { pointMove, chartDoubleClick, chartMouseClick, chartMouseDown } from '../common/model/constants';import { chartMouseLeave, chartMouseMove, chartMouseUp, resized, beforeResize } from '../common/model/constants';import { FontModel, MarginModel, BorderModel, IndexesModel, TooltipSettingsModel, CenterLabelModel } from '../common/model/base-model';import { AccumulationSeriesModel, PieCenterModel } from './model/acc-base-model';import { LegendSettings } from '../common/legend/legend';import { AccumulationLegend } from './renderer/legend';import { LegendSettingsModel } from '../common/legend/legend-model';import { ChartLocation, subtractRect, indexFinder, appendChildElement, redrawElement, blazorTemplatesReset, getTextAnchor, stringToNumber, textWrap } from '../common/utils/helper';import { RectOption, showTooltip, ImageOption } from '../common/utils/helper';import { textElement, createSvg, calculateSize, removeElement, firstToLowerCase, withInBounds } from '../common/utils/helper';import { getElement, titlePositionX } from '../common/utils/helper';import { Rect, Size, measureText, TextOption, SvgRenderer, CanvasRenderer } from '@syncfusion/ej2-svg-base';import { Data } from '../common/model/data';import { AccumulationTooltip } from './user-interaction/tooltip';import { AccumulationBase } from './renderer/accumulation-base';import { PieSeries } from './renderer/pie-series';import { AccumulationDataLabel } from './renderer/dataLabel';import { FunnelSeries } from './renderer/funnel-series';import { PyramidSeries } from './renderer/pyramid-series';import { AccumulationSelection } from './user-interaction/selection';import { AccumulationHighlight } from './user-interaction/high-light';import { AccumulationTheme } from './model/enum';import { AccumulationAnnotationSettingsModel } from './model/acc-base-model';import { AccumulationAnnotationSettings } from './model/acc-base';import { AccumulationAnnotation } from './annotation/annotation';import { IPrintEventArgs } from '../chart/model/chart-interface';import { Alignment, ExportType, SelectionPattern } from '../common/utils/enum';import { getTitle, AccPointData } from '../common/utils/helper';import { Index } from '../common/model/base';import { IThemeStyle } from '../chart/model/chart-interface';import { IAccResizeEventArgs, IAccBeforeResizeEventArgs, IAccLegendClickEventArgs } from './model/pie-interface';import { DataManager } from '@syncfusion/ej2-data';import { Export } from '../chart/print-export/export';import { Animation, AnimationOptions, compile as templateComplier} from '@syncfusion/ej2-base';import { PrintUtils } from '../common/utils/print';import { IAfterExportEventArgs } from '../common/model/interface';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -3,0 +3,0 @@

src/accumulation-chart/accumulation.d.ts

@@ -11,3 +11,3 @@ /**
 import { IAccAnimationCompleteEventArgs, IAccPointRenderEventArgs, IAccLoadedEventArgs, IAccSelectionCompleteEventArgs } from './model/pie-interface';
-import { ILegendRenderEventArgs, IMouseEventArgs, IPointEventArgs, ITooltipRenderEventArgs, IAfterExportEventArgs } from '../chart/model/chart-interface';
+import { ILegendRenderEventArgs, IMouseEventArgs, IPointEventArgs, ITooltipRenderEventArgs } from '../chart/model/chart-interface';
 import { IAnnotationRenderEventArgs } from '../chart/model/chart-interface';
@@ -37,2 +37,3 @@ import { FontModel, MarginModel, BorderModel, IndexesModel, TooltipSettingsModel, CenterLabelModel } from '../common/model/base-model';
 import { Export } from '../chart/print-export/export';
+import { IAfterExportEventArgs } from '../common/model/interface';
 /**
@@ -39,0 +40,0 @@ * Represents the AccumulationChart control.

src/accumulation-chart/model/acc-base-model.d.ts

@@ -1,2 +0,2 @@
-import { Property, ChildProperty, Complex, createElement, Browser, animationMode } from '@syncfusion/ej2-base';import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { Border, Font, Animation, EmptyPointSettings, Connector } from '../../common/model/base';import { Rect, Size, PathOption } from '@syncfusion/ej2-svg-base';import { ChartLocation, stringToNumber, appendChildElement } from '../../common/utils/helper';import { AccumulationType, AccumulationLabelPosition, PyramidModes } from '../model/enum';import { IAccSeriesRenderEventArgs, IAccPointRenderEventArgs, IAccTextRenderEventArgs } from '../model/pie-interface';import { LegendShape } from '../../chart/utils/enum';import { Data } from '../../common/model/data';import { seriesRender, pointRender } from '../../common/model/constants';import { getSeriesColor } from '../../common/model/theme';import { FontModel, BorderModel, AnimationModel, EmptyPointSettingsModel, ConnectorModel } from '../../common/model/base-model';import { AccumulationChart } from '../accumulation';import { getElement, firstToLowerCase } from '../../common/utils/helper';import { Units, Alignment, Regions, Position, SeriesCategories, LabelOverflow, TextWrap } from '../../common/utils/enum';import { GroupModes } from './enum';
+import { Property, ChildProperty, Complex, createElement, Browser, animationMode } from '@syncfusion/ej2-base';import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { Border, Font, Animation, EmptyPointSettings, Connector } from '../../common/model/base';import { Rect, Size, PathOption } from '@syncfusion/ej2-svg-base';import { ChartLocation, stringToNumber, appendChildElement } from '../../common/utils/helper';import { AccumulationType, AccumulationLabelPosition, PyramidModes } from '../model/enum';import { IAccSeriesRenderEventArgs, IAccPointRenderEventArgs, IAccTextRenderEventArgs } from '../model/pie-interface';import { LegendShape } from '../../common/utils/enum';import { Data } from '../../common/model/data';import { seriesRender, pointRender } from '../../common/model/constants';import { getSeriesColor } from '../../common/model/theme';import { FontModel, BorderModel, AnimationModel, EmptyPointSettingsModel, ConnectorModel } from '../../common/model/base-model';import { AccumulationChart } from '../accumulation';import { getElement, firstToLowerCase } from '../../common/utils/helper';import { Units, Alignment, Regions, Position, SeriesCategories, LabelOverflow, TextWrap } from '../../common/utils/enum';import { GroupModes } from './enum';
 
@@ -3,0 +3,0 @@ /**

src/accumulation-chart/model/acc-base.d.ts

@@ -10,3 +10,3 @@ /**
 import { IAccTextRenderEventArgs } from '../model/pie-interface';
-import { LegendShape } from '../../chart/utils/enum';
+import { LegendShape } from '../../common/utils/enum';
 import { AccumulationDataLabelSettingsModel } from '../model/acc-base-model';
@@ -13,0 +13,0 @@ import { Data } from '../../common/model/data';

src/accumulation-chart/model/pie-interface.d.ts

@@ -7,3 +7,3 @@ /**
 import { IChartEventArgs } from '../../chart/model/chart-interface';
-import { LegendShape } from '../../chart/utils/enum';
+import { LegendShape } from '../../common/utils/enum';
 import { Size } from '@syncfusion/ej2-svg-base';
@@ -10,0 +10,0 @@ import { BorderModel, FontModel } from '../../common/model/base-model';

src/accumulation-chart/user-interaction/tooltip.js

@@ -105,2 +105,3 @@ var __extends = (this && this.__extends) || (function () {
         //let template: string;
+        var tooltip = this.chart.tooltip;
         var argsData = {
@@ -119,3 +120,3 @@ cancel: false, name: tooltipRender, text: textCollection, point: point.point, textStyle: this.textStyle,
                 _this.headerText = argsData.headerText;
-                _this.createTooltip(_this.chart, isFirst, point.point.symbolLocation, point.series.clipRect, point.point, !_this.chart.tooltip.enableMarker ? [] : ['Circle'], 0, _this.chart.initialClipRect, false, null, point.point, _this.template ? argsData.template : '');
+                _this.createTooltip(_this.chart, isFirst, { x: (tooltip.location.x !== null) ? tooltip.location.x : point.point.symbolLocation.x, y: (tooltip.location.y !== null) ? tooltip.location.y : point.point.symbolLocation.y }, point.series.clipRect, point.point, !tooltip.enableMarker ? [] : ['Circle'], 0, _this.chart.initialClipRect, false, null, point.point, _this.template ? argsData.template : '');
             }
@@ -122,0 +123,0 @@ else {

src/bullet-chart/bullet-chart-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, Property, NotifyPropertyChanges, Browser, Complex, Event, EmitType } from '@syncfusion/ej2-base';import { EventHandler, remove, INotifyPropertyChanged, ModuleDeclaration, Collection, isNullOrUndefined } from '@syncfusion/ej2-base';import { Internationalization } from '@syncfusion/ej2-base';import { SvgRenderer, Rect, Size, measureText, TextOption } from '@syncfusion/ej2-svg-base';import { Query } from '@syncfusion/ej2-data';import { OrientationType, TickPosition, LabelsPlacement, TextPosition, FeatureType, TargetType } from './utils/enum';import { AnimationModel, BorderModel } from '../common/model/base-model';import { Margin, Animation, Border } from '../common/model/base';import { MarginModel } from '../common/model/base-model';import { Data } from '../common/model/data';import { BulletChartAxis } from './renderer/bullet-axis';import { ScaleGroup } from './renderer/scale-render';import { redrawElement, textElement, getElement, appendChildElement, RectOption, stringToNumber } from '../common/utils/helper';import { BulletTooltip } from './user-interaction/tooltip';import { IPrintEventArgs } from '../chart/model/chart-interface';import { ExportType } from '../common/utils/enum';import { AccumulationChart } from '../accumulation-chart/accumulation';import { Chart } from '../chart/chart';import { ChartTheme } from '../chart/utils/enum';import { RangeNavigator } from '../range-navigator/range-navigator';import { getTitle, logBase } from '../common/utils/helper';import { BulletTooltipSettings, Range, BulletLabelStyle, BulletDataLabel } from './model/bullet-base';import { MajorTickLinesSettings, MinorTickLinesSettings } from './model/bullet-base';import { BulletChartLegendSettings } from '../bullet-chart/model/bullet-base';import { BulletChartLegendSettingsModel } from '../bullet-chart/model/bullet-base-model';import { IBulletMouseEventArgs, IBulletLegendRenderEventArgs } from '../bullet-chart/model/bullet-interface';import { BulletChartLegend } from '../bullet-chart/legend/legend';import { BulletTooltipSettingsModel, RangeModel } from './model/bullet-base-model';import { MajorTickLinesSettingsModel, MinorTickLinesSettingsModel } from './model/bullet-base-model';import { BulletLabelStyleModel, BulletDataLabelModel } from './model/bullet-base-model';import { resized, bulletChartMouseClick } from '../common/model/constants';import { IBulletResizeEventArgs, IBulletStyle, IBulletchartTooltipEventArgs, IBulletLoadedEventArgs } from './model/bullet-interface';import { IFeatureBarBounds } from './model/bullet-interface';import { getBulletThemeColor } from './utils/theme';import { ExportUtils } from '../common/utils/export';import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';import { PrintUtils } from '../common/utils/print'
+import { Component, Property, NotifyPropertyChanges, Browser, Complex, Event, EmitType } from '@syncfusion/ej2-base';import { EventHandler, remove, INotifyPropertyChanged, ModuleDeclaration, Collection, isNullOrUndefined } from '@syncfusion/ej2-base';import { Internationalization } from '@syncfusion/ej2-base';import { SvgRenderer, Rect, Size, measureText, TextOption } from '@syncfusion/ej2-svg-base';import { Query } from '@syncfusion/ej2-data';import { OrientationType, TickPosition, LabelsPlacement, TextPosition, FeatureType, TargetType } from './utils/enum';import { AnimationModel, BorderModel } from '../common/model/base-model';import { Margin, Animation, Border } from '../common/model/base';import { MarginModel } from '../common/model/base-model';import { Data } from '../common/model/data';import { BulletChartAxis } from './renderer/bullet-axis';import { ScaleGroup } from './renderer/scale-render';import { redrawElement, textElement, getElement, appendChildElement, RectOption, stringToNumber } from '../common/utils/helper';import { BulletTooltip } from './user-interaction/tooltip';import { IPrintEventArgs } from '../chart/model/chart-interface';import { ExportType } from '../common/utils/enum';import { AccumulationChart } from '../accumulation-chart/accumulation';import { Chart } from '../chart/chart';import { ChartTheme } from '../common/utils/enum';import { RangeNavigator } from '../range-navigator/range-navigator';import { getTitle, logBase } from '../common/utils/helper';import { BulletTooltipSettings, Range, BulletLabelStyle, BulletDataLabel } from './model/bullet-base';import { MajorTickLinesSettings, MinorTickLinesSettings } from './model/bullet-base';import { BulletChartLegendSettings } from '../bullet-chart/model/bullet-base';import { BulletChartLegendSettingsModel } from '../bullet-chart/model/bullet-base-model';import { IBulletMouseEventArgs, IBulletLegendRenderEventArgs } from '../bullet-chart/model/bullet-interface';import { BulletChartLegend } from '../bullet-chart/legend/legend';import { BulletTooltipSettingsModel, RangeModel } from './model/bullet-base-model';import { MajorTickLinesSettingsModel, MinorTickLinesSettingsModel } from './model/bullet-base-model';import { BulletLabelStyleModel, BulletDataLabelModel } from './model/bullet-base-model';import { resized, bulletChartMouseClick } from '../common/model/constants';import { IBulletResizeEventArgs, IBulletStyle, IBulletchartTooltipEventArgs, IBulletLoadedEventArgs } from './model/bullet-interface';import { IFeatureBarBounds } from './model/bullet-interface';import { getBulletThemeColor } from './utils/theme';import { ExportUtils } from '../common/utils/export';import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';import { PrintUtils } from '../common/utils/print'
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -230,3 +230,4 @@
     /**
-     * Default stroke of comparative measure.
+     * The stroke color for the comparative measure, which can accept values in hex and rgba as valid CSS color strings.
+     * This property can also be mapped from the data source.
      *
@@ -247,3 +248,4 @@ * @default '#191919'
     /**
-     * Default stroke color of feature measure.
+     * The stroke color for the feature measure, which can accept values in hex and rgba as valid CSS color strings.
+     * This property can also be mapped from the data source.
      *
@@ -250,0 +252,0 @@ * @default null

src/bullet-chart/bullet-chart.d.ts

@@ -18,3 +18,3 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
 import { Chart } from '../chart/chart';
-import { ChartTheme } from '../chart/utils/enum';
+import { ChartTheme } from '../common/utils/enum';
 import { RangeNavigator } from '../range-navigator/range-navigator';
@@ -208,3 +208,4 @@ import { Range } from './model/bullet-base';
     /**
-     * Default stroke of comparative measure.
+     * The stroke color for the comparative measure, which can accept values in hex and rgba as valid CSS color strings.
+     * This property can also be mapped from the data source.
      *
@@ -221,3 +222,4 @@ * @default '#191919'
     /**
-     * Default stroke color of feature measure.
+     * The stroke color for the feature measure, which can accept values in hex and rgba as valid CSS color strings.
+     * This property can also be mapped from the data source.
      *
@@ -224,0 +226,0 @@ * @default null

src/bullet-chart/bullet-chart.js

@@ -130,6 +130,8 @@ var __extends = (this && this.__extends) || (function () {
         if ((this.targetColor === null || this.targetColor === '#191919' || this.valueFill == null) && this.theme.indexOf('Fluent') > -1) {
-            this.valueFill = this.targetColor = this.theme === 'FluentDark' ? '#797775' : '#A19F9D';
+            this.valueFill = !(this.valueFill) ? (this.theme === 'FluentDark' ? '#797775' : '#A19F9D') : this.valueFill;
+            this.targetColor = (!this.targetColor && this.targetColor != '#191919') ? (this.theme === 'FluentDark' ? '#797775' : '#A19F9D') : this.targetColor;
         }
         if ((this.targetColor === null || this.targetColor === '#191919' || this.valueFill == null) && this.theme.indexOf('Material3') > -1) {
-            this.valueFill = this.targetColor = this.theme === 'Material3Dark' ? '#938F99' : '#79747E';
+            this.valueFill = !(this.valueFill) ? (this.theme === 'Material3Dark' ? '#938F99' : '#79747E') : this.valueFill;
+            this.targetColor = (!this.targetColor && this.targetColor != '#191919') ? (this.theme === 'Material3Dark' ? '#938F99' : '#79747E') : this.targetColor;
         }
@@ -234,4 +236,4 @@ };
         var scaleGroup = this.renderer.createGroup({ 'id': this.svgObject.id + '_scaleGroup' });
+        this.renderBulletChartTitle();
         this.svgObject.appendChild(scaleGroup);
-        this.renderBulletChartTitle();
         this.rangeCollection = this.scale.drawScaleGroup(scaleGroup);
@@ -688,3 +690,3 @@ var size = (this.orientation === 'Horizontal') ? this.initialClipRect.width : this.initialClipRect.height;
         if (element) {
-            element.setAttribute('aria-label', this.title);
+            element.setAttribute('aria-label', this.subtitle);
             element.setAttribute('tabindex', this.tabIndex.toString());
@@ -1158,3 +1160,3 @@ }
     __decorate([
-        Property(1)
+        Property(0)
     ], BulletChart.prototype, "tabIndex", void 0);
@@ -1161,0 +1163,0 @@ __decorate([

src/bullet-chart/model/bullet-base-model.d.ts

@@ -1,2 +0,2 @@
-import { ChildProperty, Property, Complex } from '@syncfusion/ej2-base';import { BorderModel, MarginModel } from '../../common/model/base-model';import { Border, Margin } from '../../common/model/base';import { Alignment, TextOverflow } from '../../common/utils/enum';import { LegendShape, LegendPosition } from '../../chart/utils/enum';import { Location } from '../../common/legend/legend';import { LocationModel } from '../../common/legend/legend-model';
+import { ChildProperty, Property, Complex } from '@syncfusion/ej2-base';import { BorderModel, MarginModel } from '../../common/model/base-model';import { Border, Margin } from '../../common/model/base';import { Alignment, LegendShape, TextOverflow } from '../../common/utils/enum';import { LegendPosition } from '../../common/utils/enum';import { Location } from '../../common/model/base';import { LocationModel } from '../../common/model/base-model';
 
@@ -3,0 +3,0 @@ /**

src/bullet-chart/model/bullet-base.d.ts

 import { BulletLabelStyleModel } from './bullet-base-model';
 import { ChildProperty } from '@syncfusion/ej2-base';
 import { BorderModel, MarginModel } from '../../common/model/base-model';
-import { Alignment, TextOverflow } from '../../common/utils/enum';
-import { LegendShape, LegendPosition } from '../../chart/utils/enum';
-import { LocationModel } from '../../common/legend/legend-model';
+import { Alignment, LegendShape, TextOverflow } from '../../common/utils/enum';
+import { LegendPosition } from '../../common/utils/enum';
+import { LocationModel } from '../../common/model/base-model';
 /**
@@ -8,0 +8,0 @@ * Configuration of the bullet chart ranges

src/bullet-chart/model/bullet-base.js

@@ -22,3 +22,3 @@ var __extends = (this && this.__extends) || (function () {
 import { Border, Margin } from '../../common/model/base';
-import { Location } from '../../common/legend/legend';
+import { Location } from '../../common/model/base';
 /**
@@ -25,0 +25,0 @@ * Configuration of the bullet chart ranges

src/bullet-chart/model/bullet-interface.d.ts

@@ -5,4 +5,4 @@ import { Size } from '@syncfusion/ej2-svg-base';
 import { RangeModel } from '../model/bullet-base-model';
-import { LegendShape, ChartTheme } from '../../chart/utils/enum';
 import { FontModel } from '../../chart';
+import { ChartTheme, LegendShape } from '../../common/utils/enum';
 /**
@@ -9,0 +9,0 @@ * Interface for Bullet chart Theme Style

src/bullet-chart/renderer/scale-render.js

@@ -165,3 +165,3 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
     ScaleGroup.prototype.featureBar = function (pointX, pointY, width, i) {
-        var featureBarOptions = new RectOption(this.bulletChart.svgObject.id + '_FeatureMeasure_' + i, this.bulletChart.valueFill, this.bulletChart.valueBorder, 1, new Rect(pointX, pointY, width, this.bulletChart.valueHeight));
+        var featureBarOptions = new RectOption(this.bulletChart.svgObject.id + '_FeatureMeasure_' + i, this.bulletChart.dataSource[i][this.bulletChart.valueFill] || this.bulletChart.valueFill, this.bulletChart.valueBorder, 1, new Rect(pointX, pointY, width, this.bulletChart.valueHeight));
         var svgRect = this.bulletChart.renderer.drawRectangle(featureBarOptions);
@@ -171,2 +171,3 @@ svgRect.setAttribute('class', this.bulletChart.svgObject.id + '_FeatureMeasure');
         svgRect.setAttribute('role', 'img');
+        svgRect.setAttribute('tabindex', '0');
         svgRect.setAttribute('aria-label', (this.bulletChart.title + ', value: ' + this.bulletChart.dataSource[i].value + ', target: ' + this.bulletChart.dataSource[i].target));
@@ -176,3 +177,3 @@ return svgRect;
     ScaleGroup.prototype.verticalFeatureBar = function (pointX, pointY, width, i) {
-        var featureBarOptions = new RectOption(this.bulletChart.svgObject.id + '_FeatureMeasure_' + i, this.bulletChart.valueFill, this.bulletChart.valueBorder, 1, new Rect(pointX, pointY, this.bulletChart.valueHeight, width));
+        var featureBarOptions = new RectOption(this.bulletChart.svgObject.id + '_FeatureMeasure_' + i, this.bulletChart.dataSource[i][this.bulletChart.valueFill] || this.bulletChart.valueFill, this.bulletChart.valueBorder, 1, new Rect(pointX, pointY, this.bulletChart.valueHeight, width));
         var svgRect = this.bulletChart.renderer.drawRectangle(featureBarOptions);
@@ -182,2 +183,3 @@ svgRect.setAttribute('class', this.bulletChart.svgObject.id + '_FeatureMeasure');
         svgRect.setAttribute('role', 'img');
+        svgRect.setAttribute('tabindex', '0');
         svgRect.setAttribute('aria-label', (this.bulletChart.title + ', value: ' + this.bulletChart.dataSource[i].value + ', target: ' + this.bulletChart.dataSource[i].target));
@@ -278,2 +280,3 @@ return svgRect;
         var className = bulletChart.svgObject.id + '_ComparativeMeasure';
+        var targetColor = bulletChart.dataSource[k][bulletChart.targetColor] || bulletChart.targetColor;
         if (targetType === 'Rect') {
@@ -284,3 +287,3 @@ shapeObject = isHorizontal ? this.compareMeasure(x1, y1, y2, k, value) : this.compareVMeasure(y1, y2, x1, k);
         else if (targetType === 'Circle') {
-            shapeObject = new CircleOption(id, bulletChart.targetColor, { width: 1, color: bulletChart.targetColor || 'black' }, 1, lx, ly, size);
+            shapeObject = new CircleOption(id, targetColor, { width: 1, color: targetColor || 'black' }, 1, lx, ly, size);
             shapeElement = bulletChart.renderer.drawCircle(shapeObject);
@@ -291,3 +294,3 @@ }
                 (lx - size) + ' ' + (ly + size) + ' L ' + (lx + size) + ' ' + (ly - size);
-            shapeObject = new PathOption(id, 'transparent', strokeWidth, bulletChart.targetColor, 1, '', crossDirection);
+            shapeObject = new PathOption(id, 'transparent', strokeWidth, targetColor, 1, '', crossDirection);
             shapeElement = bulletChart.renderer.drawPath(shapeObject);
@@ -310,3 +313,3 @@ }
             'stroke-width': bulletChart.targetWidth,
-            'stroke': bulletChart.targetColor || 'black'
+            'stroke': bulletChart.dataSource[i][bulletChart.targetColor] || bulletChart.targetColor || 'black'
         };
@@ -325,3 +328,3 @@ return compareMeasureOptions;
             'stroke-width': bulletChart.targetWidth,
-            'stroke': bulletChart.targetColor || 'black'
+            'stroke': bulletChart.dataSource[i][bulletChart.targetColor] || bulletChart.targetColor || 'black'
         };
@@ -328,0 +331,0 @@ return compareMeasureOptions;

src/bullet-chart/utils/theme.d.ts

@@ -1,2 +0,2 @@
-import { ChartTheme } from '../../chart/utils/enum';
+import { ChartTheme } from '../../common/utils/enum';
 import { IBulletStyle } from '../model/bullet-interface';
@@ -3,0 +3,0 @@ /** @private

src/chart/axis/axis-model.d.ts

@@ -1,2 +0,2 @@
-import { Property, Complex, ChildProperty, Collection, extend, Browser } from '@syncfusion/ej2-base';import { FontModel, BorderModel } from '../../common/model/base-model';import { Font, Border } from '../../common/model/base';import { Orientation, ChartRangePadding, SkeletonType, AxisPosition } from '../utils/enum';import { EdgeLabelPlacement, ValueType, IntervalType, LabelPlacement, LabelIntersectAction } from '../utils/enum';import { rotateTextSize, firstToLowerCase, valueToCoefficient, inside, isBreakLabel, isZoomSet, getTitle } from '../../common/utils/helper';import { Size, Rect, measureText } from '@syncfusion/ej2-svg-base';import { DoubleRange } from '../utils/double-range';import { Chart } from '../chart';import { Series } from '../series/chart-series';import { Double } from '../axis/double-axis';import { DateTime } from '../axis/date-time-axis';import { Category } from '../axis/category-axis';import { DateTimeCategory } from '../axis/date-time-category-axis';import { Theme } from '../../common/model/theme';import { TextAlignment } from '../../common/utils/enum';import { IAxisRangeCalculatedEventArgs } from '../../chart/model/chart-interface';import { axisRangeCalculated } from '../../common/model/constants';import { StripLineSettings, MultiLevelLabels, LabelBorder, ScrollbarSettings } from '../model/chart-base';import { StripLineSettingsModel, MultiLevelLabelsModel, LabelBorderModel, ScrollbarSettingsModel} from '../model/chart-base-model';import { textWrap } from '../../common/utils/helper';import { ScrollBar } from '../../common/scrollbar/scrollbar';import { isNullOrUndefined } from '@syncfusion/ej2-base';
+import { Property, Complex, ChildProperty, Collection, extend, Browser } from '@syncfusion/ej2-base';import { FontModel, BorderModel } from '../../common/model/base-model';import { Font, Border } from '../../common/model/base';import { AxisPosition } from '../utils/enum';import { EdgeLabelPlacement, ValueType, IntervalType, LabelIntersectAction, Orientation, ChartRangePadding, SkeletonType } from '../../common/utils/enum';import { rotateTextSize, firstToLowerCase, valueToCoefficient, inside, isBreakLabel, isZoomSet, getTitle } from '../../common/utils/helper';import { Size, Rect, measureText } from '@syncfusion/ej2-svg-base';import { DoubleRange } from '../utils/double-range';import { Chart } from '../chart';import { Series } from '../series/chart-series';import { Double } from '../axis/double-axis';import { DateTime } from '../axis/date-time-axis';import { Category } from '../axis/category-axis';import { DateTimeCategory } from '../axis/date-time-category-axis';import { Theme } from '../../common/model/theme';import { LabelPlacement, TextAlignment } from '../../common/utils/enum';import { IAxisRangeCalculatedEventArgs } from '../../chart/model/chart-interface';import { axisRangeCalculated } from '../../common/model/constants';import { StripLineSettings, MultiLevelLabels, LabelBorder, ScrollbarSettings } from '../model/chart-base';import { StripLineSettingsModel, MultiLevelLabelsModel, LabelBorderModel, ScrollbarSettingsModel} from '../model/chart-base-model';import { textWrap } from '../../common/utils/helper';import { ScrollBar } from '../../common/scrollbar/scrollbar';import { isNullOrUndefined } from '@syncfusion/ej2-base';import { VisibleRangeModel } from '../../common/model/interface';
 
@@ -263,4 +263,4 @@ /**
     /**
-     * Used to format the axis label that accepts any global string format like 'C', 'n1', 'P' etc.
-     * It also accepts placeholder like '{value}°C' in which value represent the axis label, e.g, 20°C.
+     * Used to format the axis label, which accepts any global string format like 'C', 'n1', 'P', etc.
+     * It also accepts placeholders like '{value}°C' where 'value' represents the axis label (e.g., 20°C).
      *
@@ -273,3 +273,3 @@ * @default ''
     /**
-     * Specifies the skeleton format in which the dateTime format will process.
+     * Specifies the skeleton format in which the dateTime will be processed.
      *
@@ -282,3 +282,3 @@ * @default ''
     /**
-     * It specifies the type of format to be used in dateTime format process.
+     * Specifies the format type to be used in dateTime formatting.
      *
@@ -340,3 +340,3 @@ * @default 'DateTime'
     /**
-     * Specifies indexed category  axis.
+     * If set to true, data points are rendered based on the index.
      *
@@ -469,3 +469,3 @@ * @default false
     /**
-     * Specifies the padding for the axis range in terms of interval.They are,
+     * Specifies the padding for the axis range in terms of interval. Available options are:
      * * none: Padding cannot be applied to the axis.
@@ -482,8 +482,8 @@ * * normal: Padding is applied to the axis based on the range calculation.
     /**
-     * Specifies the data types that the axis can handle:
-     * * Double: This type is used for rendering a numeric axis to accommodate numeric data.
-     * * DateTime: This type is utilized for rendering a date-time axis to manage date-time data.
-     * * Category: This type is employed for rendering a category axis to manage categorical data.
-     * * Logarithmic: This type is applied for rendering a logarithmic axis to handle a wide range of values.
-     * * DateTimeCategory: This type is used to render a date time category axis for managing business days.
+     * Specifies the data types that the axis can handle. Available options include:
+     * * Double: Used for rendering a numeric axis to accommodate numeric data.
+     * * DateTime: Utilized for rendering a date-time axis to manage date-time data.
+     * * Category: Employed for rendering a category axis to manage categorical data.
+     * * Logarithmic: Applied for rendering a logarithmic axis to handle a wide range of values.
+     * * DateTimeCategory: Used to render a date time category axis for managing business days.
      *
@@ -509,3 +509,3 @@ * @default 'Double'
     /**
-     * Specifies the types like `Years`, `Months`, `Days`, `Hours`, `Minutes`, `Seconds` in date time axis.They are,
+     * Specifies the interval types for the date-time axis, including `Auto`, `Years`, `Months`, `Days`, `Hours`, and `Minutes`. These types define the interval of the axis as follows:
      * * Auto: Defines the interval of the axis based on data.
@@ -554,4 +554,3 @@ * * Years: Defines the interval of the axis in years.
     /**
-     * Unique identifier of an axis.
-     * To associate an axis with the series, set this name to the xAxisName/yAxisName properties of the series.
+     * A unique identifier for an axis. To associate an axis with a series, set this name to the xAxisName/yAxisName properties of the series.
      *
@@ -564,3 +563,3 @@ * @default ''
     /**
-     * If set to true, axis label will be visible.
+     * If set to true, axis labels will be visible in the chart. By default, axis labels are enabled.
      *
@@ -653,3 +652,3 @@ * @default true
     /**
-     * Specifies the Trim property for an axis.
+     * If set to true, axis labels will be trimmed based on the maximumLabelWidth.
      *
@@ -661,3 +660,3 @@ * @default false
     /**
-     * Specifies the labelPadding from axis.
+     * Specifies the padding for the axis labels from axis.
      *
@@ -724,3 +723,3 @@ * @default 5
     /**
-     * It specifies whether the axis to be rendered in inversed manner or not.
+     * If set to true, the axis will be rendered in an inversed manner.
      *
@@ -727,0 +726,0 @@ * @default false

src/chart/axis/axis.d.ts

 import { ChildProperty } from '@syncfusion/ej2-base';
 import { FontModel, BorderModel } from '../../common/model/base-model';
-import { Orientation, ChartRangePadding, SkeletonType, AxisPosition } from '../utils/enum';
-import { EdgeLabelPlacement, ValueType, IntervalType, LabelPlacement, LabelIntersectAction } from '../utils/enum';
+import { AxisPosition } from '../utils/enum';
+import { EdgeLabelPlacement, ValueType, IntervalType, LabelIntersectAction, Orientation, ChartRangePadding, SkeletonType } from '../../common/utils/enum';
 import { Size, Rect } from '@syncfusion/ej2-svg-base';
@@ -15,5 +15,6 @@ import { DoubleRange } from '../utils/double-range';
 import { DateTimeCategory } from '../axis/date-time-category-axis';
-import { TextAlignment } from '../../common/utils/enum';
+import { LabelPlacement, TextAlignment } from '../../common/utils/enum';
 import { StripLineSettingsModel, MultiLevelLabelsModel, LabelBorderModel, ScrollbarSettingsModel } from '../model/chart-base-model';
 import { ScrollBar } from '../../common/scrollbar/scrollbar';
+import { VisibleRangeModel } from '../../common/model/interface';
 /**
@@ -256,4 +257,4 @@ * Configures the `rows` of the chart.
     /**
-     * Used to format the axis label that accepts any global string format like 'C', 'n1', 'P' etc.
-     * It also accepts placeholder like '{value}°C' in which value represent the axis label, e.g, 20°C.
+     * Used to format the axis label, which accepts any global string format like 'C', 'n1', 'P', etc.
+     * It also accepts placeholders like '{value}°C' where 'value' represents the axis label (e.g., 20°C).
      *
@@ -264,3 +265,3 @@ * @default ''
     /**
-     * Specifies the skeleton format in which the dateTime format will process.
+     * Specifies the skeleton format in which the dateTime will be processed.
      *
@@ -271,3 +272,3 @@ * @default ''
     /**
-     * It specifies the type of format to be used in dateTime format process.
+     * Specifies the format type to be used in dateTime formatting.
      *
@@ -315,3 +316,3 @@ * @default 'DateTime'
     /**
-     * Specifies indexed category  axis.
+     * If set to true, data points are rendered based on the index.
      *
@@ -422,3 +423,3 @@ * @default false
     /**
-     * Specifies the padding for the axis range in terms of interval.They are,
+     * Specifies the padding for the axis range in terms of interval. Available options are:
      * * none: Padding cannot be applied to the axis.
@@ -433,8 +434,8 @@ * * normal: Padding is applied to the axis based on the range calculation.
     /**
-     * Specifies the data types that the axis can handle:
-     * * Double: This type is used for rendering a numeric axis to accommodate numeric data.
-     * * DateTime: This type is utilized for rendering a date-time axis to manage date-time data.
-     * * Category: This type is employed for rendering a category axis to manage categorical data.
-     * * Logarithmic: This type is applied for rendering a logarithmic axis to handle a wide range of values.
-     * * DateTimeCategory: This type is used to render a date time category axis for managing business days.
+     * Specifies the data types that the axis can handle. Available options include:
+     * * Double: Used for rendering a numeric axis to accommodate numeric data.
+     * * DateTime: Utilized for rendering a date-time axis to manage date-time data.
+     * * Category: Employed for rendering a category axis to manage categorical data.
+     * * Logarithmic: Applied for rendering a logarithmic axis to handle a wide range of values.
+     * * DateTimeCategory: Used to render a date time category axis for managing business days.
      *
@@ -456,3 +457,3 @@ * @default 'Double'
     /**
-     * Specifies the types like `Years`, `Months`, `Days`, `Hours`, `Minutes`, `Seconds` in date time axis.They are,
+     * Specifies the interval types for the date-time axis, including `Auto`, `Years`, `Months`, `Days`, `Hours`, and `Minutes`. These types define the interval of the axis as follows:
      * * Auto: Defines the interval of the axis based on data.
@@ -493,4 +494,3 @@ * * Years: Defines the interval of the axis in years.
     /**
-     * Unique identifier of an axis.
-     * To associate an axis with the series, set this name to the xAxisName/yAxisName properties of the series.
+     * A unique identifier for an axis. To associate an axis with a series, set this name to the xAxisName/yAxisName properties of the series.
      *
@@ -501,3 +501,3 @@ * @default ''
     /**
-     * If set to true, axis label will be visible.
+     * If set to true, axis labels will be visible in the chart. By default, axis labels are enabled.
      *
@@ -569,3 +569,3 @@ * @default true
     /**
-     * Specifies the Trim property for an axis.
+     * If set to true, axis labels will be trimmed based on the maximumLabelWidth.
      *
@@ -576,3 +576,3 @@ * @default false
     /**
-     * Specifies the labelPadding from axis.
+     * Specifies the padding for the axis labels from axis.
      *
@@ -623,3 +623,3 @@ * @default 5
     /**
-     * It specifies whether the axis to be rendered in inversed manner or not.
+     * If set to true, the axis will be rendered in an inversed manner.
      *
@@ -834,17 +834,2 @@ * @default false
 }
-/**
- * Axis visible range
- *
- * @public
- */
-export interface VisibleRangeModel {
-    /** axis minimum value. */
-    min?: number;
-    /** axis maximum value. */
-    max?: number;
-    /** axis interval value. */
-    interval?: number;
-    /** axis delta value. */
-    delta?: number;
-}
 /** @private */
@@ -851,0 +836,0 @@ export declare class VisibleLabels {

src/chart/axis/axis.js

@@ -700,3 +700,9 @@ var __extends = (this && this.__extends) || (function () {
         this.isAxisOpposedPosition = this.opposedPosition || (!isPolar && this.isRTLEnabled && this.orientation === 'Vertical');
+        if (this.opposedPosition && (!isPolar && this.isRTLEnabled && this.orientation === 'Vertical')) {
+            this.isAxisOpposedPosition = false;
+        }
         this.isAxisInverse = this.isInversed || (this.isRTLEnabled && this.orientation === 'Horizontal');
+        if (this.isInversed && (!isPolar && this.isRTLEnabled && this.orientation === 'Horizontal')) {
+            this.isAxisInverse = false;
+        }
     };
@@ -703,0 +709,0 @@ __decorate([

src/chart/axis/strip-line.js

@@ -342,2 +342,3 @@ /* eslint-disable @typescript-eslint/no-unused-vars */
             anchor = stripline.horizontalAlignment;
+            anchor = chart.enableRtl ? (anchor === 'End' ? 'Start' : anchor === 'Start' ? 'End' : anchor) : anchor;
         }
@@ -344,0 +345,0 @@ textElement(chart.renderer, new TextOption(id, tx, ty, anchor, stripline.text, 'rotate(' + rotation + ' ' + tx + ',' + ty + ')', 'middle'), stripline.textStyle, stripline.textStyle.color || chart.themeStyle.stripLineLabelFont.color, parent, null, null, null, null, null, null, null, null, chart.enableCanvas, null, chart.themeStyle.stripLineLabelFont);

src/chart/chart-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, Property, NotifyPropertyChanges, Internationalization } from '@syncfusion/ej2-base';import { ModuleDeclaration, L10n, setValue, isNullOrUndefined, updateBlazorTemplate } from '@syncfusion/ej2-base';import { TapEventArgs, EmitType, ChildProperty } from '@syncfusion/ej2-base';import { remove, extend } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, Browser, Touch } from '@syncfusion/ej2-base';import { Event, EventHandler, Complex, Collection } from '@syncfusion/ej2-base';import { findClipRect, showTooltip, ImageOption, removeElement, appendChildElement, blazorTemplatesReset, withInBounds } from '../common/utils/helper';import { textElement, RectOption, createSvg, firstToLowerCase, titlePositionX, PointData, redrawElement, getTextAnchor } from '../common/utils/helper';import { appendClipElement, ChartLocation } from '../common/utils/helper';import { MarginModel, BorderModel, ChartAreaModel, FontModel, TooltipSettingsModel } from '../common/model/base-model';import { getSeriesColor, Theme, getThemeColor } from '../common/model/theme';import { IndexesModel } from '../common/model/base-model';import { Margin, Border, ChartArea, Font, Indexes, TooltipSettings } from '../common/model/base';import { AxisModel, RowModel, ColumnModel } from './axis/axis-model';import { Row, Column, Axis } from './axis/axis';import { Highlight } from './user-interaction/high-light';import { CartesianAxisLayoutPanel } from './axis/cartesian-panel';import { DateTime } from './axis/date-time-axis';import { Category } from './axis/category-axis';import { DateTimeCategory } from './axis/date-time-category-axis';import { CandleSeries } from './series/candle-series';import { ErrorBar } from './series/error-bar';import { Logarithmic } from './axis/logarithmic-axis';import { Rect, measureText, TextOption, Size, SvgRenderer, BaseAttibutes, CanvasRenderer } from '@syncfusion/ej2-svg-base';import { ChartData } from './utils/get-data';import { SelectionMode, HighlightMode, LineType, ZoomMode, ToolbarItems, ChartTheme } from './utils/enum';import { Points, Series, SeriesBase } from './series/chart-series';import { SeriesModel } from './series/chart-series-model';import { Data } from '../common/model/data';import { LineSeries } from './series/line-series';import { AreaSeries } from './series/area-series';import { BarSeries } from './series/bar-series';import { HistogramSeries } from './series/histogram-series';import { StepLineSeries } from './series/step-line-series';import { StepAreaSeries } from './series/step-area-series';import { ColumnSeries } from './series/column-series';import { ParetoSeries } from './series/pareto-series';import { StackingColumnSeries } from './series/stacking-column-series';import { StackingBarSeries } from './series/stacking-bar-series';import { StackingAreaSeries } from './series/stacking-area-series';import { StackingStepAreaSeries } from './series/stacking-step-area-series';import { StackingLineSeries } from './series/stacking-line-series';import { ScatterSeries } from './series/scatter-series';import { SplineSeries } from './series/spline-series';import { SplineAreaSeries } from './series/spline-area-series';import { RangeColumnSeries } from './series/range-column-series';import { PolarSeries } from './series/polar-series';import { RadarSeries } from './series/radar-series';import { HiloSeries } from './series/hilo-series';import { HiloOpenCloseSeries } from './series/hilo-open-close-series';import { WaterfallSeries } from './series/waterfall-series';import { BubbleSeries } from './series/bubble-series';import { RangeAreaSeries } from './series/range-area-series';import { RangeStepAreaSeries } from './series/range-step-area-series';import { SplineRangeAreaSeries } from './series/spline-range-area-series';import { Tooltip } from './user-interaction/tooltip';import { Crosshair } from './user-interaction/crosshair';import { DataEditing } from './user-interaction/data-editing';import { Marker, markerShapes } from './series/marker';import { LegendSettings } from '../common/legend/legend';import { LegendSettingsModel } from '../common/legend/legend-model';import { Legend } from './legend/legend';import { Zoom } from './user-interaction/zooming';import { Selection } from './user-interaction/selection';import { DataLabel } from './series/data-label';import { StripLine } from './axis/strip-line';import { MultiLevelLabel } from './axis/multi-level-labels';import { BoxAndWhiskerSeries } from './series/box-and-whisker-series';import { PolarRadarPanel } from './axis/polar-radar-panel';import { StripLineSettingsModel } from './model/chart-base-model';import { Trendline } from './series/chart-series';import { Trendlines } from './trend-lines/trend-line';import { TechnicalIndicator } from './technical-indicators/technical-indicator';import { SmaIndicator } from './technical-indicators/sma-indicator';import { EmaIndicator } from './technical-indicators/ema-indicator';import { TmaIndicator } from './technical-indicators/tma-indicator';import { AccumulationDistributionIndicator } from './technical-indicators/ad-indicator';import { AtrIndicator } from './technical-indicators/atr-indicator';import { BollingerBands } from './technical-indicators/bollinger-bands';import { MomentumIndicator } from './technical-indicators/momentum-indicator';import { StochasticIndicator } from './technical-indicators/stochastic-indicator';import { MacdIndicator } from './technical-indicators/macd-indicator';import { RsiIndicator } from './technical-indicators/rsi-indicator';import { TechnicalIndicatorModel } from './technical-indicators/technical-indicator-model';import { ILegendRenderEventArgs, IAxisLabelRenderEventArgs, ITextRenderEventArgs, IResizeEventArgs } from '../chart/model/chart-interface';import { IAnnotationRenderEventArgs, IAxisMultiLabelRenderEventArgs, IThemeStyle, IScrollEventArgs } from '../chart/model/chart-interface';import { IPointRenderEventArgs, ISeriesRenderEventArgs, ISelectionCompleteEventArgs } from '../chart/model/chart-interface';import { IDragCompleteEventArgs, ITooltipRenderEventArgs, IExportEventArgs, IAfterExportEventArgs } from '../chart/model/chart-interface';import { IZoomCompleteEventArgs, ILoadedEventArgs, IZoomingEventArgs, IAxisLabelClickEventArgs } from '../chart/model/chart-interface';import { IMultiLevelLabelClickEventArgs, ILegendClickEventArgs, ISharedTooltipRenderEventArgs } from '../chart/model/chart-interface';import { IAnimationCompleteEventArgs, IMouseEventArgs, IPointEventArgs, IBeforeResizeEventArgs } from '../chart/model/chart-interface';import { chartMouseClick, chartDoubleClick, pointClick, pointDoubleClick, axisLabelClick, beforeResize  } from '../common/model/constants';import { chartMouseDown, chartMouseMove, chartMouseUp, load, pointMove, chartMouseLeave, resized } from '../common/model/constants';import { IPrintEventArgs, IAxisRangeCalculatedEventArgs, IDataEditingEventArgs } from '../chart/model/chart-interface';import { ChartAnnotationSettingsModel } from './model/chart-base-model';import { ChartAnnotationSettings } from './model/chart-base';import { ChartAnnotation } from './annotation/annotation';import { getElement, getTitle } from '../common/utils/helper';import { Alignment, ExportType, SelectionPattern, TextOverflow, TitlePosition } from '../common/utils/enum';import { MultiColoredLineSeries } from './series/multi-colored-line-series';import { MultiColoredAreaSeries } from './series/multi-colored-area-series';import { ScrollBar } from '../common/scrollbar/scrollbar';import { DataManager } from '@syncfusion/ej2-data';import { StockChart } from '../stock-chart/stock-chart';import { Export } from './print-export/export';import { PrintUtils } from '../common/utils/print'
+import { Component, Property, NotifyPropertyChanges, Internationalization } from '@syncfusion/ej2-base';import { ModuleDeclaration, L10n, setValue, isNullOrUndefined, updateBlazorTemplate } from '@syncfusion/ej2-base';import { TapEventArgs, EmitType, ChildProperty } from '@syncfusion/ej2-base';import { remove, extend } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, Browser, Touch } from '@syncfusion/ej2-base';import { Event, EventHandler, Complex, Collection } from '@syncfusion/ej2-base';import { findClipRect, showTooltip, ImageOption, removeElement, appendChildElement, blazorTemplatesReset, withInBounds } from '../common/utils/helper';import { textElement, RectOption, createSvg, firstToLowerCase, titlePositionX, PointData, redrawElement, getTextAnchor } from '../common/utils/helper';import { appendClipElement, ChartLocation } from '../common/utils/helper';import { MarginModel, BorderModel, ChartAreaModel, FontModel, TooltipSettingsModel } from '../common/model/base-model';import { getSeriesColor, Theme, getThemeColor } from '../common/model/theme';import { IndexesModel, titleSettingsModel } from '../common/model/base-model';import { Margin, Border, ChartArea, Font, Indexes, TooltipSettings, titleSettings } from '../common/model/base';import { AxisModel, RowModel, ColumnModel } from './axis/axis-model';import { Row, Column, Axis } from './axis/axis';import { Highlight } from './user-interaction/high-light';import { CartesianAxisLayoutPanel } from './axis/cartesian-panel';import { DateTime } from './axis/date-time-axis';import { Category } from './axis/category-axis';import { DateTimeCategory } from './axis/date-time-category-axis';import { CandleSeries } from './series/candle-series';import { ErrorBar } from './series/error-bar';import { Logarithmic } from './axis/logarithmic-axis';import { Rect, measureText, TextOption, Size, SvgRenderer, BaseAttibutes, CanvasRenderer } from '@syncfusion/ej2-svg-base';import { ChartData } from './utils/get-data';import { LineType, ZoomMode, ToolbarItems } from './utils/enum';import { SelectionMode, HighlightMode, ChartTheme } from '../common/utils/enum';import { Points, Series, SeriesBase } from './series/chart-series';import { SeriesModel } from './series/chart-series-model';import { Data } from '../common/model/data';import { LineSeries } from './series/line-series';import { AreaSeries } from './series/area-series';import { BarSeries } from './series/bar-series';import { HistogramSeries } from './series/histogram-series';import { StepLineSeries } from './series/step-line-series';import { StepAreaSeries } from './series/step-area-series';import { ColumnSeries } from './series/column-series';import { ParetoSeries } from './series/pareto-series';import { StackingColumnSeries } from './series/stacking-column-series';import { StackingBarSeries } from './series/stacking-bar-series';import { StackingAreaSeries } from './series/stacking-area-series';import { StackingStepAreaSeries } from './series/stacking-step-area-series';import { StackingLineSeries } from './series/stacking-line-series';import { ScatterSeries } from './series/scatter-series';import { SplineSeries } from './series/spline-series';import { SplineAreaSeries } from './series/spline-area-series';import { RangeColumnSeries } from './series/range-column-series';import { PolarSeries } from './series/polar-series';import { RadarSeries } from './series/radar-series';import { HiloSeries } from './series/hilo-series';import { HiloOpenCloseSeries } from './series/hilo-open-close-series';import { WaterfallSeries } from './series/waterfall-series';import { BubbleSeries } from './series/bubble-series';import { RangeAreaSeries } from './series/range-area-series';import { RangeStepAreaSeries } from './series/range-step-area-series';import { SplineRangeAreaSeries } from './series/spline-range-area-series';import { Tooltip } from './user-interaction/tooltip';import { Crosshair } from './user-interaction/crosshair';import { DataEditing } from './user-interaction/data-editing';import { Marker, markerShapes } from './series/marker';import { LegendSettings } from '../common/legend/legend';import { LegendSettingsModel } from '../common/legend/legend-model';import { Legend } from './legend/legend';import { Zoom } from './user-interaction/zooming';import { Selection } from './user-interaction/selection';import { DataLabel } from './series/data-label';import { StripLine } from './axis/strip-line';import { MultiLevelLabel } from './axis/multi-level-labels';import { BoxAndWhiskerSeries } from './series/box-and-whisker-series';import { PolarRadarPanel } from './axis/polar-radar-panel';import { StripLineSettingsModel } from './model/chart-base-model';import { Trendline } from './series/chart-series';import { Trendlines } from './trend-lines/trend-line';import { TechnicalIndicator } from './technical-indicators/technical-indicator';import { SmaIndicator } from './technical-indicators/sma-indicator';import { EmaIndicator } from './technical-indicators/ema-indicator';import { TmaIndicator } from './technical-indicators/tma-indicator';import { AccumulationDistributionIndicator } from './technical-indicators/ad-indicator';import { AtrIndicator } from './technical-indicators/atr-indicator';import { BollingerBands } from './technical-indicators/bollinger-bands';import { MomentumIndicator } from './technical-indicators/momentum-indicator';import { StochasticIndicator } from './technical-indicators/stochastic-indicator';import { MacdIndicator } from './technical-indicators/macd-indicator';import { RsiIndicator } from './technical-indicators/rsi-indicator';import { TechnicalIndicatorModel } from './technical-indicators/technical-indicator-model';import { ILegendRenderEventArgs, IAxisLabelRenderEventArgs, ITextRenderEventArgs, IResizeEventArgs } from '../chart/model/chart-interface';import { IAnnotationRenderEventArgs, IAxisMultiLabelRenderEventArgs, IThemeStyle, IScrollEventArgs } from '../chart/model/chart-interface';import { IPointRenderEventArgs, ISeriesRenderEventArgs, ISelectionCompleteEventArgs } from '../chart/model/chart-interface';import { IDragCompleteEventArgs, ITooltipRenderEventArgs, IExportEventArgs } from '../chart/model/chart-interface';import { IZoomCompleteEventArgs, ILoadedEventArgs, IZoomingEventArgs, IAxisLabelClickEventArgs } from '../chart/model/chart-interface';import { IMultiLevelLabelClickEventArgs, ILegendClickEventArgs, ISharedTooltipRenderEventArgs } from '../chart/model/chart-interface';import { IAnimationCompleteEventArgs, IMouseEventArgs, IPointEventArgs, IBeforeResizeEventArgs } from '../chart/model/chart-interface';import { chartMouseClick, chartDoubleClick, pointClick, pointDoubleClick, axisLabelClick, beforeResize } from '../common/model/constants';import { chartMouseDown, chartMouseMove, chartMouseUp, load, pointMove, chartMouseLeave, resized } from '../common/model/constants';import { IPrintEventArgs, IAxisRangeCalculatedEventArgs, IDataEditingEventArgs } from '../chart/model/chart-interface';import { ChartAnnotationSettingsModel } from './model/chart-base-model';import { ChartAnnotationSettings } from './model/chart-base';import { ChartAnnotation } from './annotation/annotation';import { getElement, getTitle } from '../common/utils/helper';import { Alignment, ExportType, SelectionPattern, TextOverflow, TitlePosition } from '../common/utils/enum';import { MultiColoredLineSeries } from './series/multi-colored-line-series';import { MultiColoredAreaSeries } from './series/multi-colored-area-series';import { ScrollBar } from '../common/scrollbar/scrollbar';import { DataManager } from '@syncfusion/ej2-data';import { StockChart } from '../stock-chart/stock-chart';import { Export } from './print-export/export';import { PrintUtils } from '../common/utils/print';import { IAfterExportEventArgs } from '../common/model/interface';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -205,144 +205,2 @@
 /**
- * Interface for a class titleBorder
- */
-export interface titleBorderModel {
-
-    /**
-     * The color of the border that accepts value in hex and rgba as a valid CSS color string.
-     *
-     * @default 'transparent'
-     */
-
-    color?: string;
-
-    /**
-     * The width of the border in pixels.
-     *
-     * @default 0
-     */
-
-    width?: number;
-
-    /**
-     * corder radius for the border.
-     *
-     * @default 0.8
-     */
-
-    cornerRadius?: number;
-
-}
-
-/**
- * Interface for a class titleSettings
- */
-export interface titleSettingsModel {
-
-    /**
-     * FontStyle for the text.
-     *
-     * @default 'Normal'
-     */
-
-    fontStyle?: string;
-
-    /**
-     * Font size for the text.
-     *
-     * @default '15px'
-     */
-
-    size?: string;
-
-    /**
-     * FontWeight for the text.
-     *
-     * @default '500'
-     */
-
-    fontWeight?: string;
-
-    /**
-     * Color for the text.
-     *
-     * @default ''
-     */
-
-    color?: string;
-
-    /**
-     * text alignment.
-     *
-     * @default 'Center'
-     */
-
-    textAlignment?: Alignment;
-
-    /**
-     * FontFamily for the text.
-     */
-    fontFamily?: string;
-
-    /**
-     * Opacity for the text.
-     *
-     * @default 1
-     */
-
-    opacity?: number;
-
-    /**
-     * Specifies the chart title text overflow.
-     *
-     * @default 'Wrap'
-     */
-
-    textOverflow?: TextOverflow;
-
-    /**
-     * Defines the position for the chart title.
-     * * Top: Displays the title at the top of the chart.
-     * * Left: Displays the title at the left of the chart.
-     * * Bottom: Displays the title at the bottom of the chart.
-     * * Right: Displays the title at the right of the chart.
-     * * Custom: Displays the title based on the given x and y values.
-     *
-     * @default 'Top'
-     */
-
-    position?: TitlePosition; 
-
-    /**
-    * Defines the X coordinate for the chart title.
-    *
-    * @default 0
-    */
-
-    x?: number;
-
-    /**
-    * Defines the Y coordinate for the chart title.
-    *
-    * @default 0
-    */
-
-    y?: number;
-
-    /**
-    * Background of the title border.
-    *
-    * @default 'transparent'
-    */
-
-    background?: string;
-
-    /**
-    * Options to customize the border of the chart title.
-    */
-
-    border?: titleBorderModel;
-
-}
-
-/**
  * Interface for a class Chart
@@ -353,4 +211,4 @@ */
     /**
-     * The width of the chart as a string accepts input as both like '100px' or '100%'.
-     * If specified as '100%, chart renders to the full width of its parent element.
+     * The width of the chart as a string, accepting input as both '100px' or '100%'.
+     * If specified as '100%', the chart renders to the full width of its parent element.
      *
@@ -363,4 +221,4 @@ * @default null
     /**
-     * The height of the chart as a string accepts input both as '100px' or '100%'.
-     * If specified as '100%, chart renders to the full height of its parent element.
+     * The height of the chart as a string, accepting input as both '100px' or '100%'.
+     * If specified as '100%', the chart renders to the full height of its parent element.
      *
@@ -373,3 +231,3 @@ * @default null
     /**
-     * Title of the chart
+     * The title of the chart.
      *
@@ -416,3 +274,3 @@ * @default ''
     /**
-     * SubTitle of the chart.
+     * The subtitle of the chart
      *
@@ -425,3 +283,3 @@ * @default ''
     /**
-     * Options for customizing the Subtitle of the Chart.
+     * Options for customizing the subtitle of the Chart.
      */
@@ -432,3 +290,3 @@
     /**
-     *  Options to customize left, right, top and bottom margins of the chart.
+     * Options to customize the left, right, top, and bottom margins of the chart.
      */
@@ -458,3 +316,3 @@
     /**
-     * Options to configure the horizontal axis.
+     * Configuration options for the horizontal axis.
      */
@@ -465,3 +323,3 @@
     /**
-     * Options to configure the vertical axis.
+     * Configuration options for the vertical axis.
      */
@@ -492,3 +350,3 @@
     /**
-     * The configuration for series in the chart.
+     * Configuration options for the chart's series.
      */
@@ -519,3 +377,3 @@
     /**
-     * Options for customizing the tooltip of the chart.
+     * The chart tooltip configuration options.
      */
@@ -531,3 +389,3 @@
     /**
-     * Options for customizing the legend of the chart.
+     * The chart legend configuration options.
      */
@@ -547,3 +405,3 @@ legendSettings?: LegendSettingsModel;
     /**
-     * Define the color for the data point on highlight.
+     * Defines the color for the highlighted data point.
      *
@@ -556,11 +414,11 @@ * @default ''
     /**
-     * Specifies whether series or data point has to be selected. They are,
-     * * none: Disables the selection.
-     * * series: selects a series.
-     * * point: selects a point.
-     * * cluster: selects a cluster of point
-     * * dragXY: selects points by dragging with respect to both horizontal and vertical axes
-     * * dragX: selects points by dragging with respect to horizontal axis.
-     * * dragY: selects points by dragging with respect to vertical axis.
-     * * lasso: selects points by dragging with respect to free form.
+     * Specifies whether a series or data point should be highlighted. The options are:
+     * * 'none': Disables the highlight.
+     * * 'series': Highlights a series.
+     * * 'point': Highlights a single data point.
+     * * 'cluster': Highlights a cluster of data points.
+     * * 'dragXY': Selects points by dragging with respect to both horizontal and vertical axes.
+     * * 'dragX': Selects points by dragging with respect to horizontal axis.
+     * * 'dragY': Selects points by dragging with respect to vertical axis.
+     * * 'lasso': Selects points by dragging with respect to free form.
      *
@@ -572,7 +430,7 @@ * @default None
     /**
-     * Specifies whether series or data point has to be selected. They are,
-     * * none: Disables the highlight.
-     * * series: highlight a series.
-     * * point: highlight a point.
-     * * cluster: highlight a cluster of point
+     * Specifies whether a series or data point should be highlighted. The options are:
+     * * 'none': Disables the highlight
+     * * 'series': Highlights a series
+     * * 'point': Highlights a single data point.
+     * * 'cluster': Highlights a cluster of data points.
      *
@@ -638,3 +496,3 @@ * @default None
     /**
-     * If set true, enables the multi selection in chart. It requires `selectionMode` to be `Point` | `Series` | or `Cluster`.
+     * If set to true, enables multi-selection in the chart. It requires the `selectionMode` to be `Point`, `Series`, or `Cluster`.
      *
@@ -688,3 +546,3 @@ * @default false
     /**
-     * Specifies whether a grouping separator should be used for a number.
+     * Specifies whether a grouping separator should be used for numbers.
      *
@@ -691,0 +549,0 @@ * @default false

src/chart/chart.d.ts

@@ -6,5 +6,5 @@ import { Component, Internationalization } from '@syncfusion/ej2-base';
 import { ChartLocation } from '../common/utils/helper';
-import { ChartModel, CrosshairSettingsModel, ZoomSettingsModel, RangeColorSettingModel, titleSettingsModel, titleBorderModel } from './chart-model';
+import { ChartModel, CrosshairSettingsModel, ZoomSettingsModel, RangeColorSettingModel } from './chart-model';
 import { MarginModel, BorderModel, ChartAreaModel, TooltipSettingsModel } from '../common/model/base-model';
-import { IndexesModel } from '../common/model/base-model';
+import { IndexesModel, titleSettingsModel } from '../common/model/base-model';
 import { AxisModel, RowModel, ColumnModel } from './axis/axis-model';
@@ -21,3 +21,4 @@ import { Axis } from './axis/axis';
 import { Rect, Size, SvgRenderer, CanvasRenderer } from '@syncfusion/ej2-svg-base';
-import { SelectionMode, HighlightMode, LineType, ZoomMode, ToolbarItems, ChartTheme } from './utils/enum';
+import { LineType, ZoomMode, ToolbarItems } from './utils/enum';
+import { SelectionMode, HighlightMode, ChartTheme } from '../common/utils/enum';
 import { Series, SeriesBase } from './series/chart-series';
@@ -79,3 +80,3 @@ import { SeriesModel } from './series/chart-series-model';
 import { IPointRenderEventArgs, ISeriesRenderEventArgs, ISelectionCompleteEventArgs } from '../chart/model/chart-interface';
-import { IDragCompleteEventArgs, ITooltipRenderEventArgs, IExportEventArgs, IAfterExportEventArgs } from '../chart/model/chart-interface';
+import { IDragCompleteEventArgs, ITooltipRenderEventArgs, IExportEventArgs } from '../chart/model/chart-interface';
 import { IZoomCompleteEventArgs, ILoadedEventArgs, IZoomingEventArgs, IAxisLabelClickEventArgs } from '../chart/model/chart-interface';
@@ -87,3 +88,3 @@ import { IMultiLevelLabelClickEventArgs, ILegendClickEventArgs, ISharedTooltipRenderEventArgs } from '../chart/model/chart-interface';
 import { ChartAnnotation } from './annotation/annotation';
-import { Alignment, ExportType, SelectionPattern, TextOverflow, TitlePosition } from '../common/utils/enum';
+import { ExportType, SelectionPattern } from '../common/utils/enum';
 import { MultiColoredLineSeries } from './series/multi-colored-line-series';
@@ -95,2 +96,3 @@ import { MultiColoredAreaSeries } from './series/multi-colored-area-series';
 import { Export } from './print-export/export';
+import { IAfterExportEventArgs } from '../common/model/interface';
 /**
@@ -263,106 +265,2 @@ * Configures the RangeColorSetting in the chart.
 /**
- * Configures the borders in the chart title.
- */
-export declare class titleBorder extends ChildProperty<titleBorder> {
-    /**
-     * The color of the border that accepts value in hex and rgba as a valid CSS color string.
-     *
-     * @default 'transparent'
-     */
-    color: string;
-    /**
-     * The width of the border in pixels.
-     *
-     * @default 0
-     */
-    width: number;
-    /**
-     * corder radius for the border.
-     *
-     * @default 0.8
-     */
-    cornerRadius: number;
-}
-export declare class titleSettings extends ChildProperty<titleSettings> {
-    /**
-     * FontStyle for the text.
-     *
-     * @default 'Normal'
-     */
-    fontStyle: string;
-    /**
-     * Font size for the text.
-     *
-     * @default '15px'
-     */
-    size: string;
-    /**
-     * FontWeight for the text.
-     *
-     * @default '500'
-     */
-    fontWeight: string;
-    /**
-     * Color for the text.
-     *
-     * @default ''
-     */
-    color: string;
-    /**
-     * text alignment.
-     *
-     * @default 'Center'
-     */
-    textAlignment: Alignment;
-    /**
-     * FontFamily for the text.
-     */
-    fontFamily: string;
-    /**
-     * Opacity for the text.
-     *
-     * @default 1
-     */
-    opacity: number;
-    /**
-     * Specifies the chart title text overflow.
-     *
-     * @default 'Wrap'
-     */
-    textOverflow: TextOverflow;
-    /**
-     * Defines the position for the chart title.
-     * * Top: Displays the title at the top of the chart.
-     * * Left: Displays the title at the left of the chart.
-     * * Bottom: Displays the title at the bottom of the chart.
-     * * Right: Displays the title at the right of the chart.
-     * * Custom: Displays the title based on the given x and y values.
-     *
-     * @default 'Top'
-     */
-    position: TitlePosition;
-    /**
-     * Defines the X coordinate for the chart title.
-     *
-     * @default 0
-     */
-    x: number;
-    /**
-     * Defines the Y coordinate for the chart title.
-     *
-     * @default 0
-     */
-    y: number;
-    /**
-     * Background of the title border.
-     *
-     * @default 'transparent'
-     */
-    background: string;
-    /**
-     * Options to customize the border of the chart title.
-     */
-    border: titleBorderModel;
-}
-/**
  * Represents the Chart control.
@@ -617,4 +515,4 @@ * ```html
     /**
-     * The width of the chart as a string accepts input as both like '100px' or '100%'.
-     * If specified as '100%, chart renders to the full width of its parent element.
+     * The width of the chart as a string, accepting input as both '100px' or '100%'.
+     * If specified as '100%', the chart renders to the full width of its parent element.
      *
@@ -625,4 +523,4 @@ * @default null
     /**
-     * The height of the chart as a string accepts input both as '100px' or '100%'.
-     * If specified as '100%, chart renders to the full height of its parent element.
+     * The height of the chart as a string, accepting input as both '100px' or '100%'.
+     * If specified as '100%', the chart renders to the full height of its parent element.
      *
@@ -633,3 +531,3 @@ * @default null
     /**
-     * Title of the chart
+     * The title of the chart.
      *
@@ -670,3 +568,3 @@ * @default ''
     /**
-     * SubTitle of the chart.
+     * The subtitle of the chart
      *
@@ -677,7 +575,7 @@ * @default ''
     /**
-     * Options for customizing the Subtitle of the Chart.
+     * Options for customizing the subtitle of the Chart.
      */
     subTitleStyle: titleSettingsModel;
     /**
-     *  Options to customize left, right, top and bottom margins of the chart.
+     * Options to customize the left, right, top, and bottom margins of the chart.
      */
@@ -700,7 +598,7 @@ margin: MarginModel;
     /**
-     * Options to configure the horizontal axis.
+     * Configuration options for the horizontal axis.
      */
     primaryXAxis: AxisModel;
     /**
-     * Options to configure the vertical axis.
+     * Configuration options for the vertical axis.
      */
@@ -723,3 +621,3 @@ primaryYAxis: AxisModel;
     /**
-     * The configuration for series in the chart.
+     * Configuration options for the chart's series.
      */
@@ -744,3 +642,3 @@ series: SeriesModel[];
     /**
-     * Options for customizing the tooltip of the chart.
+     * The chart tooltip configuration options.
      */
@@ -753,3 +651,3 @@ tooltip: TooltipSettingsModel;
     /**
-     * Options for customizing the legend of the chart.
+     * The chart legend configuration options.
      */
@@ -766,3 +664,3 @@ legendSettings: LegendSettingsModel;
     /**
-     * Define the color for the data point on highlight.
+     * Defines the color for the highlighted data point.
      *
@@ -773,11 +671,11 @@ * @default ''
     /**
-     * Specifies whether series or data point has to be selected. They are,
-     * * none: Disables the selection.
-     * * series: selects a series.
-     * * point: selects a point.
-     * * cluster: selects a cluster of point
-     * * dragXY: selects points by dragging with respect to both horizontal and vertical axes
-     * * dragX: selects points by dragging with respect to horizontal axis.
-     * * dragY: selects points by dragging with respect to vertical axis.
-     * * lasso: selects points by dragging with respect to free form.
+     * Specifies whether a series or data point should be highlighted. The options are:
+     * * 'none': Disables the highlight.
+     * * 'series': Highlights a series.
+     * * 'point': Highlights a single data point.
+     * * 'cluster': Highlights a cluster of data points.
+     * * 'dragXY': Selects points by dragging with respect to both horizontal and vertical axes.
+     * * 'dragX': Selects points by dragging with respect to horizontal axis.
+     * * 'dragY': Selects points by dragging with respect to vertical axis.
+     * * 'lasso': Selects points by dragging with respect to free form.
      *
@@ -788,7 +686,7 @@ * @default None
     /**
-     * Specifies whether series or data point has to be selected. They are,
-     * * none: Disables the highlight.
-     * * series: highlight a series.
-     * * point: highlight a point.
-     * * cluster: highlight a cluster of point
+     * Specifies whether a series or data point should be highlighted. The options are:
+     * * 'none': Disables the highlight
+     * * 'series': Highlights a series
+     * * 'point': Highlights a single data point.
+     * * 'cluster': Highlights a cluster of data points.
      *
@@ -851,3 +749,3 @@ * @default None
     /**
-     * If set true, enables the multi selection in chart. It requires `selectionMode` to be `Point` | `Series` | or `Cluster`.
+     * If set to true, enables multi-selection in the chart. It requires the `selectionMode` to be `Point`, `Series`, or `Cluster`.
      *
@@ -896,3 +794,3 @@ * @default false
     /**
-     * Specifies whether a grouping separator should be used for a number.
+     * Specifies whether a grouping separator should be used for numbers.
      *
@@ -899,0 +797,0 @@ * @default false

src/chart/model/chart-interface.d.ts

 import { Chart, Alignment } from '..';
 import { AxisModel } from '../axis/axis-model';
-import { Axis, VisibleRangeModel } from '../axis/axis';
+import { Axis } from '../axis/axis';
 import { SeriesModel } from '../series/chart-series-model';
 import { BorderModel, FontModel } from '../../common/model/base-model';
 import { Series, Points } from '../series/chart-series';
-import { LegendShape, ChartShape, ChartTheme } from '../utils/enum';
+import { ChartShape } from '../utils/enum';
 import { AccPoints, AccumulationSeries } from '../../accumulation-chart/model/acc-base';
@@ -15,2 +15,4 @@ import { ScrollbarSettingsRangeModel } from './chart-base-model';
 import { StockChart } from '../../stock-chart/stock-chart';
+import { VisibleRangeModel } from '../../common/model/interface';
+import { ChartTheme, LegendShape } from '../../common/utils/enum';
 export interface IChartEventArgs {
@@ -308,5 +310,2 @@ /** Defines the name of the event. */
 }
-export interface IAfterExportEventArgs extends IChartEventArgs {
-    dataUrl: string;
-}
 export interface IZoomingEventArgs extends IChartEventArgs {
@@ -313,0 +312,0 @@ axisCollection: IAxisData[];

src/chart/series/box-and-whisker-series.js

@@ -162,2 +162,3 @@ var __extends = (this && this.__extends) || (function () {
         var element = series.chart.renderer.drawPath(new PathOption(symbolId + '_BoxPath', argsData.fill, argsData.border.width, argsData.border.color, series.opacity, series.dashArray, direction));
+        element.setAttribute('role', 'img');
         element.setAttribute('aria-label', point.x.toString() + ':' + point.maximum.toString()
@@ -164,0 +165,0 @@ + ':' + point.minimum.toString() + ':' + point.lowerQuartile.toString() + ':' + point.upperQuartile.toString());

src/chart/series/chart-series-model.d.ts

@@ -1,2 +0,2 @@
-import { Property, ChildProperty, Complex, Collection, DateFormatOptions, getValue, animationMode } from '@syncfusion/ej2-base';import { isNullOrUndefined, extend } from '@syncfusion/ej2-base';import { StackValues, RectOption, ControlPoints, PolarArc, appendChildElement, appendClipElement } from '../../common/utils/helper';import { firstToLowerCase, ChartLocation, CircleOption, IHistogramValues, getColorByValue } from '../../common/utils/helper';import { Rect, SvgRenderer, CanvasRenderer } from '@syncfusion/ej2-svg-base';import { ChartSeriesType, ChartShape, LegendShape, LabelPosition, SeriesValueType, EmptyPointMode, SplineType, ShapeType, StepPosition } from '../utils/enum';import { ChartDrawType, DataLabelIntersectAction } from '../utils/enum';import { BorderModel, FontModel, MarginModel, AnimationModel, EmptyPointSettingsModel, OffsetModel } from '../../common/model/base-model';import { ConnectorModel } from '../../common/model/base-model';import { CornerRadiusModel, DragSettingsModel } from '../../common/model/base-model';import { ErrorBarType, ErrorBarDirection, ErrorBarMode, TrendlineTypes } from '../utils/enum';import { Border, Font, Margin, Animation, EmptyPointSettings, CornerRadius, Connector, DragSettings } from '../../common/model/base';import { DataManager, Query, DataUtil } from '@syncfusion/ej2-data';import { Chart } from '../chart';import { Axis, Column, Row } from '../axis/axis';import { Data } from '../../common/model/data';import { Offset } from '../../common/model/base';import { ISeriesRenderEventArgs } from '../../chart/model/chart-interface';import { seriesRender } from '../../common/model/constants';import { Alignment, SeriesCategories } from '../../common/utils/enum';import { BoxPlotMode, Segment } from '../utils/enum';import { sort, getVisiblePoints, setRange } from '../../common/utils/helper';import { Browser } from '@syncfusion/ej2-base';import { StockSeries } from '../../stock-chart/index';
+import { Property, ChildProperty, Complex, Collection, DateFormatOptions, getValue, animationMode } from '@syncfusion/ej2-base';import { isNullOrUndefined, extend } from '@syncfusion/ej2-base';import { StackValues, RectOption, ControlPoints, PolarArc, appendChildElement, appendClipElement } from '../../common/utils/helper';import { firstToLowerCase, ChartLocation, CircleOption, IHistogramValues, getColorByValue } from '../../common/utils/helper';import { Rect, SvgRenderer, CanvasRenderer } from '@syncfusion/ej2-svg-base';import { ChartSeriesType, ChartShape, SeriesValueType, SplineType, StepPosition } from '../utils/enum';import { ChartDrawType, DataLabelIntersectAction } from '../utils/enum';import { BorderModel, FontModel, MarginModel, AnimationModel, EmptyPointSettingsModel, OffsetModel } from '../../common/model/base-model';import { ConnectorModel } from '../../common/model/base-model';import { CornerRadiusModel, DragSettingsModel } from '../../common/model/base-model';import { ErrorBarType, ErrorBarDirection, ErrorBarMode, TrendlineTypes } from '../utils/enum';import { Border, Font, Margin, Animation, EmptyPointSettings, CornerRadius, Connector, DragSettings } from '../../common/model/base';import { DataManager, Query, DataUtil } from '@syncfusion/ej2-data';import { Chart } from '../chart';import { Axis, Column, Row } from '../axis/axis';import { Data } from '../../common/model/data';import { Offset } from '../../common/model/base';import { ISeriesRenderEventArgs } from '../../chart/model/chart-interface';import { seriesRender } from '../../common/model/constants';import { Alignment, EmptyPointMode, LabelPosition, LegendShape, SeriesCategories, ShapeType } from '../../common/utils/enum';import { BoxPlotMode, Segment } from '../utils/enum';import { sort, getVisiblePoints, setRange } from '../../common/utils/helper';import { Browser } from '@syncfusion/ej2-base';import { StockSeries } from '../../stock-chart/index';
 
@@ -687,4 +687,4 @@ /**
     /**
-     * The DataSource field that contains the color value of point
-     * It is applicable for series
+     * The DataSource field that contains the color value of point.
+     * It is applicable for series.
      *
@@ -697,3 +697,3 @@ * @default ''
     /**
-     * Specifies the visibility of series.
+     * Specifies the visibility of the series.
      *
@@ -770,3 +770,3 @@ * @default true
     /**
-     * The fill color for the series that accepts value in hex and rgba as a valid CSS color string.
+     * The fill color for the series, which can accept values in hex or rgba as a valid CSS color string.
      * It also represents the color of the signal lines in technical indicators.
@@ -798,3 +798,3 @@ * For technical indicators, the default value is 'blue' and for series, it has null.
     /**
-     * Specifies the DataSource for the series. It can be an array of JSON objects or an instance of DataManager.
+     * Specifies the data source for the series. It can be an array of JSON objects or an instance of DataManager.
      * ```html
@@ -827,3 +827,3 @@ * <div id='Chart'></div>
     /**
-     * Specifies query to select data from DataSource. This property is applicable only when the DataSource is `ej.DataManager`.
+     * Specifies a query to select data from the DataSource. This property is applicable only when the DataSource is an `ej.DataManager`.
      *
@@ -859,3 +859,3 @@ * @default ''
     /**
-     * The name of the series visible in legend.
+     * The name of the series as displayed in the legend.
      *
@@ -1049,3 +1049,3 @@ * @default ''
     /**
-     * If set true, the Tooltip for series will be visible.
+     * Enable tooltip for the chart series.
      *
@@ -1057,3 +1057,3 @@ * @default true
     /**
-     * user can format now each series tooltip format separately.
+     * Format of the tooltip content.
      *
@@ -1065,3 +1065,3 @@ * @default ''
     /**
-     * The provided value will be considered as a Tooltip name
+     * The data source field that contains the tooltip value.
      *
@@ -1073,3 +1073,3 @@ * @default ''
     /**
-     * The shape of the legend. Each series has its own legend shape. They are,
+     * The shape of the legend. Each series has its own legend shape, which can be one of the following:
      * * Circle
@@ -1172,3 +1172,3 @@ * * Rectangle
     /**
-     * To render the column series points with particular column width. If the series type is histogram the
+     * Render the column series points with a particular column width. If the series type is histogram the
      * default value is 1 otherwise 0.7.
@@ -1175,0 +1175,0 @@ *

src/chart/series/chart-series.d.ts

@@ -7,3 +7,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';
 import { Rect } from '@syncfusion/ej2-svg-base';
-import { ChartSeriesType, ChartShape, LegendShape, LabelPosition, SeriesValueType, SplineType, ShapeType, StepPosition } from '../utils/enum';
+import { ChartSeriesType, ChartShape, SeriesValueType, SplineType, StepPosition } from '../utils/enum';
 import { ChartDrawType, DataLabelIntersectAction } from '../utils/enum';
@@ -18,3 +18,3 @@ import { BorderModel, FontModel, MarginModel, AnimationModel, EmptyPointSettingsModel, OffsetModel } from '../../common/model/base-model';
 import { Data } from '../../common/model/data';
-import { Alignment, SeriesCategories } from '../../common/utils/enum';
+import { Alignment, LabelPosition, LegendShape, SeriesCategories, ShapeType } from '../../common/utils/enum';
 import { BoxPlotMode, Segment } from '../utils/enum';
@@ -662,4 +662,4 @@ /**
     /**
-     * The DataSource field that contains the color value of point
-     * It is applicable for series
+     * The DataSource field that contains the color value of point.
+     * It is applicable for series.
      *
@@ -670,3 +670,3 @@ * @default ''
     /**
-     * Specifies the visibility of series.
+     * Specifies the visibility of the series.
      *
@@ -735,3 +735,3 @@ * @default true
     /**
-     * The fill color for the series that accepts value in hex and rgba as a valid CSS color string.
+     * The fill color for the series, which can accept values in hex or rgba as a valid CSS color string.
      * It also represents the color of the signal lines in technical indicators.
@@ -757,3 +757,3 @@ * For technical indicators, the default value is 'blue' and for series, it has null.
     /**
-     * Specifies the DataSource for the series. It can be an array of JSON objects or an instance of DataManager.
+     * Specifies the data source for the series. It can be an array of JSON objects or an instance of DataManager.
      * ```html
@@ -784,3 +784,3 @@ * <div id='Chart'></div>
     /**
-     * Specifies query to select data from DataSource. This property is applicable only when the DataSource is `ej.DataManager`.
+     * Specifies a query to select data from the DataSource. This property is applicable only when the DataSource is an `ej.DataManager`.
      *
@@ -900,3 +900,3 @@ * @default ''
     /**
-     * The name of the series visible in legend.
+     * The name of the series as displayed in the legend.
      *
@@ -1058,3 +1058,3 @@ * @default ''
     /**
-     * If set true, the Tooltip for series will be visible.
+     * Enable tooltip for the chart series.
      *
@@ -1065,3 +1065,3 @@ * @default true
     /**
-     * user can format now each series tooltip format separately.
+     * Format of the tooltip content.
      *
@@ -1072,3 +1072,3 @@ * @default ''
     /**
-     * The provided value will be considered as a Tooltip name
+     * The data source field that contains the tooltip value.
      *
@@ -1079,3 +1079,3 @@ * @default ''
     /**
-     * The shape of the legend. Each series has its own legend shape. They are,
+     * The shape of the legend. Each series has its own legend shape, which can be one of the following:
      * * Circle
@@ -1164,3 +1164,3 @@ * * Rectangle
     /**
-     * To render the column series points with particular column width. If the series type is histogram the
+     * Render the column series points with a particular column width. If the series type is histogram the
      * default value is 1 otherwise 0.7.
@@ -1167,0 +1167,0 @@ *

src/chart/series/chart-series.js

@@ -1081,3 +1081,3 @@ var __extends = (this && this.__extends) || (function () {
                     var isColumnBarType = (series.type.indexOf('Column') !== -1 || series.type.indexOf('Bar') !== -1);
-                    series.yMin = isLogAxis && isColumnBarType && series.yMin < 1 ? series.yMin : Math.min.apply(0, isStacking100 ? startValues : endValues);
+                    series.yMin = isLogAxis && isColumnBarType && series.yMin < 1 ? series.yMin : parseFloat((Math.min.apply(0, isStacking100 ? startValues : endValues)).toFixed(10));
                     series.yMax = Math.max.apply(0, endValues);
@@ -1084,0 +1084,0 @@ if (series.yMin > Math.min.apply(0, endValues)) {

src/chart/series/data-label.js

@@ -543,5 +543,5 @@ /* eslint-disable jsdoc/require-returns */
                 labelLocation = !this.inverted ?
-                    isMinus ? (labelLocation - rect.height + extraSpace + margin.top) :
+                    isMinus ? (labelLocation + (series.type === 'Waterfall' ? (-extraSpace - margin.top - this.markerHeight) : (-rect.height + extraSpace + margin.top))) :
                         (labelLocation + rect.height - extraSpace - margin.bottom) :
-                    isMinus ? (labelLocation + rect.width - extraSpace - margin.left) :
+                    isMinus ? (labelLocation + (series.type === 'Waterfall' ? (+extraSpace + margin.left + this.markerHeight) : (+rect.width - extraSpace - margin.left))) :
                         (labelLocation - rect.width + extraSpace + margin.right);
@@ -693,8 +693,8 @@ break;
                 if ((isMinus && position === 'Top') || (!isMinus && position === 'Outer')) {
-                    location = !this.inverted ? location - extraSpace - margin.bottom - this.markerHeight :
-                        location + extraSpace + margin.left + this.markerHeight;
+                    location = !this.inverted ? location + (isMinus && series.type === 'Waterfall' ? (-rect.height + extraSpace + margin.bottom) : (-extraSpace - margin.bottom - this.markerHeight)) :
+                        location + (isMinus && series.type === 'Waterfall' ? (+rect.width - extraSpace - margin.left) : (+extraSpace + margin.left + this.markerHeight));
                 }
                 else {
-                    location = !this.inverted ? location + extraSpace + margin.top + this.markerHeight :
-                        location - extraSpace - margin.right - this.markerHeight;
+                    location = !this.inverted ? location + (isMinus && series.type === 'Waterfall' ? (-rect.height - extraSpace - margin.top) : (+extraSpace + margin.top + this.markerHeight)) :
+                        location + (isMinus && series.type === 'Waterfall' ? (+rect.width + extraSpace + margin.top) : (-extraSpace - margin.right - this.markerHeight));
                 }
@@ -701,0 +701,0 @@ break;

src/chart/series/marker-explode.js

@@ -241,3 +241,2 @@ var __extends = (this && this.__extends) || (function () {
             }
-            symbol.setAttribute('role', 'img');
             symbol.setAttribute('clip-path', element.getAttribute('clip-path'));
@@ -244,0 +243,0 @@ symbol.setAttribute('transform', element.getAttribute('transform'));

src/chart/user-interaction/selection.d.ts

 import { ChartLocation } from '../../common/utils/helper';
 import { Rect, SvgRenderer, CanvasRenderer } from '@syncfusion/ej2-svg-base';
-import { SelectionMode, HighlightMode } from '../utils/enum';
+import { SelectionMode, HighlightMode } from '../../common/utils/enum';
 import { Chart } from '../chart';
@@ -5,0 +5,0 @@ import { Series, Points } from '../series/chart-series';

src/chart/user-interaction/tooltip.js

@@ -204,2 +204,3 @@ var __extends = (this && this.__extends) || (function () {
         var padding = 3;
+        var tooltip = this.chart.tooltip;
         var chartTooltipSuccess = function (argsData) {
@@ -214,3 +215,8 @@ if (!argsData.cancel) {
                 _this.text = _this.formattedText;
-                _this.createTooltip(_this.chart, isFirst, _this.getSymbolLocation(point), point.series.clipRect, point.point, _this.findShapes(), _this.findMarkerHeight(_this.currentPoints[0]), new Rect(borderWidth, borderWidth, _this.chart.availableSize.width - padding - borderWidth * 2, _this.chart.availableSize.height - padding - borderWidth * 2), _this.chart.crosshair.enable, null, _this.getTemplateText(point), _this.template ? argsData.template : '');
+                var location_1 = _this.getSymbolLocation(point);
+                location_1 = location_1 ? location_1 : new ChartLocation(null, null);
+                location_1.x = tooltip.location.x !== null ? tooltip.location.x : location_1.x;
+                location_1.y = tooltip.location.y !== null ? tooltip.location.y : location_1.y;
+                location_1 = (location_1.x === null && location_1.y === null) ? null : location_1;
+                _this.createTooltip(_this.chart, isFirst, location_1, point.series.clipRect, point.point, _this.findShapes(), _this.findMarkerHeight(_this.currentPoints[0]), new Rect(borderWidth, borderWidth, _this.chart.availableSize.width - padding - borderWidth * 2, _this.chart.availableSize.height - padding - borderWidth * 2), _this.chart.crosshair.enable, null, _this.getTemplateText(point), _this.template ? argsData.template : '');
             }
@@ -483,4 +489,10 @@ else {
                 _this.headerText = argsData.headerText;
+                var tooltip = _this.chart.tooltip;
                 _this.findMouseValue(point, _this.chart);
-                _this.createTooltip(chart, isFirst, _this.findSharedLocation(), _this.currentPoints.length === 1 ? _this.currentPoints[0].series.clipRect : null, dataCollection.length === 1 ? dataCollection[0].point : null, _this.findShapes(), _this.findMarkerHeight(_this.currentPoints[0]), new Rect(borderWidth, (chart.stockChart ? (toolbarHeight + titleHeight + borderWidth) : borderWidth), _this.chart.availableSize.width - padding - borderWidth * 2, _this.chart.availableSize.height - padding - borderWidth * 2), _this.chart.crosshair.enable, extraPoints, _this.template ? _this.getTemplateText(dataCollection) : null, _this.template ? argsData.template : '');
+                var location_2 = _this.findSharedLocation();
+                location_2 = location_2 ? location_2 : new ChartLocation(null, null);
+                location_2.x = tooltip.location.x !== null ? tooltip.location.x : location_2.x;
+                location_2.y = tooltip.location.y !== null ? tooltip.location.y : location_2.y;
+                location_2 = (location_2.x === null && location_2.y === null) ? null : location_2;
+                _this.createTooltip(chart, isFirst, location_2, _this.currentPoints.length === 1 ? _this.currentPoints[0].series.clipRect : null, dataCollection.length === 1 ? dataCollection[0].point : null, _this.findShapes(), _this.findMarkerHeight(_this.currentPoints[0]), new Rect(borderWidth, (chart.stockChart ? (toolbarHeight + titleHeight + borderWidth) : borderWidth), _this.chart.availableSize.width - padding - borderWidth * 2, _this.chart.availableSize.height - padding - borderWidth * 2), _this.chart.crosshair.enable, extraPoints, _this.template ? _this.getTemplateText(dataCollection) : null, _this.template ? argsData.template : '');
                 point = null;
@@ -487,0 +499,0 @@ }

src/chart/utils/enum.d.ts

 /**
- * Defines Orientation of axis. They are
- * * horizontal
- * * vertical
- *
- * @private
- */
-export declare type Orientation = 
-/**  Horizontal Axis. */
-'Horizontal' | 
-/**  Vertical Axis. */
-'Vertical';
-/**
  * Defines area type of chart. They are
@@ -43,20 +31,2 @@ * * none
 /**
- * Defines the range padding of axis. They are
- * * none - Padding cannot be applied to the axis.
- * * normal - Padding is applied to the axis based on the range calculation.
- * * additional - Interval of the axis is added as padding to the minimum and maximum values of the range.
- * * round - Axis range is rounded to the nearest possible value divided by the interval.
- */
-export declare type ChartRangePadding = 
-/**  Padding Normal is applied for orientation vertical axis and None is applied for orientation horizontal axis */
-'Auto' | 
-/**  Padding wiil not be applied to the axis. */
-'None' | 
-/**  Padding is applied to the axis based on the range calculation. */
-'Normal' | 
-/**  Interval of the axis is added as padding to the minimum and maximum values of the range. */
-'Additional' | 
-/**  Axis range is rounded to the nearest possible value divided by the interval. */
-'Round';
-/**
  * Defines the segment axis. They are,
@@ -233,25 +203,2 @@ * * X - Segment calculation rendered based on horizontal axis
 /**
- * Defines the Edge Label Placement for an axis. They are
- * * none - No action will be perform.
- * * hide - Edge label will be hidden.
- * * shift - Shift the edge labels.
- */
-export declare type EdgeLabelPlacement = 
-/**  Render the edge label in axis. */
-'None' | 
-/**  Hides the edge label in axis. */
-'Hide' | 
-/**  Shift the edge series in axis. */
-'Shift';
-/**
- * Defines the Label Placement for category axis. They are
- * * betweenTicks - Render the label between the ticks.
- * * onTicks - Render the label on the ticks.
- */
-export declare type LabelPlacement = 
-/**  Render the label between the ticks. */
-'BetweenTicks' | 
-/**  Render the label on the ticks. */
-'OnTicks';
-/**
  * Defines the shape of marker. They are
@@ -296,31 +243,2 @@ * * circle - Renders a circle.
 /**
- * Defines the shape of the data in columns and bars. They are
- * * rectangle - Displays the data in a column and bar chart in a rectangle shape.
- * * cylinder - Displays the data in a column and bar chart in a cylinder shape.
- */
-export declare type ShapeType = 
-/** Uses a rectangle shape to show data. */
-'Rectangle' | 
-/** Uses a cylinder shape to show data. */
-'Cylinder';
-/**
- * Specifies the data types that the axis can handle:
- * * Double: This type is used for rendering a numeric axis to accommodate numeric data.
- * * DateTime: This type is utilized for rendering a date-time axis to manage date-time data.
- * * Category: This type is employed for rendering a category axis to manage categorical data.
- * * Logarithmic: This type is applied for rendering a logarithmic axis to handle a wide range of values.
- * * DateTimeCategory: This type is used to render a date time category axis for managing business days.
- */
-export declare type ValueType = 
-/** Define the numeric axis. */
-'Double' | 
-/** Define the DateTime axis. */
-'DateTime' | 
-/** Define the Category axis . */
-'Category' | 
-/** Define the Logarithmic axis . */
-'Logarithmic' | 
-/** Define the datetime category axis */
-'DateTimeCategory';
-/**
  * Defines the type of error bar. They are
@@ -371,26 +289,2 @@ * * fixed -  Renders a fixed type error bar.
 /**
- * Defines the interval type of datetime axis. They are
- * * auto - Define the interval of the axis based on data.
- * * years - Define the interval of the axis in years.
- * * months - Define the interval of the axis in months.
- * * days - Define the interval of the axis in days.
- * * hours - Define the interval of the axis in hours.
- * * minutes - Define the interval of the axis in minutes.
- */
-export declare type IntervalType = 
-/** Define the interval of the axis based on data. */
-'Auto' | 
-/** Define the interval of the axis in years. */
-'Years' | 
-/** Define the interval of the axis in months. */
-'Months' | 
-/** Define the interval of the axis in days. */
-'Days' | 
-/** Define the interval of the axis in hours. */
-'Hours' | 
-/** Define the interval of the axis in minutes. */
-'Minutes' | 
-/** Define the interval of the axis in seconds. */
-'Seconds';
-/**
  * Defines the mode of line in crosshair. They are
@@ -413,67 +307,2 @@ * * none - Hides both vertical and horizontal crosshair line.
 /**
- * Defines the position of the legend. They are
- * * auto - Places the legend based on area type.
- * * top - Displays the legend on the top of chart.
- * * left - Displays the legend on the left of chart.
- * * bottom - Displays the legend on the bottom of chart.
- * * right - Displays the legend on the right of chart.
- * * custom - Displays the legend  based on given x and y value.
- */
-export declare type LegendPosition = 
-/** Places the legend based on area type. */
-'Auto' | 
-/** Places the legend on the top of chart. */
-'Top' | 
-/** Places the legend on the left of chart. */
-'Left' | 
-/** Places the legend on the bottom of chart. */
-'Bottom' | 
-/** Places the legend on the right of chart. */
-'Right' | 
-/** Places the legend based on given x and y. */
-'Custom';
-/**
- * Defines the shape of legend. They are
- * * circle - Renders a circle.
- * * rectangle - Renders a rectangle.
- * * triangle - Renders a triangle.
- * * diamond - Renders a diamond.
- * * cross - Renders a cross.
- * * horizontalLine - Renders a horizontalLine.
- * * verticalLine - Renders a verticalLine.
- * * pentagon - Renders a pentagon.
- * * invertedTriangle - Renders a invertedTriangle.
- * * SeriesType -Render a legend shape based on series type.
- * * image - Renders a image.
- */
-export declare type LegendShape = 
-/** Render a circle. */
-'Circle' | 
-/** Render a Rectangle. */
-'Rectangle' | 
-/** Render a Triangle. */
-'Triangle' | 
-/** Render a Diamond. */
-'Diamond' | 
-/** Render a Cross. */
-'Cross' | 
-/** Render a Cross. */
-'Multiply' | 
-/** Render a actual bar. */
-'ActualRect' | 
-/** Render a target bar. */
-'TargetRect' | 
-/** Render a HorizontalLine. */
-'HorizontalLine' | 
-/** Render a VerticalLine. */
-'VerticalLine' | 
-/** Render a Pentagon. */
-'Pentagon' | 
-/** Render a InvertedTriangle. */
-'InvertedTriangle' | 
-/** Render a legend shape based on series type. */
-'SeriesType' | 
-/** Render a Image. */
-'Image';
-/**
  * Defines the zooming mode, They are.
@@ -511,77 +340,7 @@ * * x,y - Chart will be zoomed with respect to both vertical and horizontal axis.
 /**
- * Defines the SelectionMode, They are.
- * * none - Disable the selection.
- * * series - To select a series.
- * * point - To select a point.
- * * cluster - To select a cluster of point
- * * dragXY - To select points, by dragging with respect to both horizontal and vertical axis
- * * dragX - To select points, by dragging with respect to horizontal axis.
- * * dragY - To select points, by dragging with respect to vertical axis.
- * * lasso - To select points, by dragging with respect to free form.
- */
-export declare type SelectionMode = 
-/** Disable the selection. */
-'None' | 
-/** To select a series. */
-'Series' | 
-/** To select a point. */
-'Point' | 
-/** To select a cluster of point. */
-'Cluster' | 
-/** To select points, by dragging with respect to both horizontal and vertical axis. */
-'DragXY' | 
-/** To select points, by dragging with respect to vertical axis. */
-'DragY' | 
-/** To select points, by dragging with respect to horizontal axis. */
-'DragX' | 
-/** To select points, by dragging with respect to free form. */
-'Lasso';
-/**
- * Defines the LabelPosition, They are.
- * * outer - Position the label outside the point.
- * * top - Position the label on top of the point.
- * * bottom - Position the label on bottom of the point.
- * * middle - Position the label to middle of the point.
- * * auto - Position the label based on series.
- */
-export declare type LabelPosition = 
-/** Position the label outside the point. */
-'Outer' | 
-/** Position the label on top of the point. */
-'Top' | 
-/** Position the label on bottom of the point. */
-'Bottom' | 
-/** Position the label to middle of the point. */
-'Middle' | 
-/** Position the label based on series. */
-'Auto';
-/**
  * Defines the Alignment. They are
  * * none - Shows all the labels.
  * * hide - Hide the label when it intersect.
- * * rotate45 - Rotate the label to 45 degree when it intersect.
- * * rotate90 - Rotate the label to 90 degree when it intersect.
  * *
  */
-export declare type LabelIntersectAction = 
-/** Shows all the labels. */
-'None' | 
-/** Hide the label when it intersect. It is also applicable for polar radar chart */
-'Hide' | 
-/** Trim the label when it intersect. */
-'Trim' | 
-/** Wrap the label when it intersect. */
-'Wrap' | 
-/** Arrange the label in multiple row when it intersect. */
-'MultipleRows' | 
-/** Rotate the label to 45 degree when it intersect. */
-'Rotate45' | 
-/** Rotate the label to 90 degree when it intersect. */
-'Rotate90';
-/**
- * Defines the Alignment. They are
- * * none - Shows all the labels.
- * * hide - Hide the label when it intersect.
- * *
- */
 export declare type DataLabelIntersectAction = 
@@ -606,42 +365,2 @@ /** Shows all the labels. */
 /**
- * Defines Theme of the chart. They are
- * * Material - Render a chart with Material theme.
- * * Fabric - Render a chart with Fabric theme
- */
-export declare type ChartTheme = 
-/**  Render a chart with Material theme. */
-'Material' | 
-/**  Render a chart with Fabric theme. */
-'Fabric' | 
-/**  Render a chart with Bootstrap theme. */
-'Bootstrap' | 
-/**  Render a chart with HighcontrastLight theme. */
-'HighContrastLight' | 
-/**  Render a chart with MaterialDark theme. */
-'MaterialDark' | 
-/**  Render a chart with FabricDark theme. */
-'FabricDark' | 
-/**  Render a chart with HighContrast theme. */
-'HighContrast' | 
-/**  Render a chart with BootstrapDark theme. */
-'BootstrapDark' | 
-/**  Render a chart with Bootstrap4 theme. */
-'Bootstrap4' | 
-/**  Render a chart with Tailwind theme. */
-'Tailwind' | 
-/**  Render a chart with TailwindDark theme. */
-'TailwindDark' | 
-/**  Render a chart with Bootstrap5 theme. */
-'Bootstrap5' | 
-/**  Render a chart with Bootstrap5Dark theme. */
-'Bootstrap5Dark' | 
-/**  Render a chart with Fluent theme. */
-'Fluent' | 
-/**  Render a chart with FluentDark theme. */
-'FluentDark' | 
-/**  Render a accumulation chart with Material 3 theme. */
-'Material3' | 
-/**  Render a accumulation chart with Material 3 dark theme. */
-'Material3Dark';
-/**
  *  Specifies the order of the strip line. `Over` | `Behind`.
@@ -670,18 +389,2 @@ * * Over - Places the strip line over the series elements.
 /**
- * Defines the empty point mode of the chart.
- * * Gap - Used to display empty points as space.
- * * Zero - Used to display empty points as zero.
- * * Drop - Used to ignore the empty point while rendering.
- * * Average - Used to display empty points as previous and next point average.
- */
-export declare type EmptyPointMode = 
-/** Used to display empty points as space  */
-'Gap' | 
-/** Used to display empty points as zero  */
-'Zero' | 
-/** Used to ignore the empty point while rendering  */
-'Drop' | 
-/** Used to display empty points as previous and next point average  */
-'Average';
-/**
  * Defines the tooltip fade out mode of the chart.
@@ -809,15 +512,2 @@ * * Click - Used to remove the tooltip on click.
 /**
- * Defines the skeleton type for the axis.
- * * Date - it formats date only.
- * * DateTime - it formats date and time.
- * * Time - it formats time only.
- */
-export declare type SkeletonType = 
-/** Used to format date */
-'Date' | 
-/** Used to format date and time */
-'DateTime' | 
-/** Used to format time */
-'Time';
-/**
  * Defines border type for multi level labels.
@@ -844,18 +534,2 @@ *  * Rectangle
 'CurlyBrace';
-/**
- * Defines the SelectionMode, They are.
- * * none - Disable the selection.
- * * series - To select a series.
- * * point - To select a point.
- * * cluster - To select a cluster of point.
- */
-export declare type HighlightMode = 
-/** Disable the selection. */
-'None' | 
-/** To select a series. */
-'Series' | 
-/** To select a point. */
-'Point' | 
-/** To select a cluster of point. */
-'Cluster';
 export declare type LegendMode = 
@@ -862,0 +536,0 @@ /** Render legend items based on visible series */

src/chart/utils/get-data.d.ts

 import { Chart } from '../chart';
-import { PointData, AccPointData } from '../../common/utils/helper';
+import { PointData, AccPointData, Point3D } from '../../common/utils/helper';
 import { Series } from '../series/chart-series';
@@ -14,5 +14,5 @@ /**
     /** @private */
-    currentPoints: PointData[] | AccPointData[];
+    currentPoints: PointData[] | AccPointData[] | Point3D[];
     /** @private */
-    previousPoints: PointData[] | AccPointData[];
+    previousPoints: PointData[] | AccPointData[] | Point3D[];
     insideRegion: boolean;
@@ -19,0 +19,0 @@ commonXvalues: number[];

src/common/index.d.ts

@@ -8,2 +8,3 @@ /**
 export * from './period-selector/period-selector';
-export { LegendSettingsModel, LocationModel } from './legend/legend-model';
+export { LegendSettingsModel } from './legend/legend-model';
+export { LocationModel } from './model/base-model';

src/common/legend/legend-model.d.ts

@@ -1,27 +0,4 @@
-import { Property, Complex, ChildProperty} from '@syncfusion/ej2-base';import { measureText, Rect, TextOption, Size, PathOption, CanvasRenderer } from '@syncfusion/ej2-svg-base';import { Chart, ILegendRegions } from '../../chart';import { Font, Border, Margin, ContainerPadding } from '../model/base';import { Theme } from '../model/theme';import { MarginModel, FontModel, BorderModel, ContainerPaddingModel } from '../model/base-model';import { subtractThickness, Thickness, drawSymbol, ChartLocation, titlePositionX, getTitle, textTrim, getTextAnchor } from '../utils/helper';import { RectOption, textElement, stringToNumber } from '../utils/helper';import { removeElement, showTooltip, getElement, appendChildElement } from '../utils/helper';import { LegendPosition, LegendShape, ChartSeriesType, ChartShape, LegendMode } from '../../chart/utils/enum';import { Series } from '../../chart/series/chart-series';import { AccumulationType } from '../../accumulation-chart/model/enum';import { AccumulationChart } from '../../accumulation-chart/accumulation';import { BulletChart } from '../../bullet-chart/bullet-chart';import { Alignment, LegendTitlePosition, TextWrap, LabelOverflow} from '../utils/enum';import { StockChart } from '../../stock-chart';
+import { Property, Complex, ChildProperty} from '@syncfusion/ej2-base';import { measureText, Rect, TextOption, Size, PathOption, CanvasRenderer } from '@syncfusion/ej2-svg-base';import { Chart, ILegendRegions } from '../../chart';import { Font, Border, Margin, ContainerPadding, Location } from '../model/base';import { Theme } from '../model/theme';import { MarginModel, FontModel, BorderModel, ContainerPaddingModel, LocationModel } from '../model/base-model';import { subtractThickness, Thickness, drawSymbol, ChartLocation, titlePositionX, getTitle, textTrim, getTextAnchor } from '../utils/helper';import { RectOption, textElement, stringToNumber } from '../utils/helper';import { removeElement, showTooltip, getElement, appendChildElement } from '../utils/helper';import { ChartSeriesType, ChartShape, LegendMode } from '../../chart/utils/enum';import { Series } from '../../chart/series/chart-series';import { AccumulationType } from '../../accumulation-chart/model/enum';import { AccumulationChart } from '../../accumulation-chart/accumulation';import { BulletChart } from '../../bullet-chart/bullet-chart';import { Alignment, LegendTitlePosition, TextWrap, LabelOverflow, LegendShape, LegendPosition} from '../utils/enum';import { StockChart } from '../../stock-chart';import { Chart3D } from '../../chart3d';
 
 /**
- * Interface for a class Location
- */
-export interface LocationModel {
-
-    /**
-     * X coordinate of the legend in pixels.
-     *
-     * @default 0
-     */
-
-    x?: number;
-
-    /**
-     * Y coordinate of the legend in pixels.
-     *
-     * @default 0
-     */
-
-    y?: number;
-
-}
-
-/**
  * Interface for a class LegendSettings
@@ -32,3 +9,3 @@ */
     /**
-     * If set to true, legend will be visible.
+     * If set to true, the legend will be displayed for the chart.
      *
@@ -79,4 +56,4 @@ * @default true
     /**
-     * Position of the legend in the chart are,
-     * * Auto: Places the legend based on area type.
+     * Position of the legend in the chart. Available options include:
+     * * Auto: Places the legend based on the area type.
      * * Top: Displays the legend at the top of the chart.
@@ -86,3 +63,3 @@ * * Left: Displays the legend at the left of the chart.
      * * Right: Displays the legend at the right of the chart.
-     * * Custom: Displays the legend  based on the given x and y values.
+     * * Custom: Displays the legend based on the given x and y values.
      *
@@ -196,3 +173,3 @@ * @default 'Auto'
     /**
-     * If set to true, series' visibility collapses based on the legend visibility.
+     * If set to true, series visibility collapses based on the legend visibility.
      *
@@ -304,3 +281,3 @@ * @default true
     /**
-     * If `reverse` set to true, then it reverse the legend items order.
+     * If `reverse` is set to true, it reverses the order of legend items.
      *
@@ -307,0 +284,0 @@ * @default false

src/common/legend/legend.d.ts

 import { ChildProperty } from '@syncfusion/ej2-base';
 import { Rect, TextOption, Size } from '@syncfusion/ej2-svg-base';
 import { Chart, ILegendRegions } from '../../chart';
-import { LegendSettingsModel, LocationModel } from './legend-model';
-import { MarginModel, FontModel, BorderModel, ContainerPaddingModel } from '../model/base-model';
+import { LegendSettingsModel } from './legend-model';
+import { MarginModel, FontModel, BorderModel, ContainerPaddingModel, LocationModel } from '../model/base-model';
 import { ChartLocation } from '../utils/helper';
 import { RectOption } from '../utils/helper';
-import { LegendPosition, LegendShape, ChartSeriesType, ChartShape, LegendMode } from '../../chart/utils/enum';
+import { ChartSeriesType, ChartShape, LegendMode } from '../../chart/utils/enum';
 import { Legend } from '../../chart/legend/legend';
@@ -15,23 +15,8 @@ import { AccumulationType } from '../../accumulation-chart/model/enum';
 import { BulletChartLegend } from '../../bullet-chart/legend/legend';
-import { Alignment, LegendTitlePosition, TextWrap, LabelOverflow } from '../utils/enum';
+import { Alignment, LegendTitlePosition, TextWrap, LabelOverflow, LegendShape, LegendPosition } from '../utils/enum';
 import { StockChart } from '../../stock-chart';
 import { StockLegend } from '../../stock-chart/legend/legend';
+import { Chart3D } from '../../chart3d';
+import { Legend3D } from '../../chart3d/legend/legend';
 /**
- * Configures the location for the legend.
- */
-export declare class Location extends ChildProperty<Location> {
-    /**
-     * X coordinate of the legend in pixels.
-     *
-     * @default 0
-     */
-    x: number;
-    /**
-     * Y coordinate of the legend in pixels.
-     *
-     * @default 0
-     */
-    y: number;
-}
-/**
  * Configures the legends in charts.
@@ -41,3 +26,3 @@ */
     /**
-     * If set to true, legend will be visible.
+     * If set to true, the legend will be displayed for the chart.
      *
@@ -80,4 +65,4 @@ * @default true
     /**
-     * Position of the legend in the chart are,
-     * * Auto: Places the legend based on area type.
+     * Position of the legend in the chart. Available options include:
+     * * Auto: Places the legend based on the area type.
      * * Top: Displays the legend at the top of the chart.
@@ -87,3 +72,3 @@ * * Left: Displays the legend at the left of the chart.
      * * Right: Displays the legend at the right of the chart.
-     * * Custom: Displays the legend  based on the given x and y values.
+     * * Custom: Displays the legend based on the given x and y values.
      *
@@ -170,3 +155,3 @@ * @default 'Auto'
     /**
-     * If set to true, series' visibility collapses based on the legend visibility.
+     * If set to true, series visibility collapses based on the legend visibility.
      *
@@ -252,3 +237,3 @@ * @default true
     /**
-     * If `reverse` set to true, then it reverse the legend items order.
+     * If `reverse` is set to true, it reverses the order of legend items.
      *
@@ -265,3 +250,3 @@ * @default false
 export declare class BaseLegend {
-    protected chart: Chart | AccumulationChart | BulletChart | StockChart;
+    protected chart: Chart | AccumulationChart | BulletChart | StockChart | Chart3D;
     protected legend: LegendSettingsModel;
@@ -295,3 +280,3 @@ protected maxItemHeight: number;
     protected arrowHeight: number;
-    protected library: Legend | AccumulationLegend | BulletChartLegend | StockLegend;
+    protected library: Legend | AccumulationLegend | BulletChartLegend | StockLegend | Legend3D;
     /**  @private */
@@ -330,3 +315,3 @@ position: LegendPosition;
      */
-    constructor(chart?: Chart | AccumulationChart | BulletChart | StockChart);
+    constructor(chart?: Chart | AccumulationChart | BulletChart | StockChart | Chart3D);
     /**
@@ -455,3 +440,3 @@ * Calculate the bounds for the legends.
      */
-    renderLegend(chart: Chart | AccumulationChart | BulletChart | StockChart, legend: LegendSettingsModel, legendBounds: Rect, redraw?: boolean): void;
+    renderLegend(chart: Chart | AccumulationChart | BulletChart | StockChart | Chart3D, legend: LegendSettingsModel, legendBounds: Rect, redraw?: boolean): void;
     /** @private */
@@ -537,3 +522,3 @@ private getLinearLegend;
      */
-    protected renderText(chart: Chart | AccumulationChart | BulletChart | StockChart, legendOption: LegendOptions, group: Element, textOptions: TextOption, i: number, legendIndex: number): void;
+    protected renderText(chart: Chart | AccumulationChart | BulletChart | StockChart | Chart3D, legendOption: LegendOptions, group: Element, textOptions: TextOption, i: number, legendIndex: number): void;
     /**
@@ -540,0 +525,0 @@ * To render legend paging elements for chart and accumulation chart

src/common/model/base-model.d.ts

@@ -1,2 +0,2 @@
-import { Property, ChildProperty, Complex, Collection, Browser } from '@syncfusion/ej2-base';import { EmptyPointMode, FadeOutMode, TooltipPosition } from '../../chart/utils/enum';import { AccEmptyPointMode, ConnectorType} from '../../accumulation-chart/model/enum';import { Alignment, TextOverflow } from '../utils/enum';import { RangeIntervalType, PeriodSelectorPosition } from '../utils/enum';import {  Theme } from '../model/theme';
+import { Property, ChildProperty, Complex, Collection, Browser } from '@syncfusion/ej2-base';import { FadeOutMode, TooltipPosition } from '../../chart/utils/enum';import { AccEmptyPointMode, ConnectorType} from '../../accumulation-chart/model/enum';import { Alignment, EmptyPointMode, TextOverflow, TitlePosition} from '../utils/enum';import { RangeIntervalType, PeriodSelectorPosition } from '../utils/enum';import {  Theme } from '../model/theme';
 
@@ -53,2 +53,167 @@ /**
 /**
+ * Interface for a class titleBorder
+ */
+export interface titleBorderModel {
+
+    /**
+     * The color of the border that accepts value in hex and rgba as a valid CSS color string.
+     *
+     * @default 'transparent'
+     */
+
+    color?: string;
+
+    /**
+     * The width of the border in pixels.
+     *
+     * @default 0
+     */
+
+    width?: number;
+
+    /**
+     * corder radius for the border.
+     *
+     * @default 0.8
+     */
+
+    cornerRadius?: number;
+
+}
+
+/**
+ * Interface for a class titleSettings
+ */
+export interface titleSettingsModel {
+
+    /**
+     * FontStyle for the text.
+     *
+     * @default 'Normal'
+     */
+
+    fontStyle?: string;
+
+    /**
+     * Font size for the text.
+     *
+     * @default '15px'
+     */
+
+    size?: string;
+
+    /**
+     * FontWeight for the text.
+     *
+     * @default '500'
+     */
+
+    fontWeight?: string;
+
+    /**
+     * Color for the text.
+     *
+     * @default ''
+     */
+
+    color?: string;
+
+    /**
+     * text alignment.
+     *
+     * @default 'Center'
+     */
+
+    textAlignment?: Alignment;
+
+    /**
+     * FontFamily for the text.
+     */
+    fontFamily?: string;
+
+    /**
+     * Opacity for the text.
+     *
+     * @default 1
+     */
+
+    opacity?: number;
+
+    /**
+     * Specifies the chart title text overflow.
+     *
+     * @default 'Wrap'
+     */
+
+    textOverflow?: TextOverflow;
+
+    /**
+     * Defines the position for the chart title.
+     * * Top: Displays the title at the top of the chart.
+     * * Left: Displays the title at the left of the chart.
+     * * Bottom: Displays the title at the bottom of the chart.
+     * * Right: Displays the title at the right of the chart.
+     * * Custom: Displays the title based on the given x and y values.
+     *
+     * @default 'Top'
+     */
+
+    position?: TitlePosition;
+
+    /**
+     * Defines the X coordinate for the chart title.
+     *
+     * @default 0
+     */
+
+    x?: number;
+
+    /**
+     * Defines the Y coordinate for the chart title.
+     *
+     * @default 0
+     */
+
+    y?: number;
+
+    /**
+     * Background of the title border.
+     *
+     * @default 'transparent'
+     */
+
+    background?: string;
+
+    /**
+     * Options to customize the border of the chart title.
+     */
+
+    border?: titleBorderModel;
+
+}
+
+/**
+ * Interface for a class Location
+ */
+export interface LocationModel {
+
+    /**
+     * X coordinate of the legend or tooltip in pixels.
+     *
+     * @default 0
+     */
+
+    x?: number;
+
+    /**
+     * Y coordinate of the legend or tooltip in pixels.
+     *
+     * @default 0
+     */
+
+    y?: number;
+
+}
+
+/**
  * Interface for a class Font
@@ -494,3 +659,3 @@ */
     /**
-     * Enables / Disables the visibility of the tooltip.
+     * If set to true, enables the tooltip for the data points.
      *
@@ -503,3 +668,3 @@ * @default false.
     /**
-     * Enables / Disables the visibility of the marker.
+     * If set to true, enables the marker in the chart tooltip.
      *
@@ -520,3 +685,3 @@ * @default true.
     /**
-     * The fill color of the tooltip that accepts value in hex and rgba as a valid CSS color string.
+     * The fill color of the tooltip, specified as a valid CSS color string in hex or rgba format.
      *
@@ -529,3 +694,3 @@ * @default null
     /**
-     * Header for tooltip. By default, the shared tooltip displays the point x value and the series name for each individual tooltip.
+     * The header text for the tooltip. By default, it displays the series name.
      *
@@ -538,3 +703,3 @@ * @default null
     /**
-     * The fill color of the tooltip that accepts value in hex and rgba as a valid CSS color string.
+     * The opacity of the tooltip, expressed as a numerical value.
      *
@@ -547,3 +712,3 @@ * @default null
     /**
-     * Options to customize the ToolTip text.
+     * Options for customizing the tooltip text appearance.
      */
@@ -554,3 +719,3 @@
     /**
-     * Format the ToolTip content.
+     * The format for customizing the tooltip content.
      *
@@ -563,3 +728,3 @@ * @default null.
     /**
-     * Custom template to format the ToolTip content. Use ${x} and ${y} as the placeholder text to display the corresponding data point.
+     * A custom template used to format the Tooltip content. You can use ${x} and ${y} as placeholder text to display the corresponding data points.
      *
@@ -573,3 +738,3 @@ * @default null.
     /**
-     * If set to true, ToolTip will animate while moving from one point to another.
+     * If set to true, tooltip will animate while moving from one point to another.
      *
@@ -581,3 +746,3 @@ * @default true.
     /**
-     * Duration for the ToolTip animation.
+     * Duration for the Tooltip animation.
      *
@@ -590,3 +755,3 @@ * @default 300
     /**
-     * Fade Out duration for the ToolTip hide.
+     * Duration of the fade-out animation for hiding the Tooltip.
      *
@@ -624,3 +789,3 @@ * @default 1000
     /**
-     * Options to customize tooltip borders.
+     * Options for customizing the tooltip borders.
      */
@@ -630,2 +795,23 @@
 
+    /**
+     * Specifies the location of the tooltip, relative to the chart. 
+     * If x is 20, tooltip moves by 20 pixels to the right of the chart 
+     * ```html 
+     * <div id='Chart'></div> 
+     * ``` 
+     * ```typescript 
+     * let chart: Chart = new Chart({ 
+     * ... 
+     * tooltipSettings: { 
+     * enable: true, 
+     * location: { x: 100, y: 150 }, 
+     *   }, 
+     * ... 
+     * }); 
+     * chart.appendTo('#Chart'); 
+     * ``` 
+     */
+
+    location?: LocationModel;
+
 }
@@ -632,0 +818,0 @@

src/common/model/base.d.ts

 import { ChildProperty } from '@syncfusion/ej2-base';
-import { BorderModel, FontModel, PeriodsModel } from './base-model';
-import { EmptyPointMode, FadeOutMode, TooltipPosition } from '../../chart/utils/enum';
+import { BorderModel, FontModel, PeriodsModel, LocationModel, titleBorderModel } from './base-model';
+import { FadeOutMode, TooltipPosition } from '../../chart/utils/enum';
 import { AccEmptyPointMode, ConnectorType } from '../../accumulation-chart/model/enum';
-import { Alignment, TextOverflow } from '../utils/enum';
+import { Alignment, EmptyPointMode, TextOverflow, TitlePosition } from '../utils/enum';
 import { RangeIntervalType, PeriodSelectorPosition } from '../utils/enum';
@@ -45,2 +45,126 @@ /**
 /**
+ * Configures the borders in the chart title.
+ */
+export declare class titleBorder extends ChildProperty<titleBorder> {
+    /**
+     * The color of the border that accepts value in hex and rgba as a valid CSS color string.
+     *
+     * @default 'transparent'
+     */
+    color: string;
+    /**
+     * The width of the border in pixels.
+     *
+     * @default 0
+     */
+    width: number;
+    /**
+     * corder radius for the border.
+     *
+     * @default 0.8
+     */
+    cornerRadius: number;
+}
+/**
+ * Configures the title settings in chart and 3D chart.
+ */
+export declare class titleSettings extends ChildProperty<titleSettings> {
+    /**
+     * FontStyle for the text.
+     *
+     * @default 'Normal'
+     */
+    fontStyle: string;
+    /**
+     * Font size for the text.
+     *
+     * @default '15px'
+     */
+    size: string;
+    /**
+     * FontWeight for the text.
+     *
+     * @default '500'
+     */
+    fontWeight: string;
+    /**
+     * Color for the text.
+     *
+     * @default ''
+     */
+    color: string;
+    /**
+     * text alignment.
+     *
+     * @default 'Center'
+     */
+    textAlignment: Alignment;
+    /**
+     * FontFamily for the text.
+     */
+    fontFamily: string;
+    /**
+     * Opacity for the text.
+     *
+     * @default 1
+     */
+    opacity: number;
+    /**
+     * Specifies the chart title text overflow.
+     *
+     * @default 'Wrap'
+     */
+    textOverflow: TextOverflow;
+    /**
+     * Defines the position for the chart title.
+     * * Top: Displays the title at the top of the chart.
+     * * Left: Displays the title at the left of the chart.
+     * * Bottom: Displays the title at the bottom of the chart.
+     * * Right: Displays the title at the right of the chart.
+     * * Custom: Displays the title based on the given x and y values.
+     *
+     * @default 'Top'
+     */
+    position: TitlePosition;
+    /**
+     * Defines the X coordinate for the chart title.
+     *
+     * @default 0
+     */
+    x: number;
+    /**
+     * Defines the Y coordinate for the chart title.
+     *
+     * @default 0
+     */
+    y: number;
+    /**
+     * Background of the title border.
+     *
+     * @default 'transparent'
+     */
+    background: string;
+    /**
+     * Options to customize the border of the chart title.
+     */
+    border: titleBorderModel;
+}
+/**
+ * Configures the location for the legend.
+ */
+export declare class Location extends ChildProperty<Location> {
+    /**
+     * X coordinate of the legend or tooltip in pixels.
+     *
+     * @default 0
+     */
+    x: number;
+    /**
+     * Y coordinate of the legend or tooltip in pixels.
+     *
+     * @default 0
+     */
+    y: number;
+}
+/**
  * Configures the fonts in charts.
@@ -384,3 +508,3 @@ */
     /**
-     * Enables / Disables the visibility of the tooltip.
+     * If set to true, enables the tooltip for the data points.
      *
@@ -391,3 +515,3 @@ * @default false.
     /**
-     * Enables / Disables the visibility of the marker.
+     * If set to true, enables the marker in the chart tooltip.
      *
@@ -404,3 +528,3 @@ * @default true.
     /**
-     * The fill color of the tooltip that accepts value in hex and rgba as a valid CSS color string.
+     * The fill color of the tooltip, specified as a valid CSS color string in hex or rgba format.
      *
@@ -411,3 +535,3 @@ * @default null
     /**
-     * Header for tooltip. By default, the shared tooltip displays the point x value and the series name for each individual tooltip.
+     * The header text for the tooltip. By default, it displays the series name.
      *
@@ -418,3 +542,3 @@ * @default null
     /**
-     * The fill color of the tooltip that accepts value in hex and rgba as a valid CSS color string.
+     * The opacity of the tooltip, expressed as a numerical value.
      *
@@ -425,7 +549,7 @@ * @default null
     /**
-     * Options to customize the ToolTip text.
+     * Options for customizing the tooltip text appearance.
      */
     textStyle: FontModel;
     /**
-     * Format the ToolTip content.
+     * The format for customizing the tooltip content.
      *
@@ -436,3 +560,3 @@ * @default null.
     /**
-     * Custom template to format the ToolTip content. Use ${x} and ${y} as the placeholder text to display the corresponding data point.
+     * A custom template used to format the Tooltip content. You can use ${x} and ${y} as placeholder text to display the corresponding data points.
      *
@@ -444,3 +568,3 @@ * @default null.
     /**
-     * If set to true, ToolTip will animate while moving from one point to another.
+     * If set to true, tooltip will animate while moving from one point to another.
      *
@@ -451,3 +575,3 @@ * @default true.
     /**
-     * Duration for the ToolTip animation.
+     * Duration for the Tooltip animation.
      *
@@ -458,3 +582,3 @@ * @default 300
     /**
-     * Fade Out duration for the ToolTip hide.
+     * Duration of the fade-out animation for hiding the Tooltip.
      *
@@ -484,5 +608,24 @@ * @default 1000
     /**
-     * Options to customize tooltip borders.
+     * Options for customizing the tooltip borders.
      */
     border: BorderModel;
+    /**
+     * Specifies the location of the tooltip, relative to the chart.
+     * If x is 20, tooltip moves by 20 pixels to the right of the chart
+     * ```html
+     * <div id='Chart'></div>
+     * ```
+     * ```typescript
+     * let chart: Chart = new Chart({
+     * ...
+     * tooltipSettings: {
+     * enable: true,
+     * location: { x: 100, y: 150 },
+     *   },
+     * ...
+     * });
+     * chart.appendTo('#Chart');
+     * ```
+     */
+    location: LocationModel;
 }
@@ -489,0 +632,0 @@ export declare class StockTooltipSettings extends ChildProperty<StockTooltipSettings> {

src/common/model/base.js

@@ -48,2 +48,89 @@ var __extends = (this && this.__extends) || (function () {
 /**
+ * Configures the borders in the chart title.
+ */
+var titleBorder = /** @class */ (function (_super) {
+    __extends(titleBorder, _super);
+    function titleBorder() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property('transparent')
+    ], titleBorder.prototype, "color", void 0);
+    __decorate([
+        Property(0)
+    ], titleBorder.prototype, "width", void 0);
+    __decorate([
+        Property(0.8)
+    ], titleBorder.prototype, "cornerRadius", void 0);
+    return titleBorder;
+}(ChildProperty));
+export { titleBorder };
+/**
+ * Configures the title settings in chart and 3D chart.
+ */
+var titleSettings = /** @class */ (function (_super) {
+    __extends(titleSettings, _super);
+    function titleSettings() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property('Normal')
+    ], titleSettings.prototype, "fontStyle", void 0);
+    __decorate([
+        Property('15px')
+    ], titleSettings.prototype, "size", void 0);
+    __decorate([
+        Property('500')
+    ], titleSettings.prototype, "fontWeight", void 0);
+    __decorate([
+        Property('')
+    ], titleSettings.prototype, "color", void 0);
+    __decorate([
+        Property('Center')
+    ], titleSettings.prototype, "textAlignment", void 0);
+    __decorate([
+        Property('Segoe UI')
+    ], titleSettings.prototype, "fontFamily", void 0);
+    __decorate([
+        Property(1)
+    ], titleSettings.prototype, "opacity", void 0);
+    __decorate([
+        Property('Wrap')
+    ], titleSettings.prototype, "textOverflow", void 0);
+    __decorate([
+        Property('Top')
+    ], titleSettings.prototype, "position", void 0);
+    __decorate([
+        Property(0)
+    ], titleSettings.prototype, "x", void 0);
+    __decorate([
+        Property(0)
+    ], titleSettings.prototype, "y", void 0);
+    __decorate([
+        Property('transparent')
+    ], titleSettings.prototype, "background", void 0);
+    __decorate([
+        Complex({}, titleBorder)
+    ], titleSettings.prototype, "border", void 0);
+    return titleSettings;
+}(ChildProperty));
+export { titleSettings };
+/**
+ * Configures the location for the legend.
+ */
+var Location = /** @class */ (function (_super) {
+    __extends(Location, _super);
+    function Location() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property(0)
+    ], Location.prototype, "x", void 0);
+    __decorate([
+        Property(0)
+    ], Location.prototype, "y", void 0);
+    return Location;
+}(ChildProperty));
+export { Location };
+/**
  * Configures the fonts in charts.
@@ -385,2 +472,5 @@ */
     ], TooltipSettings.prototype, "border", void 0);
+    __decorate([
+        Complex({ x: null, y: null }, Location)
+    ], TooltipSettings.prototype, "location", void 0);
     return TooltipSettings;
@@ -387,0 +477,0 @@ }(ChildProperty));

src/common/model/interface.d.ts

@@ -111,1 +111,29 @@ import { Rect } from '@syncfusion/ej2-svg-base';
 }
+/**
+ * Axis visible range
+ *
+ * @public
+ */
+export interface VisibleRangeModel {
+    /** axis minimum value. */
+    min?: number;
+    /** axis maximum value. */
+    max?: number;
+    /** axis interval value. */
+    interval?: number;
+    /** axis delta value. */
+    delta?: number;
+}
+/**
+ * Interface representing the arguments passed to an event that occurs after exporting data.
+ *
+ * @interface
+ */
+export interface IAfterExportEventArgs {
+    /** Defines the name of the event. */
+    name: string;
+    /** Defines the event cancel status. */
+    cancel: boolean;
+    /** The data URL generated after exporting. */
+    dataUrl: string;
+}

src/common/model/theme.d.ts

 import { IFontMapping } from './interface';
 import { AccumulationTheme } from '../../accumulation-chart/model/enum';
-import { ChartTheme } from '../../chart/utils/enum';
+import { ChartTheme } from '../utils/enum';
 import { IThemeStyle, IScrollbarThemeStyle } from '../../index';
@@ -5,0 +5,0 @@ /**

src/common/user-interaction/selection.d.ts

@@ -5,2 +5,3 @@ import { Indexes } from '../../common/model/base';
 import { AccumulationChart } from '../../accumulation-chart';
+import { Chart3D } from '../../chart3d';
 /**
@@ -15,4 +16,4 @@ * Selection Module handles the selection for chart.
     protected unselected: string;
-    protected control: Chart | AccumulationChart;
-    constructor(control: Chart | AccumulationChart);
+    protected control: Chart | AccumulationChart | Chart3D;
+    constructor(control: Chart | AccumulationChart | Chart3D);
     /**
@@ -53,3 +54,3 @@ * To create selection styles for series
      */
-    pattern(chart: Chart | AccumulationChart, color: string, index: number, patternName: SelectionPattern, opacity: number): string;
+    pattern(chart: Chart | AccumulationChart | Chart3D, color: string, index: number, patternName: SelectionPattern, opacity: number): string;
     /**
@@ -90,3 +91,3 @@ * To load the pattern into svg
      */
-    protected checkVisibility(selectedIndexes: Indexes[], chart?: Chart): boolean;
+    protected checkVisibility(selectedIndexes: Indexes[], chart?: Chart | Chart3D): boolean;
     /**
@@ -93,0 +94,0 @@ * To add svg element style class

src/common/user-interaction/selection.js

@@ -63,3 +63,3 @@ /**
                 if (this.control.highlightMode === 'None' && this.control.legendSettings.enableHighlight) {
-                    style.innerText += '.' + this.styleId + '_series_' + series.index + '> *' + ' { stroke-width:' + (parseFloat(series.width.toString()) + 1) + ';} ';
+                    style.innerText += '.' + this.styleId + '_series_' + series.index + '> *' + ' { stroke-width:' + (parseFloat((series.width ? series.width.toString() : '0')) + 1) + ';} ';
                 }
@@ -113,2 +113,3 @@ pattern = (pattern.indexOf('None') > -1) ? '{}' : pattern;
         };
+        ;
         var heightStr = 'height';
@@ -115,0 +116,0 @@ var widthStr = 'width';

src/common/user-interaction/tooltip.d.ts

@@ -12,2 +12,5 @@ import { Chart } from '../../chart';
 import { ChartShape } from '../../chart/utils/enum';
+import { Chart3D } from '../../chart3d';
+import { Chart3DSeries, Chart3DPoint } from '../../chart3d/series/chart-series';
+import { Point3D } from '../../common/utils/helper';
 /**
@@ -35,3 +38,3 @@ * Tooltip Module used to render the tooltip for series.
     valueY: number;
-    control: AccumulationChart | Chart;
+    control: AccumulationChart | Chart | Chart3D;
     text: string[];
@@ -45,3 +48,3 @@ svgTooltip: SVGTooltip;
      */
-    constructor(chart: Chart | AccumulationChart);
+    constructor(chart: Chart | AccumulationChart | Chart3D);
     getElement(id: string): HTMLElement;
@@ -56,7 +59,7 @@ /**
     createElement(): HTMLDivElement;
-    pushData(data: PointData | AccPointData, isFirst: boolean, tooltipDiv: HTMLDivElement, isChart: boolean): boolean;
+    pushData(data: PointData | AccPointData | Point3D, isFirst: boolean, tooltipDiv: HTMLDivElement, isChart: boolean, enable3D?: boolean): boolean;
     removeHighlight(): void;
-    highlightPoint(series: Series | AccumulationSeries, pointIndex: number, highlight: boolean): void;
+    highlightPoint(series: Series | AccumulationSeries | Chart3DSeries, pointIndex: number, highlight: boolean): void;
     highlightPoints(): void;
-    createTooltip(chart: Chart | AccumulationChart, isFirst: boolean, location: ChartLocation, clipLocation: ChartLocation, point: Points | AccPoints, shapes: ChartShape[], offset: number, bounds: Rect, crosshairEnabled?: boolean, extraPoints?: PointData[], templatePoint?: Points | Points[] | AccPoints, customTemplate?: string): void;
+    createTooltip(chart: Chart | AccumulationChart | Chart3D, isFirst: boolean, location: ChartLocation, clipLocation: ChartLocation, point: Points | AccPoints | Chart3DPoint, shapes: ChartShape[], offset: number, bounds: Rect, crosshairEnabled?: boolean, extraPoints?: PointData[], templatePoint?: Points | Points[] | AccPoints | Chart3DPoint | Chart3DPoint[], customTemplate?: string): void;
     private findPalette;
@@ -63,0 +66,0 @@ private findColor;

src/common/user-interaction/tooltip.js

@@ -69,7 +69,10 @@ var __extends = (this && this.__extends) || (function () {
     };
-    BaseTooltip.prototype.pushData = function (data, isFirst, tooltipDiv, isChart) {
+    BaseTooltip.prototype.pushData = function (data, isFirst, tooltipDiv, isChart, enable3D) {
         if (data.series.enableTooltip) {
-            if (isChart) {
+            if (enable3D) {
                 this.currentPoints.push(data);
             }
+            else if (isChart) {
+                this.currentPoints.push(data);
+            }
             else {
@@ -138,3 +141,4 @@ this.currentPoints.push(data);
         var series = this.currentPoints[0].series;
-        var module = chart.tooltipModule || chart.accumulationTooltipModule;
+        var module = chart.tooltipModule || chart.tooltip3DModule ||
+            chart.accumulationTooltipModule;
         if (!module || location === null) { // For the tooltip enable is false.
@@ -153,3 +157,3 @@ removeElement(this.chart.element.id + '_tooltip');
                 location: location,
-                shared: chart.tooltip.shared,
+                shared: this.control.tooltip.shared,
                 crosshair: crosshairEnabled,
@@ -167,6 +171,7 @@ shapes: shapes,
                 inverted: this.chart.requireInvertedAxis && series.isRectSeries,
-                arrowPadding: this.text.length > 1 || this.chart.stockChart ? 0 : 7,
+                arrowPadding: this.text.length > 1 || this.chart.stockChart || (this.chart.tooltip.location.x !== null || this.chart.tooltip.location.y !== null) ? 0 : 7,
                 availableSize: chart.availableSize,
                 duration: this.chart.tooltip.duration,
                 isCanvas: this.chart.enableCanvas,
+                isFixed: (this.chart.tooltip.location.x !== null || this.chart.tooltip.location.y !== null),
                 isTextWrap: chart.tooltip.enableTextWrap && chart.getModuleName() === 'chart',
@@ -206,3 +211,3 @@ blazorTemplate: { name: 'Template', parent: this.chart.tooltip },
                 this.svgTooltip.clipBounds = this.chart.chartAreaType === 'PolarRadar' ? new ChartLocation(0, 0) : clipLocation;
-                this.svgTooltip.arrowPadding = this.text.length > 1 || this.chart.stockChart ? 0 : 7;
+                this.svgTooltip.arrowPadding = this.text.length > 1 || this.chart.stockChart || (this.chart.tooltip.location.x !== null || this.chart.tooltip.location.y !== null) ? 0 : 7;
                 this.svgTooltip.allowHighlight = chart.getModuleName() === 'chart' && !series.marker.allowHighlight;
@@ -209,0 +214,0 @@ this.svgTooltip.dataBind();

src/common/utils/enum.d.ts

@@ -299,1 +299,327 @@ /**
 'Custom';
+/**
+ * Defines the SelectionMode, They are.
+ * * none - Disable the selection.
+ * * series - To select a series.
+ * * point - To select a point.
+ * * cluster - To select a cluster of point.
+ */
+export declare type HighlightMode = 
+/** Disable the selection. */
+'None' | 
+/** To select a series. */
+'Series' | 
+/** To select a point. */
+'Point' | 
+/** To select a cluster of point. */
+'Cluster';
+/**
+ * Defines the SelectionMode, They are.
+ * * none - Disable the selection.
+ * * series - To select a series.
+ * * point - To select a point.
+ * * cluster - To select a cluster of point
+ * * dragXY - To select points, by dragging with respect to both horizontal and vertical axis
+ * * dragX - To select points, by dragging with respect to horizontal axis.
+ * * dragY - To select points, by dragging with respect to vertical axis.
+ * * lasso - To select points, by dragging with respect to free form.
+ */
+export declare type SelectionMode = 
+/** Disable the selection. */
+'None' | 
+/** To select a series. */
+'Series' | 
+/** To select a point. */
+'Point' | 
+/** To select a cluster of point. */
+'Cluster' | 
+/** To select points, by dragging with respect to both horizontal and vertical axis. */
+'DragXY' | 
+/** To select points, by dragging with respect to vertical axis. */
+'DragY' | 
+/** To select points, by dragging with respect to horizontal axis. */
+'DragX' | 
+/** To select points, by dragging with respect to free form. */
+'Lasso';
+/**
+ * Defines the Label Placement for category axis. They are
+ * * betweenTicks - Render the label between the ticks.
+ * * onTicks - Render the label on the ticks.
+ */
+export declare type LabelPlacement = 
+/**  Render the label between the ticks. */
+'BetweenTicks' | 
+/**  Render the label on the ticks. */
+'OnTicks';
+/**
+ * Defines Theme of the chart. They are
+ * * Material - Render a chart with Material theme.
+ * * Fabric - Render a chart with Fabric theme
+ */
+export declare type ChartTheme = 
+/**  Render a chart with Material theme. */
+'Material' | 
+/**  Render a chart with Fabric theme. */
+'Fabric' | 
+/**  Render a chart with Bootstrap theme. */
+'Bootstrap' | 
+/**  Render a chart with HighcontrastLight theme. */
+'HighContrastLight' | 
+/**  Render a chart with MaterialDark theme. */
+'MaterialDark' | 
+/**  Render a chart with FabricDark theme. */
+'FabricDark' | 
+/**  Render a chart with HighContrast theme. */
+'HighContrast' | 
+/**  Render a chart with BootstrapDark theme. */
+'BootstrapDark' | 
+/**  Render a chart with Bootstrap4 theme. */
+'Bootstrap4' | 
+/**  Render a chart with Tailwind theme. */
+'Tailwind' | 
+/**  Render a chart with TailwindDark theme. */
+'TailwindDark' | 
+/**  Render a chart with Bootstrap5 theme. */
+'Bootstrap5' | 
+/**  Render a chart with Bootstrap5Dark theme. */
+'Bootstrap5Dark' | 
+/**  Render a chart with Fluent theme. */
+'Fluent' | 
+/**  Render a chart with FluentDark theme. */
+'FluentDark' | 
+/**  Render a accumulation chart with Material 3 theme. */
+'Material3' | 
+/**  Render a accumulation chart with Material 3 dark theme. */
+'Material3Dark';
+/**
+ * Defines the interval type of datetime axis. They are
+ * * auto - Define the interval of the axis based on data.
+ * * years - Define the interval of the axis in years.
+ * * months - Define the interval of the axis in months.
+ * * days - Define the interval of the axis in days.
+ * * hours - Define the interval of the axis in hours.
+ * * minutes - Define the interval of the axis in minutes.
+ */
+export declare type IntervalType = 
+/** Define the interval of the axis based on data. */
+'Auto' | 
+/** Define the interval of the axis in years. */
+'Years' | 
+/** Define the interval of the axis in months. */
+'Months' | 
+/** Define the interval of the axis in days. */
+'Days' | 
+/** Define the interval of the axis in hours. */
+'Hours' | 
+/** Define the interval of the axis in minutes. */
+'Minutes' | 
+/** Define the interval of the axis in seconds. */
+'Seconds';
+/**
+ * Defines Orientation of axis. They are
+ * * horizontal
+ * * vertical
+ *
+ * @private
+ */
+export declare type Orientation = 
+/**  Horizontal Axis. */
+'Horizontal' | 
+/**  Vertical Axis. */
+'Vertical';
+/**
+ * Defines the range padding of axis. They are
+ * * none - Padding cannot be applied to the axis.
+ * * normal - Padding is applied to the axis based on the range calculation.
+ * * additional - Interval of the axis is added as padding to the minimum and maximum values of the range.
+ * * round - Axis range is rounded to the nearest possible value divided by the interval.
+ */
+export declare type ChartRangePadding = 
+/**  Padding Normal is applied for orientation vertical axis and None is applied for orientation horizontal axis */
+'Auto' | 
+/**  Padding wiil not be applied to the axis. */
+'None' | 
+/**  Padding is applied to the axis based on the range calculation. */
+'Normal' | 
+/**  Interval of the axis is added as padding to the minimum and maximum values of the range. */
+'Additional' | 
+/**  Axis range is rounded to the nearest possible value divided by the interval. */
+'Round';
+/**
+ * Defines the skeleton type for the axis.
+ * * Date - it formats date only.
+ * * DateTime - it formats date and time.
+ * * Time - it formats time only.
+ */
+export declare type SkeletonType = 
+/** Used to format date */
+'Date' | 
+/** Used to format date and time */
+'DateTime' | 
+/** Used to format time */
+'Time';
+/**
+ * Defines the Edge Label Placement for an axis. They are
+ * * none - No action will be perform.
+ * * hide - Edge label will be hidden.
+ * * shift - Shift the edge labels.
+ */
+export declare type EdgeLabelPlacement = 
+/**  Render the edge label in axis. */
+'None' | 
+/**  Hides the edge label in axis. */
+'Hide' | 
+/**  Shift the edge series in axis. */
+'Shift';
+/**
+ * Specifies the data types that the axis can handle:
+ * * Double: This type is used for rendering a numeric axis to accommodate numeric data.
+ * * DateTime: This type is utilized for rendering a date-time axis to manage date-time data.
+ * * Category: This type is employed for rendering a category axis to manage categorical data.
+ * * Logarithmic: This type is applied for rendering a logarithmic axis to handle a wide range of values.
+ * * DateTimeCategory: This type is used to render a date time category axis for managing business days.
+ */
+export declare type ValueType = 
+/** Define the numeric axis. */
+'Double' | 
+/** Define the DateTime axis. */
+'DateTime' | 
+/** Define the Category axis . */
+'Category' | 
+/** Define the Logarithmic axis . */
+'Logarithmic' | 
+/** Define the datetime category axis */
+'DateTimeCategory';
+/**
+ * Defines the Alignment. They are
+ * * none - Shows all the labels.
+ * * hide - Hide the label when it intersect.
+ * * rotate45 - Rotate the label to 45 degree when it intersect.
+ * * rotate90 - Rotate the label to 90 degree when it intersect.
+ * *
+ */
+export declare type LabelIntersectAction = 
+/** Shows all the labels. */
+'None' | 
+/** Hide the label when it intersect. It is also applicable for polar radar chart */
+'Hide' | 
+/** Trim the label when it intersect. */
+'Trim' | 
+/** Wrap the label when it intersect. */
+'Wrap' | 
+/** Arrange the label in multiple row when it intersect. */
+'MultipleRows' | 
+/** Rotate the label to 45 degree when it intersect. */
+'Rotate45' | 
+/** Rotate the label to 90 degree when it intersect. */
+'Rotate90';
+/**
+ * Defines the shape of legend. They are
+ * * circle - Renders a circle.
+ * * rectangle - Renders a rectangle.
+ * * triangle - Renders a triangle.
+ * * diamond - Renders a diamond.
+ * * cross - Renders a cross.
+ * * horizontalLine - Renders a horizontalLine.
+ * * verticalLine - Renders a verticalLine.
+ * * pentagon - Renders a pentagon.
+ * * invertedTriangle - Renders a invertedTriangle.
+ * * SeriesType -Render a legend shape based on series type.
+ * * image - Renders a image.
+ */
+export declare type LegendShape = 
+/** Render a circle. */
+'Circle' | 
+/** Render a Rectangle. */
+'Rectangle' | 
+/** Render a Triangle. */
+'Triangle' | 
+/** Render a Diamond. */
+'Diamond' | 
+/** Render a Cross. */
+'Cross' | 
+/** Render a Cross. */
+'Multiply' | 
+/** Render a actual bar. */
+'ActualRect' | 
+/** Render a target bar. */
+'TargetRect' | 
+/** Render a HorizontalLine. */
+'HorizontalLine' | 
+/** Render a VerticalLine. */
+'VerticalLine' | 
+/** Render a Pentagon. */
+'Pentagon' | 
+/** Render a InvertedTriangle. */
+'InvertedTriangle' | 
+/** Render a legend shape based on series type. */
+'SeriesType' | 
+/** Render a Image. */
+'Image';
+/**
+ * Defines the LabelPosition, They are.
+ * * outer - Position the label outside the point.
+ * * top - Position the label on top of the point.
+ * * bottom - Position the label on bottom of the point.
+ * * middle - Position the label to middle of the point.
+ * * auto - Position the label based on series.
+ */
+export declare type LabelPosition = 
+/** Position the label outside the point. */
+'Outer' | 
+/** Position the label on top of the point. */
+'Top' | 
+/** Position the label on bottom of the point. */
+'Bottom' | 
+/** Position the label to middle of the point. */
+'Middle' | 
+/** Position the label based on series. */
+'Auto';
+/**
+ * Defines the empty point mode of the chart.
+ * * Gap - Used to display empty points as space.
+ * * Zero - Used to display empty points as zero.
+ * * Drop - Used to ignore the empty point while rendering.
+ * * Average - Used to display empty points as previous and next point average.
+ */
+export declare type EmptyPointMode = 
+/** Used to display empty points as space  */
+'Gap' | 
+/** Used to display empty points as zero  */
+'Zero' | 
+/** Used to ignore the empty point while rendering  */
+'Drop' | 
+/** Used to display empty points as previous and next point average  */
+'Average';
+/**
+ * Defines the shape of the data in columns and bars. They are
+ * * rectangle - Displays the data in a column and bar chart in a rectangle shape.
+ * * cylinder - Displays the data in a column and bar chart in a cylinder shape.
+ */
+export declare type ShapeType = 
+/** Uses a rectangle shape to show data. */
+'Rectangle' | 
+/** Uses a cylinder shape to show data. */
+'Cylinder';
+/**
+ * Defines the position of the legend. They are
+ * * auto - Places the legend based on area type.
+ * * top - Displays the legend on the top of chart.
+ * * left - Displays the legend on the left of chart.
+ * * bottom - Displays the legend on the bottom of chart.
+ * * right - Displays the legend on the right of chart.
+ * * custom - Displays the legend  based on given x and y value.
+ */
+export declare type LegendPosition = 
+/** Places the legend based on area type. */
+'Auto' | 
+/** Places the legend on the top of chart. */
+'Top' | 
+/** Places the legend on the left of chart. */
+'Left' | 
+/** Places the legend on the bottom of chart. */
+'Bottom' | 
+/** Places the legend on the right of chart. */
+'Right' | 
+/** Places the legend based on given x and y. */
+'Custom';

src/common/utils/export.d.ts

@@ -9,2 +9,3 @@ import { Chart } from '../../chart/chart';
 import { IPDFArgs } from '../../common/model/interface';
+import { Chart3D } from '../../chart3d';
 export declare class ExportUtils {
@@ -17,3 +18,3 @@ private control;
      */
-    constructor(control: Chart | AccumulationChart | RangeNavigator | StockChart | BulletChart);
+    constructor(control: Chart | AccumulationChart | RangeNavigator | StockChart | BulletChart | Chart3D);
     /**
@@ -25,3 +26,3 @@ * To export the file as image/svg format.
      */
-    export(type: ExportType, fileName: string, orientation?: PdfPageOrientation, controls?: (Chart | AccumulationChart | RangeNavigator | StockChart | BulletChart)[], width?: number, height?: number, isVertical?: boolean, header?: IPDFArgs, footer?: IPDFArgs, exportToMultiplePage?: boolean): void;
+    export(type: ExportType, fileName: string, orientation?: PdfPageOrientation, controls?: (Chart | AccumulationChart | RangeNavigator | StockChart | BulletChart | Chart3D)[], width?: number, height?: number, isVertical?: boolean, header?: IPDFArgs, footer?: IPDFArgs, exportToMultiplePage?: boolean): void;
     /**
@@ -32,3 +33,3 @@ * To get data url for charts.
      */
-    getDataUrl(chart: Chart | AccumulationChart): {
+    getDataUrl(chart: Chart | AccumulationChart | Chart3D): {
         element: HTMLCanvasElement;
@@ -35,0 +36,0 @@ dataUrl?: string;

src/common/utils/helper.d.ts

@@ -5,3 +5,2 @@ import { Effect } from '@syncfusion/ej2-base';
 import { FontModel, BorderModel, MarginModel } from '../model/base-model';
-import { VisibleRangeModel } from '../../chart/axis/axis';
 import { Series, Points } from '../../chart/series/chart-series';
@@ -13,3 +12,3 @@ import { Axis } from '../../chart/axis/axis';
 import { AccumulationSeries, AccPoints } from '../../accumulation-chart/model/acc-base';
-import { IShapes } from '../model/interface';
+import { IShapes, VisibleRangeModel } from '../model/interface';
 import { StockChart } from '../../stock-chart/stock-chart';
@@ -21,2 +20,5 @@ import { Rect, TextOption, Size, PathOption, SvgRenderer, CanvasRenderer } from '@syncfusion/ej2-svg-base';
 import { Alignment } from './enum';
+import { Chart3D } from '../../chart3d';
+import { Chart3DAxis } from '../../chart3d/axis/axis';
+import { Chart3DPoint, Chart3DSeries } from '../../chart3d/series/chart-series';
 /**
@@ -34,5 +36,5 @@ * Function to sort the dataSource, by default it sort the data in ascending order.
 /** @private */
-export declare function getVisiblePoints(series: Series): Points[];
+export declare function getVisiblePoints(series: Series | Chart3DSeries): Points[];
 /** @private */
-export declare function rotateTextSize(font: FontModel, text: string, angle: number, chart: Chart): Size;
+export declare function rotateTextSize(font: FontModel, text: string, angle: number, chart: Chart | Chart3D): Size;
 /** @private */
@@ -131,3 +133,3 @@ export declare function removeElement(id: string | Element): void;
 /** @private */
-export declare function getMinPointsDelta(axis: Axis, seriesCollection: Series[]): number;
+export declare function getMinPointsDelta(axis: Axis | Chart3DAxis, seriesCollection: Series[]): number;
 /** @private */
@@ -180,3 +182,3 @@ export declare function getAnimationFunction(effect: string): Function;
  */
-export declare function triggerLabelRender(chart: Chart | RangeNavigator, tempInterval: number, text: string, labelStyle: FontModel, axis: Axis): void;
+export declare function triggerLabelRender(chart: Chart | RangeNavigator | Chart3D, tempInterval: number, text: string, labelStyle: FontModel, axis: Axis | Chart3DAxis): void;
 /**
@@ -188,3 +190,3 @@ * The function used to find whether the range is set.
  */
-export declare function setRange(axis: Axis): boolean;
+export declare function setRange(axis: Axis | Chart3DAxis): boolean;
 /**
@@ -202,3 +204,3 @@ * To check whether the axis is zoomed or not.
  */
-export declare function getActualDesiredIntervalsCount(availableSize: Size, axis: Axis): number;
+export declare function getActualDesiredIntervalsCount(availableSize: Size, axis: Axis | Chart3DAxis): number;
 /**
@@ -305,3 +307,3 @@ * Animation for template
  */
-export declare function calculateSize(chart: Chart | AccumulationChart | RangeNavigator | StockChart): void;
+export declare function calculateSize(chart: Chart | AccumulationChart | RangeNavigator | StockChart | Chart3D): void;
 /**
@@ -312,3 +314,3 @@ * To create svg element.
  */
-export declare function createSvg(chart: Chart | AccumulationChart | RangeNavigator): void;
+export declare function createSvg(chart: Chart | AccumulationChart | RangeNavigator | Chart3D): void;
 /**
@@ -432,2 +434,9 @@ * To calculate chart title and height.
 /** @private */
+export declare class Point3D {
+    point: Chart3DPoint;
+    series: Chart3DSeries;
+    /** @private */
+    constructor(point: Chart3DPoint, series: Chart3DSeries);
+}
+/** @private */
 export declare class ControlPoints {
@@ -434,0 +443,0 @@ controlPoint1: ChartLocation;

src/common/utils/print.d.ts

@@ -6,2 +6,3 @@ import { Chart } from '../../chart/chart';
 import { BulletChart } from '../../bullet-chart/bullet-chart';
+import { Chart3D } from '../../chart3d/chart3D';
 export declare class PrintUtils {
@@ -15,3 +16,3 @@ private control;
      */
-    constructor(control: Chart | AccumulationChart | RangeNavigator | StockChart | BulletChart);
+    constructor(control: Chart | AccumulationChart | RangeNavigator | StockChart | BulletChart | Chart3D);
     /**
@@ -18,0 +19,0 @@ * To print the accumulation and chart elements.

src/components.d.ts

@@ -11,1 +11,2 @@ /**
 export * from './bullet-chart/bullet-chart';
+export * from './chart3d/chart3D';

src/components.js

@@ -11,1 +11,2 @@ /**
 export * from './bullet-chart/bullet-chart';
+export * from './chart3d/chart3D';

src/global.js

@@ -9,2 +9,3 @@ import * as index from './index';
 index.BulletChart.Inject(index.BulletTooltip, index.BulletChartLegend);
+index.Chart3D.Inject(index.ColumnSeries3D, index.StackingColumnSeries3D, index.BarSeries3D, index.StackingBarSeries3D, index.Category3D, index.DateTime3D, index.DateTimeCategory3D, index.Logarithmic3D, index.Tooltip3D, index.Legend3D, index.DataLabel3D, index.Selection3D, index.Export3D, index.Highlight3D);
 export * from './index';

src/index.d.ts

@@ -12,1 +12,2 @@ /**
 export * from './sparkline/index';
+export * from './chart3d/index';

src/index.js

@@ -12,1 +12,2 @@ /**
 export * from './sparkline/index';
+export * from './chart3d/index';

src/range-navigator/model/range-navigator-interface.d.ts

@@ -7,3 +7,3 @@ /**
 import { FontModel } from '../../common/model/base-model';
-import { ChartTheme } from '../../chart/utils/enum';
+import { ChartTheme } from '../../common/utils/enum';
 import { Rect, Size } from '@syncfusion/ej2-svg-base';
@@ -10,0 +10,0 @@ /**

src/range-navigator/range-navigator-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, Property, NotifyPropertyChanges, Complex, Collection, Browser } from '@syncfusion/ej2-base';import { EventHandler, remove, ModuleDeclaration, Internationalization } from '@syncfusion/ej2-base';import { Event, EmitType } from '@syncfusion/ej2-base';import { createSvg, removeElement } from '../common/utils/helper';import { Rect, measureText, Size, SvgRenderer } from '@syncfusion/ej2-svg-base';import { RangeTooltip } from '../range-navigator/user-interaction/tooltip';import { Border, Margin, PeriodSelectorSettings } from '../common/model/base';import { BorderModel, MarginModel, PeriodSelectorSettingsModel } from '../common/model/base-model';import { RangeSeries } from './renderer/chart-render';import { RangeNavigatorAxis } from './renderer/range-axis';import { RangeNavigatorSeries, StyleSettings, RangeTooltipSettings } from './model/range-base';import { RangeNavigatorSeriesModel, StyleSettingsModel } from './model/range-base-model';import { ThumbSettingsModel, RangeTooltipSettingsModel } from './model/range-base-model';import { RangeSlider } from './renderer/slider';import { RectOption, getElement} from '../common/utils/helper';import { LineSeries } from '../chart/series/line-series';import { AreaSeries } from '../chart/series/area-series';import { StepLineSeries } from '../chart/series/step-line-series';import { Chart } from '../chart/chart';import { IResizeRangeNavigatorEventArgs } from '../range-navigator/model/range-navigator-interface';import { DateTime } from '../chart/axis/date-time-axis';import { Logarithmic } from '../chart/axis/logarithmic-axis';import { ILabelRenderEventsArgs, IRangeTooltipRenderEventArgs } from './model/range-navigator-interface';import { IRangeLoadedEventArgs, IRangeStyle, IChangedEventArgs, IRangeBeforeResizeEventArgs } from './model/range-navigator-interface';import { beforeResize } from '../common/model/constants';import { getRangeThemeColor } from './utils/theme';import { RangeValueType, LabelAlignment, RangeLabelIntersectAction, NavigatorPlacement } from './utils/enum';import { Font } from '../common/model/base';import { FontModel } from '../common/model/base-model';import { MajorGridLines, MajorTickLines, VisibleRangeModel } from '../chart/axis/axis';import { MajorGridLinesModel, MajorTickLinesModel } from '../chart/axis/axis-model';import { SkeletonType, AxisPosition, ChartTheme } from '../chart/utils/enum';import { DataManager, Query } from '@syncfusion/ej2-data';import { Double } from '../chart/axis/double-axis';import { Data } from '../common/model/data';import { ExportUtils } from '../common/utils/export';import { RangeIntervalType, ExportType } from '../common/utils/enum';import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';import { PeriodSelector } from '../common/period-selector/period-selector';import { AccumulationChart } from '../accumulation-chart/accumulation';import { IRangeSelectorRenderEventArgs, IPrintEventArgs } from '../chart/model/chart-interface';import { StockChart } from '../stock-chart/stock-chart';import { DateTimeCategory } from '../chart/axis/date-time-category-axis';import { PrintUtils } from '../common/utils/print'
+import { Component, Property, NotifyPropertyChanges, Complex, Collection, Browser } from '@syncfusion/ej2-base';import { EventHandler, remove, ModuleDeclaration, Internationalization } from '@syncfusion/ej2-base';import { Event, EmitType } from '@syncfusion/ej2-base';import { createSvg, removeElement } from '../common/utils/helper';import { Rect, measureText, Size, SvgRenderer } from '@syncfusion/ej2-svg-base';import { RangeTooltip } from '../range-navigator/user-interaction/tooltip';import { Border, Margin, PeriodSelectorSettings } from '../common/model/base';import { BorderModel, MarginModel, PeriodSelectorSettingsModel } from '../common/model/base-model';import { RangeSeries } from './renderer/chart-render';import { RangeNavigatorAxis } from './renderer/range-axis';import { RangeNavigatorSeries, StyleSettings, RangeTooltipSettings } from './model/range-base';import { RangeNavigatorSeriesModel, StyleSettingsModel } from './model/range-base-model';import { ThumbSettingsModel, RangeTooltipSettingsModel } from './model/range-base-model';import { RangeSlider } from './renderer/slider';import { RectOption, getElement} from '../common/utils/helper';import { LineSeries } from '../chart/series/line-series';import { AreaSeries } from '../chart/series/area-series';import { StepLineSeries } from '../chart/series/step-line-series';import { Chart } from '../chart/chart';import { IResizeRangeNavigatorEventArgs } from '../range-navigator/model/range-navigator-interface';import { DateTime } from '../chart/axis/date-time-axis';import { Logarithmic } from '../chart/axis/logarithmic-axis';import { ILabelRenderEventsArgs, IRangeTooltipRenderEventArgs } from './model/range-navigator-interface';import { IRangeLoadedEventArgs, IRangeStyle, IChangedEventArgs, IRangeBeforeResizeEventArgs } from './model/range-navigator-interface';import { beforeResize } from '../common/model/constants';import { getRangeThemeColor } from './utils/theme';import { RangeValueType, LabelAlignment, RangeLabelIntersectAction, NavigatorPlacement } from './utils/enum';import { Font } from '../common/model/base';import { FontModel } from '../common/model/base-model';import { MajorGridLines, MajorTickLines, } from '../chart/axis/axis';import { MajorGridLinesModel, MajorTickLinesModel } from '../chart/axis/axis-model';import { AxisPosition } from '../chart/utils/enum';import { DataManager, Query } from '@syncfusion/ej2-data';import { Double } from '../chart/axis/double-axis';import { Data } from '../common/model/data';import { ExportUtils } from '../common/utils/export';import { RangeIntervalType, ExportType, SkeletonType, ChartTheme } from '../common/utils/enum';import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';import { PeriodSelector } from '../common/period-selector/period-selector';import { AccumulationChart } from '../accumulation-chart/accumulation';import { IRangeSelectorRenderEventArgs, IPrintEventArgs } from '../chart/model/chart-interface';import { StockChart } from '../stock-chart/stock-chart';import { DateTimeCategory } from '../chart/axis/date-time-category-axis';import { PrintUtils } from '../common/utils/print';import { VisibleRangeModel } from '../common/model/interface';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -3,0 +3,0 @@

src/range-navigator/range-navigator.d.ts

@@ -25,7 +25,7 @@ import { Component } from '@syncfusion/ej2-base';
 import { MajorGridLinesModel, MajorTickLinesModel } from '../chart/axis/axis-model';
-import { SkeletonType, AxisPosition, ChartTheme } from '../chart/utils/enum';
+import { AxisPosition } from '../chart/utils/enum';
 import { DataManager, Query } from '@syncfusion/ej2-data';
 import { Double } from '../chart/axis/double-axis';
 import { Data } from '../common/model/data';
-import { RangeIntervalType, ExportType } from '../common/utils/enum';
+import { RangeIntervalType, ExportType, SkeletonType, ChartTheme } from '../common/utils/enum';
 import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';
@@ -32,0 +32,0 @@ import { PeriodSelector } from '../common/period-selector/period-selector';

src/range-navigator/range-navigator.js

@@ -39,3 +39,3 @@ var __extends = (this && this.__extends) || (function () {
 import { Font } from '../common/model/base';
-import { MajorGridLines, MajorTickLines } from '../chart/axis/axis';
+import { MajorGridLines, MajorTickLines, } from '../chart/axis/axis';
 import { Double } from '../chart/axis/double-axis';
@@ -142,2 +142,5 @@ import { ExportUtils } from '../common/utils/export';
         });
+        this.element.setAttribute('tabindex', '0');
+        this.element.setAttribute('role', 'region');
+        this.element.setAttribute('aria-label', 'Range navigator' + ' Syncfusion interactive chart.');
     };
@@ -144,0 +147,0 @@ /**

src/range-navigator/renderer/slider.d.ts

 import { RangeNavigator } from '../index';
 import { DataPoint } from '../utils/helper';
-import { VisibleRangeModel } from '../../chart/axis/axis';
 import { Rect, SvgRenderer } from '@syncfusion/ej2-svg-base';
+import { VisibleRangeModel } from '../../common/model/interface';
 /**
@@ -6,0 +6,0 @@ * Class for slider

src/range-navigator/utils/helper.d.ts

@@ -1,2 +0,2 @@
-import { VisibleRangeModel } from '../../chart/axis/axis';
+import { VisibleRangeModel } from '../../common/model/interface';
 /**
@@ -3,0 +3,0 @@ * Methods for calculating coefficient.

src/smithchart/series/seriesrender.js

@@ -102,3 +102,3 @@ import { Marker } from './marker';
                 if (element) {
-                    element.setAttribute('aria-label', ('Smithchart with ' + series[j].points.length + 'Points'));
+                    element.setAttribute('aria-label', ('Smithchart with ' + series[j].points.length + ' points'));
                     element.appendChild(gdlcEle);
@@ -190,3 +190,3 @@ }
                 var element = document.getElementById(smithchart.element.id + '_svg' + '_seriesCollection' + i);
-                element.setAttribute('aria-label', ('Smithchart with ' + series[i].points.length + 'Points'));
+                element.setAttribute('aria-label', ('Smithchart with ' + series[i].points.length + ' points'));
                 this.performAnimation(smithchart, element, i);
@@ -193,0 +193,0 @@ }

src/smithchart/series/tooltip.js

@@ -101,2 +101,6 @@ import { ClosestPoint, SmithchartRect } from '../../smithchart/utils/utils';
             _this.tooltipElement.appendTo(div);
+            var element = document.getElementById(smithchart.element.id + '_smithchart_tooltip_div_Trackball_0');
+            if (element) {
+                element.setAttribute('role', 'img');
+            }
         };
@@ -103,0 +107,0 @@ smithChartTooltipSuccess.bind(this, smithchart);

src/sparkline/rendering/sparkline-renderer.js

@@ -184,2 +184,3 @@ import { extend, isNullOrUndefined } from '@syncfusion/ej2-base';
         pathOption.d = d;
+        pathOption['aria-label'] = 'Line series with' + points.length + 'data points';
         drawPath(this.sparkline, pathOption, g);
@@ -311,2 +312,3 @@ this.sparkline.svgObject.appendChild(g);
         pathOption.d = d;
+        pathOption['aria-label'] = 'Area series with' + points.length + 'data points';
         drawPath(this.sparkline, pathOption, group);
@@ -313,0 +315,0 @@ pathOption = new PathOption(spark.element.id + '_sparkline_area_str', 'transparent', args.border.width, args.border.color, spark.opacity, '', str);

src/stock-chart/legend/legend-model.d.ts

@@ -1,2 +0,2 @@
-import { ChartLocation, getUnicodeText, textTrim, withInBounds } from '../../common/utils/helper';import { ILegendRegions } from '../../common/model/interface';import { ChartDrawType, ChartSeriesType, LegendMode, LegendPosition } from '../../chart/utils/enum';import { Alignment, LegendTitlePosition } from '../../common/utils/enum';import { Size, measureText, Rect } from '@syncfusion/ej2-svg-base';import { Series } from '../../chart/series/chart-series';import { legendClick, legendRender, regSub, regSup } from '../../common/model/constants';import { IStockLegendClickEventArgs, IStockLegendRenderEventArgs, StockChartBorder, StockChartFont, StockMargin } from '../model/base';import { Browser } from '@syncfusion/ej2-base';import { StockChart, Chart } from '../../stock-chart/index';import { Axis } from '../../chart/axis/axis';import { Property, Complex, ChildProperty} from '@syncfusion/ej2-base';import { Theme } from '../../common/model/theme';import { ContainerPadding } from '../../common/model/base';import { ContainerPaddingModel } from '../../common/model/base-model';import { StockChartFontModel, StockChartBorderModel, StockMarginModel } from '../model/base-model';import { LocationModel } from '../../common';
+import { ChartLocation, getUnicodeText, textTrim, withInBounds } from '../../common/utils/helper';import { ILegendRegions } from '../../common/model/interface';import { ChartDrawType, ChartSeriesType, LegendMode } from '../../chart/utils/enum';import { Alignment, LegendPosition, LegendTitlePosition } from '../../common/utils/enum';import { Size, measureText, Rect } from '@syncfusion/ej2-svg-base';import { Series } from '../../chart/series/chart-series';import { legendClick, legendRender, regSub, regSup } from '../../common/model/constants';import { IStockLegendClickEventArgs, IStockLegendRenderEventArgs, StockChartBorder, StockChartFont, StockMargin } from '../model/base';import { Browser } from '@syncfusion/ej2-base';import { StockChart, Chart } from '../../stock-chart/index';import { Axis } from '../../chart/axis/axis';import { Property, Complex, ChildProperty} from '@syncfusion/ej2-base';import { Theme } from '../../common/model/theme';import { ContainerPadding, Location } from '../../common/model/base';import { ContainerPaddingModel } from '../../common/model/base-model';import { StockChartFontModel, StockChartBorderModel, StockMarginModel } from '../model/base-model';import { LocationModel } from '../../common';
 
@@ -3,0 +3,0 @@ /**

src/stock-chart/legend/legend.d.ts

 import { ChartLocation } from '../../common/utils/helper';
 import { BaseLegend, LegendOptions } from '../../common/legend/legend';
-import { LegendMode, LegendPosition } from '../../chart/utils/enum';
-import { Alignment, LegendTitlePosition } from '../../common/utils/enum';
+import { LegendMode } from '../../chart/utils/enum';
+import { Alignment, LegendPosition, LegendTitlePosition } from '../../common/utils/enum';
 import { Size, Rect } from '@syncfusion/ej2-svg-base';
@@ -6,0 +6,0 @@ import { Series } from '../../chart/series/chart-series';

src/stock-chart/legend/legend.js

@@ -26,3 +26,3 @@ var __extends = (this && this.__extends) || (function () {
 import { getUnicodeText, textTrim, withInBounds } from '../../common/utils/helper';
-import { BaseLegend, LegendOptions, Location } from '../../common/legend/legend';
+import { BaseLegend, LegendOptions } from '../../common/legend/legend';
 import { measureText } from '@syncfusion/ej2-svg-base';
@@ -33,3 +33,3 @@ import { legendClick, legendRender, regSub, regSup } from '../../common/model/constants';
 import { Property, Complex, ChildProperty } from '@syncfusion/ej2-base';
-import { ContainerPadding } from '../../common/model/base';
+import { ContainerPadding, Location } from '../../common/model/base';
 /**
@@ -36,0 +36,0 @@ * Configures the legends in charts.

src/stock-chart/model/base-model.d.ts

@@ -1,2 +0,2 @@
-import { ChildProperty, Property, Complex, Collection, Browser } from '@syncfusion/ej2-base';import { DataManager, Query} from '@syncfusion/ej2-data';import { MarkerSettings, Series, Trendline } from '../../chart/series/chart-series';import { MarkerSettingsModel, TrendlineModel } from '../../chart/series/chart-series-model';import { StockChart } from '../stock-chart';import { ChartSeriesType, EmptyPointMode, TechnicalIndicators, MacdType, FinancialDataFields, ChartTheme, ChartShape } from '../../chart/utils/enum';import { Anchor, ZIndex, SizeType, LabelIntersectAction, LabelPlacement, AxisPosition, IntervalType } from '../../chart/utils/enum';import { SkeletonType, ChartRangePadding, EdgeLabelPlacement, ValueType, LegendShape, TrendlineTypes } from '../../chart/utils/enum';import { MajorGridLinesModel, MajorTickLinesModel, CrosshairTooltipModel, AxisLineModel } from '../../chart/axis/axis-model';import { MinorGridLinesModel, MinorTickLinesModel } from '../../chart/axis/axis-model';import { MajorGridLines, MajorTickLines, MinorTickLines, MinorGridLines, CrosshairTooltip, AxisLine } from '../../chart/axis/axis';import { ConnectorType } from '../../accumulation-chart/model/enum';import { TextOverflow, Alignment, Regions, Units, Position, FlagType } from '../../common/utils/enum';import { Theme } from '../../common/model/theme';import { AnimationModel, CornerRadiusModel, EmptyPointSettingsModel, ConnectorModel, IChartEventArgs, Font, FontModel, Border, BorderModel } from '../../chart/index';
+import { ChildProperty, Property, Complex, Collection, Browser } from '@syncfusion/ej2-base';import { DataManager, Query} from '@syncfusion/ej2-data';import { MarkerSettings, Series, Trendline } from '../../chart/series/chart-series';import { MarkerSettingsModel, TrendlineModel } from '../../chart/series/chart-series-model';import { StockChart } from '../stock-chart';import { ChartSeriesType,  TechnicalIndicators, MacdType, FinancialDataFields,  ChartShape } from '../../chart/utils/enum';import { Anchor, ZIndex, SizeType, AxisPosition } from '../../chart/utils/enum';import { TrendlineTypes } from '../../chart/utils/enum';import { MajorGridLinesModel, MajorTickLinesModel, CrosshairTooltipModel, AxisLineModel } from '../../chart/axis/axis-model';import { MinorGridLinesModel, MinorTickLinesModel } from '../../chart/axis/axis-model';import { MajorGridLines, MajorTickLines, MinorTickLines, MinorGridLines, CrosshairTooltip, AxisLine } from '../../chart/axis/axis';import { ConnectorType } from '../../accumulation-chart/model/enum';import { TextOverflow, Alignment, Regions, Units, Position, FlagType, LabelPlacement, EmptyPointMode, LegendShape, ChartTheme, ValueType, EdgeLabelPlacement, ChartRangePadding, IntervalType, SkeletonType, LabelIntersectAction } from '../../common/utils/enum';import { Theme } from '../../common/model/theme';import { AnimationModel, CornerRadiusModel, EmptyPointSettingsModel, ConnectorModel, IChartEventArgs, Font, FontModel, Border, BorderModel } from '../../chart/index';
 
@@ -3,0 +3,0 @@ /**

src/stock-chart/model/base.d.ts

@@ -6,9 +6,9 @@ import { ChildProperty } from '@syncfusion/ej2-base';
 import { StockChart } from '../stock-chart';
-import { ChartSeriesType, EmptyPointMode, TechnicalIndicators, MacdType, FinancialDataFields, ChartTheme, ChartShape } from '../../chart/utils/enum';
-import { Anchor, ZIndex, SizeType, LabelIntersectAction, LabelPlacement, AxisPosition, IntervalType } from '../../chart/utils/enum';
-import { SkeletonType, ChartRangePadding, EdgeLabelPlacement, ValueType, LegendShape, TrendlineTypes } from '../../chart/utils/enum';
+import { ChartSeriesType, TechnicalIndicators, MacdType, FinancialDataFields, ChartShape } from '../../chart/utils/enum';
+import { Anchor, ZIndex, SizeType, AxisPosition } from '../../chart/utils/enum';
+import { TrendlineTypes } from '../../chart/utils/enum';
 import { MajorGridLinesModel, MajorTickLinesModel, CrosshairTooltipModel, AxisLineModel } from '../../chart/axis/axis-model';
 import { MinorGridLinesModel, MinorTickLinesModel } from '../../chart/axis/axis-model';
 import { ConnectorType } from '../../accumulation-chart/model/enum';
-import { TextOverflow, Alignment, Regions, Units, Position, FlagType } from '../../common/utils/enum';
+import { TextOverflow, Alignment, Regions, Units, Position, FlagType, LabelPlacement, EmptyPointMode, LegendShape, ChartTheme, ValueType, EdgeLabelPlacement, ChartRangePadding, IntervalType, SkeletonType, LabelIntersectAction } from '../../common/utils/enum';
 import { AnimationModel, CornerRadiusModel, EmptyPointSettingsModel, ConnectorModel, IChartEventArgs, FontModel, BorderModel } from '../../chart/index';
@@ -15,0 +15,0 @@ import { StockChartBorderModel, StockChartConnectorModel, StockChartStripLineSettingsModel, StockSeriesModel } from './base-model';

src/stock-chart/stock-chart-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, INotifyPropertyChanged, Property, Complex, Collection, Internationalization, NotifyPropertyChanges, ModuleDeclaration } from '@syncfusion/ej2-base';import { Browser, EmitType, remove, Event, EventHandler } from '@syncfusion/ej2-base';import { DataManager } from '@syncfusion/ej2-data';import { Chart, ZoomSettings, CrosshairSettings } from '../chart/chart';import { ZoomSettingsModel, CrosshairSettingsModel } from '../chart/chart-model';import { appendChildElement, redrawElement, titlePositionX, textElement } from '../common/utils/helper';import { Axis } from '../chart/axis/axis';import { Series } from '../chart/series/chart-series';import { Size, Rect, TextOption, measureText, SvgRenderer } from '@syncfusion/ej2-svg-base';import { Periods } from '../common/model/base';import { IRangeSelectorRenderEventArgs, ITooltipRenderEventArgs, IMouseEventArgs, IPointEventArgs } from '../chart/model/chart-interface';import { IAxisLabelRenderEventArgs, ISeriesRenderEventArgs, IZoomingEventArgs  } from '../chart/model/chart-interface';import { PeriodsModel } from '../common/model/base-model';import { StockTooltipSettings } from '../common/model/base';import { StockTooltipSettingsModel } from '../common/model/base-model';import { calculateSize, getElement } from '../common/utils/helper';import { RangeNavigator } from '../range-navigator/range-navigator';import { getRangeValueXByPoint } from '../range-navigator/utils/helper';import { PeriodSelector } from '../common/period-selector/period-selector';import { CartesianChart } from './renderer/cartesian-chart';import { RangeSelector } from './renderer/range-selector';import { ToolBarSelector } from './renderer/toolbar-selector';import { StockMargin, StockChartArea, StockChartAxis, StockChartRow, StockChartIndexes, StockEventsSettings, IStockLegendRenderEventArgs, IStockLegendClickEventArgs } from './model/base';import { StockSeries, IStockChartEventArgs, StockChartIndicator, StockChartBorder, IRangeChangeEventArgs } from './model/base';import { StockChartAnnotationSettings, IStockEventRenderArgs } from './model/base';import { StockChartAnnotationSettingsModel } from './model/base-model';import { StockChartFont } from './model/base';import { StockSeriesModel, StockChartIndicatorModel, StockChartAxisModel, StockChartRowModel } from './model/base-model';import { StockChartIndexesModel, StockChartFontModel, StockChartAreaModel, StockEventsSettingsModel } from './model/base-model';import { StockChartBorderModel, StockMarginModel } from './model/base-model';import { ChartSeriesType, TrendlineTypes, TechnicalIndicators, ChartTheme, SelectionMode } from '../chart/utils/enum';import { ExportType, Alignment } from '../common/utils/enum';import { getSeriesColor, getThemeColor } from '../common/model/theme';import { StockEvents } from './renderer/stock-events';import { IThemeStyle } from '../chart/model/chart-interface';import { StockChartLegendSettingsModel } from './legend/legend-model';import { StockLegend, StockChartLegendSettings } from './legend/legend';import { SeriesModel, VisibleRangeModel } from './index';
+import { Component, INotifyPropertyChanged, Property, Complex, Collection, Internationalization, NotifyPropertyChanges, ModuleDeclaration } from '@syncfusion/ej2-base';import { Browser, EmitType, remove, Event, EventHandler } from '@syncfusion/ej2-base';import { DataManager } from '@syncfusion/ej2-data';import { Chart, ZoomSettings, CrosshairSettings } from '../chart/chart';import { ZoomSettingsModel, CrosshairSettingsModel } from '../chart/chart-model';import { appendChildElement, redrawElement, titlePositionX, textElement } from '../common/utils/helper';import { Axis } from '../chart/axis/axis';import { Series } from '../chart/series/chart-series';import { Size, Rect, TextOption, measureText, SvgRenderer } from '@syncfusion/ej2-svg-base';import { Periods } from '../common/model/base';import { IRangeSelectorRenderEventArgs, ITooltipRenderEventArgs, IMouseEventArgs, IPointEventArgs } from '../chart/model/chart-interface';import { IAxisLabelRenderEventArgs, ISeriesRenderEventArgs, IZoomingEventArgs  } from '../chart/model/chart-interface';import { PeriodsModel } from '../common/model/base-model';import { StockTooltipSettings } from '../common/model/base';import { StockTooltipSettingsModel } from '../common/model/base-model';import { calculateSize, getElement } from '../common/utils/helper';import { RangeNavigator } from '../range-navigator/range-navigator';import { getRangeValueXByPoint } from '../range-navigator/utils/helper';import { PeriodSelector } from '../common/period-selector/period-selector';import { CartesianChart } from './renderer/cartesian-chart';import { RangeSelector } from './renderer/range-selector';import { ToolBarSelector } from './renderer/toolbar-selector';import { StockMargin, StockChartArea, StockChartAxis, StockChartRow, StockChartIndexes, StockEventsSettings, IStockLegendRenderEventArgs, IStockLegendClickEventArgs } from './model/base';import { StockSeries, IStockChartEventArgs, StockChartIndicator, StockChartBorder, IRangeChangeEventArgs } from './model/base';import { StockChartAnnotationSettings, IStockEventRenderArgs } from './model/base';import { StockChartAnnotationSettingsModel } from './model/base-model';import { StockChartFont } from './model/base';import { StockSeriesModel, StockChartIndicatorModel, StockChartAxisModel, StockChartRowModel } from './model/base-model';import { StockChartIndexesModel, StockChartFontModel, StockChartAreaModel, StockEventsSettingsModel } from './model/base-model';import { StockChartBorderModel, StockMarginModel } from './model/base-model';import { ChartSeriesType, TrendlineTypes, TechnicalIndicators} from '../chart/utils/enum';import { ChartTheme, SelectionMode } from '../common/utils/enum';import { ExportType, Alignment } from '../common/utils/enum';import { getSeriesColor, getThemeColor } from '../common/model/theme';import { StockEvents } from './renderer/stock-events';import { IThemeStyle } from '../chart/model/chart-interface';import { StockChartLegendSettingsModel } from './legend/legend-model';import { StockLegend, StockChartLegendSettings } from './legend/legend';import { SeriesModel, VisibleRangeModel } from './index';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -3,0 +3,0 @@

src/stock-chart/stock-chart.d.ts

@@ -26,3 +26,4 @@ import { Component, INotifyPropertyChanged, Internationalization, ModuleDeclaration } from '@syncfusion/ej2-base';
 import { StockChartBorderModel, StockMarginModel } from './model/base-model';
-import { ChartSeriesType, TrendlineTypes, TechnicalIndicators, ChartTheme, SelectionMode } from '../chart/utils/enum';
+import { ChartSeriesType, TrendlineTypes, TechnicalIndicators } from '../chart/utils/enum';
+import { ChartTheme, SelectionMode } from '../common/utils/enum';
 import { ExportType } from '../common/utils/enum';
@@ -29,0 +30,0 @@ import { StockEvents } from './renderer/stock-events';

No alert changes

Improved metrics

Total package byte prevSize

36562153

increased by21.17%

Dependency count

7

decreased by-22.22%

Number of package files

485

increased by14.66%

Lines of code

268666

increased by22.16%

Worsened metrics

Published versions last two months

7

decreased by-12.5%

Dependency changes

• + Added@syncfusion/ej2-base@24.1.46(transitive)

• + Added@syncfusion/ej2-buttons@24.1.46(transitive)

• + Added@syncfusion/ej2-calendars@24.1.47(transitive)

• + Added@syncfusion/ej2-compression@24.1.41(transitive)

• + Added@syncfusion/ej2-data@24.1.41(transitive)

• + Added@syncfusion/ej2-excel-export@24.1.41(transitive)

• + Added@syncfusion/ej2-file-utils@24.1.41(transitive)

• + Added@syncfusion/ej2-icons@24.1.41(transitive)

• + Added@syncfusion/ej2-inputs@24.1.47(transitive)

• + Added@syncfusion/ej2-lists@24.1.46(transitive)

• + Added@syncfusion/ej2-navigations@24.1.46(transitive)

• + Added@syncfusion/ej2-pdf-export@24.1.47(transitive)

• + Added@syncfusion/ej2-popups@24.1.46(transitive)

• + Added@syncfusion/ej2-splitbuttons@24.1.46(transitive)

• + Added@syncfusion/ej2-svg-base@24.1.47(transitive)

• - Removed@syncfusion/ej2-compression@~23.2.4

• - Removed@syncfusion/ej2-file-utils@~23.2.4

• - Removed@syncfusion/ej2-base@23.2.6(transitive)

• - Removed@syncfusion/ej2-buttons@23.2.7(transitive)

• - Removed@syncfusion/ej2-calendars@23.2.7(transitive)

• - Removed@syncfusion/ej2-compression@23.2.4(transitive)

• - Removed@syncfusion/ej2-data@23.2.4(transitive)

• - Removed@syncfusion/ej2-excel-export@23.2.4(transitive)

• - Removed@syncfusion/ej2-file-utils@23.2.4(transitive)

• - Removed@syncfusion/ej2-icons@23.2.4(transitive)

• - Removed@syncfusion/ej2-inputs@23.2.4(transitive)

• - Removed@syncfusion/ej2-lists@23.2.4(transitive)

• - Removed@syncfusion/ej2-navigations@23.2.7(transitive)

• - Removed@syncfusion/ej2-pdf-export@23.2.6(transitive)

• - Removed@syncfusion/ej2-popups@23.2.4(transitive)

• - Removed@syncfusion/ej2-splitbuttons@23.2.4(transitive)

• - Removed@syncfusion/ej2-svg-base@23.2.5(transitive)

• Updated@syncfusion/ej2-base@~24.1.41

• Updated@syncfusion/ej2-calendars@~24.1.41

• Updated@syncfusion/ej2-data@~24.1.41

• Updated@syncfusion/ej2-excel-export@~24.1.41

• Updated@syncfusion/ej2-navigations@~24.1.41

• Updated@syncfusion/ej2-pdf-export@~24.1.41

• Updated@syncfusion/ej2-svg-base@~24.1.41