@syncfusion/ej2-charts - npm Package Compare versions

Comparing version 16.4.40-beta to 16.4.42

CHANGELOG.md

@@ -13,2 +13,10 @@ <!-- markdownlint-disable MD010 -->
 
+#### Breaking Changes
+
+- Export functionality has been moved into separate module. To export the chart, inject the `Export` module.
+
+## 16.4.40-beta (2018-12-10)
+
+### Chart
+
 #### New Features
@@ -40,8 +48,2 @@
 
-### Chart
-
-#### Bug Fixes
-
-- Default tooltip format for box and whisker is corrected.
-
 ## 16.3.33 (2018-11-20)
@@ -48,0 +50,0 @@

dist/global/index.d.ts

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

package.json

 {
   "name": "@syncfusion/ej2-charts",
-  "version": "16.4.40-beta",
+  "version": "16.4.42",
   "description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.",
@@ -8,10 +8,10 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~16.4.40-beta",
-    "@syncfusion/ej2-data": "~16.4.40-beta",
-    "@syncfusion/ej2-svg-base": "~16.4.40-beta",
-    "@syncfusion/ej2-pdf-export": "~16.4.40-beta",
-    "@syncfusion/ej2-file-utils": "~16.4.40-beta",
-    "@syncfusion/ej2-compression": "~16.4.40-beta",
-    "@syncfusion/ej2-navigations": "~16.4.40-beta",
-    "@syncfusion/ej2-calendars": "~16.4.40-beta"
+    "@syncfusion/ej2-base": "~16.4.42",
+    "@syncfusion/ej2-data": "~16.4.42",
+    "@syncfusion/ej2-svg-base": "~16.4.42",
+    "@syncfusion/ej2-pdf-export": "~16.4.42",
+    "@syncfusion/ej2-file-utils": "~16.4.42",
+    "@syncfusion/ej2-compression": "~16.4.42",
+    "@syncfusion/ej2-navigations": "~16.4.42",
+    "@syncfusion/ej2-calendars": "~16.4.42"
   },
@@ -18,0 +18,0 @@ "devDependencies": {

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

@@ -1,2 +0,2 @@
-import { Property, Component, Complex, Collection, NotifyPropertyChanges, INotifyPropertyChanged, SvgRenderer } from '@syncfusion/ej2-base';import { ModuleDeclaration, Internationalization, Event, EmitType, Browser, EventHandler, Touch } from '@syncfusion/ej2-base';import { remove, extend, isNullOrUndefined } from '@syncfusion/ej2-base';import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';import { Font, Margin, Border, TooltipSettings, Indexes } from '../common/model/base';import { AccumulationSeries, AccPoints, PieCenter } from './model/acc-base';import { AccumulationType, AccumulationSelectionMode } from './model/enum';import { IAccSeriesRenderEventArgs, IAccTextRenderEventArgs, IAccTooltipRenderEventArgs } from './model/pie-interface';import { IAccAnimationCompleteEventArgs, IAccPointRenderEventArgs, IAccLoadedEventArgs } from './model/pie-interface';import { Theme, getThemeColor } from '../common/model/theme';import { ILegendRenderEventArgs, IMouseEventArgs, IPointEventArgs } from '../common/model/interface';import {  IAnnotationRenderEventArgs } from '../common/model/interface';import { load, seriesRender, legendRender, textRender, tooltipRender, pointClick } from '../common/model/constants';import { pointMove, chartMouseClick, chartMouseDown } from '../common/model/constants';import { chartMouseLeave, chartMouseMove, chartMouseUp, resized } from '../common/model/constants';import { FontModel, MarginModel, BorderModel, IndexesModel, TooltipSettingsModel } 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 { Rect, ChartLocation, Size, subtractRect, indexFinder, appendChildElement, redrawElement } from '../common/utils/helper';import { measureText, RectOption, showTooltip } from '../common/utils/helper';import { textElement, TextOption, createSvg, calculateSize, removeElement, firstToLowerCase } from '../common/utils/helper';import { getElement, titlePositionX } from '../common/utils/helper';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 { 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 '../common/model/interface';import { ExportUtils } from '../common/utils/export';import { ExportType, Alignment } from '../common/utils/enum';import { getTitle } from '../common/utils/helper';import {Index} from '../common/model/base';import { IThemeStyle, Chart, RangeNavigator } from '../index';import { IAccResizeEventArgs } from './model/pie-interface';import { DataManager } from '@syncfusion/ej2-data';
+import { Property, Component, Complex, Collection, NotifyPropertyChanges, INotifyPropertyChanged, SvgRenderer } from '@syncfusion/ej2-base';import { ModuleDeclaration, Internationalization, Event, EmitType, Browser, EventHandler, Touch } from '@syncfusion/ej2-base';import { remove, extend, isNullOrUndefined } from '@syncfusion/ej2-base';import { Font, Margin, Border, TooltipSettings, Indexes } from '../common/model/base';import { AccumulationSeries, AccPoints, PieCenter } from './model/acc-base';import { AccumulationType, AccumulationSelectionMode } from './model/enum';import { IAccSeriesRenderEventArgs, IAccTextRenderEventArgs, IAccTooltipRenderEventArgs } from './model/pie-interface';import { IAccAnimationCompleteEventArgs, IAccPointRenderEventArgs, IAccLoadedEventArgs } from './model/pie-interface';import { Theme, getThemeColor } from '../common/model/theme';import { ILegendRenderEventArgs, IMouseEventArgs, IPointEventArgs } from '../common/model/interface';import {  IAnnotationRenderEventArgs } from '../common/model/interface';import { load, seriesRender, legendRender, textRender, tooltipRender, pointClick } from '../common/model/constants';import { pointMove, chartMouseClick, chartMouseDown } from '../common/model/constants';import { chartMouseLeave, chartMouseMove, chartMouseUp, resized } from '../common/model/constants';import { FontModel, MarginModel, BorderModel, IndexesModel, TooltipSettingsModel } 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 { Rect, ChartLocation, Size, subtractRect, indexFinder, appendChildElement, redrawElement } from '../common/utils/helper';import { measureText, RectOption, showTooltip } from '../common/utils/helper';import { textElement, TextOption, createSvg, calculateSize, removeElement, firstToLowerCase } from '../common/utils/helper';import { getElement, titlePositionX } from '../common/utils/helper';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 { 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 '../common/model/interface';import { Alignment } from '../common/utils/enum';import { getTitle } from '../common/utils/helper';import {Index} from '../common/model/base';import { IThemeStyle } from '../index';import { IAccResizeEventArgs } from './model/pie-interface';import { DataManager } from '@syncfusion/ej2-data';import { Export } from '../chart/print-export/export';import { ExportUtils } from '../common/utils/export';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -173,2 +173,8 @@
     /**
+     * To enable export feature in chart.
+     * @default true
+     */
+    enableExport?: boolean;
+
+    /**
      * Triggers after accumulation chart loaded.
@@ -175,0 +181,0 @@ * @event

src/accumulation-chart/accumulation.d.ts

@@ -6,3 +6,2 @@ /**
 import { ModuleDeclaration, Internationalization, EmitType } from '@syncfusion/ej2-base';
-import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';
 import { AccumulationChartModel } from './accumulation-model';
@@ -31,6 +30,6 @@ import { AccumulationSeries, AccPoints } from './model/acc-base';
 import { IPrintEventArgs } from '../common/model/interface';
-import { ExportType } from '../common/utils/enum';
-import { IThemeStyle, Chart, RangeNavigator } from '../index';
+import { IThemeStyle } from '../index';
 import { IAccResizeEventArgs } from './model/pie-interface';
 import { DataManager } from '@syncfusion/ej2-data';
+import { Export } from '../chart/print-export/export';
 /**
@@ -88,2 +87,6 @@ * Represents the AccumulationChart control.
     /**
+     * Export Module is used to export Accumulation chart.
+     */
+    exportModule: Export;
+    /**
      * The width of the chart as a string in order to provide input as both like '100px' or '100%'.
@@ -221,2 +224,7 @@ * If specified as '100%, chart will render to the full width of its parent element.
     /**
+     * To enable export feature in chart.
+     * @default true
+     */
+    enableExport: boolean;
+    /**
      * Triggers after accumulation chart loaded.
@@ -401,6 +409,2 @@ * @event
     /**
-     * Handles the export method for accumulation control.
-     */
-    export(type: ExportType, fileName: string, orientation?: PdfPageOrientation, controls?: (Chart | AccumulationChart | RangeNavigator)[], width?: number, height?: number): void;
-    /**
      * Handles the print method for accumulation chart control.
@@ -407,0 +411,0 @@ */

src/accumulation-chart/accumulation.js

@@ -41,4 +41,4 @@ var __extends = (this && this.__extends) || (function () {
 import { AccumulationAnnotationSettings } from './model/acc-base';
+import { getTitle } from '../common/utils/helper';
 import { ExportUtils } from '../common/utils/export';
-import { getTitle } from '../common/utils/helper';
 /**
@@ -241,9 +241,2 @@ * Represents the AccumulationChart control.
     /**
-     * Handles the export method for accumulation control.
-     */
-    AccumulationChart.prototype.export = function (type, fileName, orientation, controls, width, height) {
-        var exportChart = new ExportUtils(this);
-        exportChart.export(type, fileName, orientation, (controls ? controls : [this]), width, height);
-    };
-    /**
      * Handles the print method for accumulation chart control.
@@ -725,2 +718,8 @@ */
         }
+        if (this.enableExport) {
+            modules.push({
+                member: 'Export',
+                args: [this]
+            });
+        }
         enableAnnotation = this.annotations.some(function (value) {
@@ -917,2 +916,5 @@ return (value.content !== null);
     __decorate([
+        Property(true)
+    ], AccumulationChart.prototype, "enableExport", void 0);
+    __decorate([
         Event()
@@ -919,0 +921,0 @@ ], AccumulationChart.prototype, "loaded", void 0);

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

@@ -59,3 +59,3 @@ /**
 /**  Render a accumulation chart with Highcontrast Light theme. */
-'HighcontrastLight' | 
+'HighContrastLight' | 
 /**  Render a accumulation chart with MaterialDark theme. */
@@ -65,2 +65,4 @@ 'MaterialDark' |
 'FabricDark' | 
+/**  Render a accumulation chart with HighContrastDark theme. */
+'HighContrast' | 
 /**  Render a accumulation chart with HighcontrastDark theme. */
@@ -67,0 +69,0 @@ 'Highcontrast' |

src/chart/axis/cartesian-panel.js

@@ -627,3 +627,3 @@ import { createElement, isNullOrUndefined } from '@syncfusion/ej2-base';
             elementSize = axis.visibleLabels[i].size;
-            pointY = (valueToCoefficient(axis.visibleLabels[i].value, axis) * rect.height) + (chart.stockChart ? 5 : 0);
+            pointY = (valueToCoefficient(axis.visibleLabels[i].value, axis) * rect.height) + (chart.stockChart ? 7 : 0);
             pointY = Math.floor((pointY * -1) + (rect.y + rect.height));
@@ -630,0 +630,0 @@ options = new TextOption(chart.element.id + index + '_AxisLabel_' + i, pointX, pointY + (elementSize.height / 4), anchor, axis.visibleLabels[i].text);

src/chart/axis/polar-radar-panel.js

@@ -253,3 +253,3 @@ var __extends = (this && this.__extends) || (function () {
                         y2 = this.centerY + radius * vector2.y;
-                        majorGrid = majorGrid.concat((i ? 'L' : 'M') + ' ' + x1 + ' ' + y1 + ' ' + 'L' + ' ' + x2 + ' ' + y2 + ' ');
+                        majorGrid = majorGrid.concat((i ? 'L ' : 'M ') + ' ' + x1 + ' ' + y1 + ' ' + 'L ' + ' ' + x2 + ' ' + y2 + ' ');
                     }
@@ -300,3 +300,3 @@ element = getElement(chart.element.id + '_MajorGridLine_' + index + '_' + j);
             var yLoc = y2 + (axis.majorTickLines.height * vector.y * (axis.tickPosition === 'Inside' ? -1 : 1));
-            majorGrid = 'M ' + x1 + ' ' + y1 + ' ' + 'L' + x2 + ' ' + y2;
+            majorGrid = 'M ' + x1 + ' ' + y1 + ' ' + 'L ' + x2 + ' ' + y2;
             majorTick = 'M ' + x2 + ' ' + y2 + ' L ' + xLoc + ' ' + yLoc;
@@ -303,0 +303,0 @@ if (axis.minorTicksPerInterval > 0 && (axis.minorGridLines.width > 0 || axis.minorTickLines.width > 0)

src/chart/chart-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, Property, NotifyPropertyChanges, Internationalization, BaseAttibutes } from '@syncfusion/ej2-base';import { ModuleDeclaration, L10n } from '@syncfusion/ej2-base';import { TapEventArgs, EmitType, ChildProperty } from '@syncfusion/ej2-base';import { remove, extend } from '@syncfusion/ej2-base';import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';import { INotifyPropertyChanged, SvgRenderer, Browser, Touch } from '@syncfusion/ej2-base';import { Event, EventHandler, Complex, Collection } from '@syncfusion/ej2-base';import { findClipRect, measureText, TextOption, showTooltip, removeElement, appendChildElement } from '../common/utils/helper';import { textElement, RectOption, createSvg, firstToLowerCase, titlePositionX, PointData, redrawElement } from '../common/utils/helper';import { appendClipElement } 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 { 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 { Size, Rect } from '../common/utils/helper';import { ChartData } from './utils/get-data';import { SelectionMode, LineType, ZoomMode, ToolbarItems, ChartTheme } from './utils/enum';import { 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 { 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 { Tooltip } from './user-interaction/tooltip';import { Crosshair } from './user-interaction/crosshair';import { Marker } 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 '../common/model/interface';import { IAnnotationRenderEventArgs, IAxisMultiLabelRenderEventArgs, IThemeStyle, IScrollEventArgs } from '../common/model/interface';import { IPointRenderEventArgs, ISeriesRenderEventArgs, IDragCompleteEventArgs, ITooltipRenderEventArgs } from '../common/model/interface';import { IZoomCompleteEventArgs, ILoadedEventArgs } from '../common/model/interface';import { IAnimationCompleteEventArgs, IMouseEventArgs, IPointEventArgs } from '../common/model/interface';import { loaded, chartMouseClick, pointClick, pointMove, chartMouseLeave, resized } from '../common/model/constants';import { chartMouseDown, chartMouseMove, chartMouseUp, load } from '../common/model/constants';import { IPrintEventArgs, IAxisRangeCalculatedEventArgs } from '../common/model/interface';import { ExportUtils } from '../common/utils/export';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 { ExportType, Alignment } 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 { AccumulationChart, RangeNavigator } from '..';import { DataManager } from '@syncfusion/ej2-data';import { StockChart } from '../stock-chart/stock-chart';
+import { Component, Property, NotifyPropertyChanges, Internationalization, BaseAttibutes } from '@syncfusion/ej2-base';import { ModuleDeclaration, L10n } from '@syncfusion/ej2-base';import { TapEventArgs, EmitType, ChildProperty } from '@syncfusion/ej2-base';import { remove, extend } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, SvgRenderer, Browser, Touch } from '@syncfusion/ej2-base';import { Event, EventHandler, Complex, Collection } from '@syncfusion/ej2-base';import { findClipRect, measureText, TextOption, showTooltip, removeElement, appendChildElement } from '../common/utils/helper';import { textElement, RectOption, createSvg, firstToLowerCase, titlePositionX, PointData, redrawElement } from '../common/utils/helper';import { appendClipElement } 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 { 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 { Size, Rect } from '../common/utils/helper';import { ChartData } from './utils/get-data';import { SelectionMode, LineType, ZoomMode, ToolbarItems, ChartTheme } from './utils/enum';import { 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 { 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 { Tooltip } from './user-interaction/tooltip';import { Crosshair } from './user-interaction/crosshair';import { Marker } 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 '../common/model/interface';import { IAnnotationRenderEventArgs, IAxisMultiLabelRenderEventArgs, IThemeStyle, IScrollEventArgs } from '../common/model/interface';import { IPointRenderEventArgs, ISeriesRenderEventArgs, IDragCompleteEventArgs, ITooltipRenderEventArgs } from '../common/model/interface';import { IZoomCompleteEventArgs, ILoadedEventArgs } from '../common/model/interface';import { IAnimationCompleteEventArgs, IMouseEventArgs, IPointEventArgs } from '../common/model/interface';import { chartMouseClick, pointClick, pointMove, chartMouseLeave, resized } from '../common/model/constants';import { chartMouseDown, chartMouseMove, chartMouseUp, load } from '../common/model/constants';import { IPrintEventArgs, IAxisRangeCalculatedEventArgs } from '../common/model/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 } 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 { ExportUtils } from '../common/utils/export';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -332,2 +332,8 @@
     /**
+     * To enable export feature in chart.
+     * @default true
+     */
+    enableExport?: boolean;
+
+    /**
      * Specifies the point indexes to be selected while loading a chart.
@@ -334,0 +340,0 @@ * It requires `selectionMode` to be `Point` | `Series` | or `Cluster`.

src/chart/chart.d.ts

 import { Component, Internationalization } from '@syncfusion/ej2-base';
 import { ModuleDeclaration, L10n } from '@syncfusion/ej2-base';
 import { TapEventArgs, EmitType, ChildProperty } from '@syncfusion/ej2-base';
-import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';
 import { INotifyPropertyChanged, SvgRenderer } from '@syncfusion/ej2-base';
@@ -80,5 +79,5 @@ import { ChartModel, CrosshairSettingsModel, ZoomSettingsModel } from './chart-model';
 import { ScrollBar } from '../common/scrollbar/scrollbar';
-import { AccumulationChart, RangeNavigator } from '..';
 import { DataManager } from '@syncfusion/ej2-data';
 import { StockChart } from '../stock-chart/stock-chart';
+import { Export } from './print-export/export';
 /**
@@ -409,4 +408,11 @@ * Configures the crosshair in the chart.
     bollingerBandsModule: BollingerBands;
+    /**
+     * ScrollBar Module is used to render scrollbar in chart while zooming.
+     */
     scrollBarModule: ScrollBar;
     /**
+     * Export Module is used to export chart.
+     */
+    exportModule: Export;
+    /**
      * The width of the chart as a string accepts input as both like '100px' or '100%'.
@@ -557,2 +563,7 @@ * If specified as '100%, chart renders to the full width of its parent element.
     /**
+     * To enable export feature in chart.
+     * @default true
+     */
+    enableExport: boolean;
+    /**
      * Specifies the point indexes to be selected while loading a chart.
@@ -935,8 +946,2 @@ * It requires `selectionMode` to be `Point` | `Series` | or `Cluster`.
     /**
-     * Handles the export method for chart control.
-     * @param type
-     * @param fileName
-     */
-    export(type: ExportType, fileName: string, orientation?: PdfPageOrientation, controls?: (Chart | AccumulationChart | RangeNavigator | StockChart)[], width?: number, height?: number): void;
-    /**
      * Defines the trendline initialization
@@ -1019,2 +1024,8 @@ */
     /**
+     * Export method for the chart.
+     * @return {boolean}
+     * @private
+     */
+    export(type: ExportType, fileName: string): void;
+    /**
      * Handles the chart resize.
@@ -1021,0 +1032,0 @@ * @return {boolean}

src/chart/index.d.ts

@@ -75,1 +75,2 @@ /**
 export * from './series/pareto-series';
+export * from './print-export/export';

src/chart/index.js

@@ -65,1 +65,2 @@ /**
 export * from './series/pareto-series';
+export * from './print-export/export';

src/chart/technical-indicators/bollinger-bands.js

@@ -35,3 +35,3 @@ var __extends = (this && this.__extends) || (function () {
         var signalLine = new Series(indicator, 'targetSeries', {}, true);
-        this.setSeriesProperties(signalLine, indicator, 'SignalLine', indicator.fill, indicator.width, chart);
+        this.setSeriesProperties(signalLine, indicator, 'BollingerBand', indicator.fill, indicator.width, chart);
         var upperLine = new Series(indicator, 'targetSeries', {}, true);
@@ -38,0 +38,0 @@ this.setSeriesProperties(upperLine, indicator, 'UpperLine', indicator.upperLine.color, indicator.upperLine.width, chart);

src/chart/technical-indicators/indicator-base.js

@@ -33,3 +33,3 @@ var __extends = (this && this.__extends) || (function () {
         var signalLine = new Series(indicator, 'targetSeries', {}, true);
-        this.setSeriesProperties(signalLine, indicator, 'SignalLine', indicator.fill, indicator.width, chart);
+        this.setSeriesProperties(signalLine, indicator, indicator.type, indicator.fill, indicator.width, chart);
     };
@@ -41,3 +41,3 @@ /**
     TechnicalAnalysis.prototype.setSeriesProperties = function (series, indicator, name, fill, width, chart) {
-        series.name = name;
+        series.name = name.length <= 4 ? name.toLocaleUpperCase() : name;
         series.xName = 'x';
@@ -44,0 +44,0 @@ series.yName = 'y';

src/chart/trend-lines/trend-line.js

@@ -65,3 +65,3 @@ import { Series, Points } from '../series/chart-series';
         var trendPoint = new Points();
-        trendPoint.x = x;
+        trendPoint.x = series.xAxis.valueType === 'DateTime' ? new Date(Number(x)) : x;
         trendPoint.y = y;
@@ -68,0 +68,0 @@ trendPoint.xValue = Number(x);

src/chart/user-interaction/tooltip.js

@@ -425,3 +425,3 @@ var __extends = (this && this.__extends) || (function () {
         if (series.seriesType === 'XY') {
-            toolTip = series.name + ' : ${point.y}';
+            toolTip = series.name + ' : <b>${point.y}</b>';
         }
@@ -428,0 +428,0 @@ else {

src/chart/utils/enum.d.ts

@@ -554,3 +554,3 @@ /**
 /**  Render a chart with HighcontrastLight theme. */
-'HighcontrastLight' | 
+'HighContrastLight' | 
 /**  Render a chart with MaterialDark theme. */
@@ -560,2 +560,4 @@ 'MaterialDark' |
 'FabricDark' | 
+/**  Render a chart with HighContrast theme. */
+'HighContrast' | 
 /**  Render a chart with Highcontrast theme. */
@@ -562,0 +564,0 @@ 'Highcontrast' |

src/common/model/theme.js

@@ -76,3 +76,2 @@ /**
         case 'Fabric':
-        case 'FabricDark':
             palette = ['#4472c4', '#ed7d31', '#ffc000', '#70ad47', '#5b9bd5',
@@ -82,11 +81,17 @@ '#c1c1c1', '#6f6fe2', '#e269ae', '#9e480e', '#997300'];
         case 'Bootstrap':
-        case 'BootstrapDark':
             palette = ['#a16ee5', '#f7ce69', '#55a5c2', '#7ddf1e', '#ff6ea6',
                 '#7953ac', '#b99b4f', '#407c92', '#5ea716', '#b91c52'];
             break;
-        case 'HighcontrastLight':
+        case 'HighContrastLight':
         case 'Highcontrast':
+        case 'HighContrast':
             palette = ['#79ECE4', '#E98272', '#DFE6B6', '#C6E773', '#BA98FF',
                 '#FA83C3', '#00C27A', '#43ACEF', '#D681EF', '#D8BC6E'];
             break;
+        case 'MaterialDark':
+        case 'FabricDark':
+        case 'BootstrapDark':
+            palette = ['#B586FF', '#71F9A3', '#FF9572', '#5BD5FF', '#F9F871',
+                '#B6F971', '#8D71F9', '#FF6F91', '#FFC75F', '#D55DB1'];
+            break;
         default:
@@ -102,5 +107,7 @@ palette = ['#00bdae', '#404041', '#357cd2', '#e56590', '#f8b883',
     var style;
+    var darkBackground = theme === 'MaterialDark' ? '#303030' : (theme === 'FabricDark' ? '#201F1F' : '1A1A1A');
     switch (theme) {
-        case 'HighcontrastLight':
+        case 'HighContrastLight':
         case 'Highcontrast':
+        case 'HighContrast':
             style = {
@@ -145,3 +152,3 @@ axisLabel: '#ffffff',
                 legendLabel: '#DADADA',
-                background: '#000000',
+                background: darkBackground,
                 areaBorder: ' #9A9A9A',
@@ -196,3 +203,3 @@ errorBar: '#ffffff',
     switch (theme) {
-        case 'HighcontrastLight':
+        case 'HighContrastLight':
             scrollStyle = {
@@ -199,0 +206,0 @@ backRect: '#333',

src/common/period-selector/period-selector.js

@@ -138,6 +138,4 @@ import { createElement, isNullOrUndefined, Browser, remove } from '@syncfusion/ej2-base';
             max: new Date(this.control.seriesXMax),
-            format: 'dd\'\/\'MM\'\/\'yyyy',
-            placeholder: 'Select a range',
-            showClearButton: false,
-            startDate: new Date(this.control.startValue),
+            format: 'dd\'\/\'MM\'\/\'yyyy', placeholder: 'Select a range',
+            showClearButton: false, startDate: new Date(this.control.startValue),
             endDate: new Date(this.control.endValue),
@@ -151,7 +149,7 @@ created: function (args) {
                         innerHTML: selctorArgs.content, className: 'e-btn e-flat',
-                        styles: 'font-family: "Segoe UI"; font-size: 14px; font-weight: 500; text-transform: none; padding-top: 6px'
+                        styles: 'font-family: "Segoe UI"; font-size: 14px; font-weight: 500; text-transform: none '
                     }));
                     getElement('customRange').insertAdjacentElement('afterbegin', (createElement('span', {
-                        id: 'dateIcon',
-                        className: 'e-input-group-icon e-range-icon e-btn-icon', styles: 'padding-top:5px'
+                        id: 'dateIcon', className: 'e-input-group-icon e-range-icon e-btn-icon e-icons',
+                        styles: (_this.rootControl.theme === 'Material') ? 'padding-top: 4px' : 'padding-top: 5px'
                     })));
@@ -173,4 +171,6 @@ document.getElementById('customRange').onclick = function () {
                     for (var i = 0, length_1 = _this.nodes.childNodes.length; i < length_1; i++) {
-                        _this.nodes.childNodes[i].childNodes[0].classList.remove('e-active');
-                        _this.nodes.childNodes[i].childNodes[0].classList.remove('e-active');
+                        if (!_this.rootControl.resizeTo) {
+                            _this.nodes.childNodes[i].childNodes[0].classList.remove('e-active');
+                            _this.nodes.childNodes[i].childNodes[0].classList.remove('e-active');
+                        }
                     }
@@ -184,11 +184,15 @@ }
         var selector = [];
+        var buttonStyles = 'text-transform: none; text-overflow: unset';
         if (this.rootControl.getModuleName() === 'stockChart') {
             if (this.rootControl.seriesType.length) {
-                selector.push({ template: '<button id="seriesType">Series</button>', align: 'Left' });
+                selector.push({ template: createElement('button', { id: 'seriesType', innerHTML: 'Series', styles: buttonStyles }),
+                    align: 'Left' });
             }
             if (this.rootControl.indicatorType.length) {
-                selector.push({ template: ' <button id="indicatorType" >Indicators</button>', align: 'Left' });
+                selector.push({ template: createElement('button', { id: 'indicatorType', innerHTML: 'Indicators', styles: buttonStyles }),
+                    align: 'Left' });
             }
             if (this.rootControl.trendlineType.length) {
-                selector.push({ template: ' <button id="trendType" >Trendline</button>', align: 'Left' });
+                selector.push({ template: createElement('button', { id: 'trendType', innerHTML: 'Trendline', styles: buttonStyles }),
+                    align: 'Left' });
             }
@@ -195,0 +199,0 @@ }

src/common/scrollbar/scrollbar.js

@@ -449,3 +449,3 @@ import { EventHandler, Browser, remove } from '@syncfusion/ej2-base';
         rightCircleEle.style.stroke = isRightHover && isAxis ? style.circleHover : style.circle;
-        if (this.component.theme === 'HighcontrastLight') {
+        if (this.component.theme === 'HighContrastLight') {
             leftArrowEle.style.fill = isLeftHover && isAxis ? style.arrowHover : style.arrow;
@@ -452,0 +452,0 @@ leftArrowEle.style.stroke = isLeftHover && isAxis ? style.arrowHover : style.arrow;

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

@@ -67,2 +67,9 @@ import { ChildProperty, Property, Complex } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { RangeNavigatorType, ThumbType } from '../utils/enum';import { Border, Animation, Font } from '../../common/model/base';import { BorderModel, AnimationModel, FontModel } from '../../common/model/base-model';import { Axis, Rect, TooltipDisplayMode } from '../../index';import { RangeNavigator, DataPoint } from '../index';import { RangeNavigatorTheme  } from '../utils/theme';
     /**
+     * The opacity for the background.
+     * @default 1
+     */
+
+    opacity?: number;
+
+    /**
      * Defines the pattern of dashes and gaps to stroke the lines in `Line` type series.
@@ -69,0 +76,0 @@ * @default '0'

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

@@ -59,2 +59,7 @@ import { ChildProperty } from '@syncfusion/ej2-base';
     /**
+     * The opacity for the background.
+     * @default 1
+     */
+    opacity: number;
+    /**
      * Defines the pattern of dashes and gaps to stroke the lines in `Line` type series.
@@ -61,0 +66,0 @@ * @default '0'

src/range-navigator/model/range-base.js

@@ -63,2 +63,5 @@ var __extends = (this && this.__extends) || (function () {
     __decorate([
+        Property(1)
+    ], RangeNavigatorSeries.prototype, "opacity", void 0);
+    __decorate([
         Property('0')
@@ -65,0 +68,0 @@ ], RangeNavigatorSeries.prototype, "dashArray", void 0);

src/range-navigator/utils/theme.js

@@ -29,2 +29,6 @@ import { Browser, isNullOrUndefined } from '@syncfusion/ej2-base';
     var thumbHeight = isNullOrUndefined(thumbSize.height) ? (Browser.isDevice ? 15 : 20) : thumbSize.height;
+    var darkAxisColor = (theme === 'Highcontrast' || theme === 'HighContrast') ? '#969696' : '#6F6C6C';
+    var darkGridlineColor = (theme === 'Highcontrast' || theme === 'HighContrast') ? '#4A4848' : '#414040';
+    var darkBackground = theme === 'MaterialDark' ? '#303030' : (theme === 'FabricDark' ? '#201F1F' :
+        (theme === 'BootstrapDark') ? '1A1A1A' : '#000000');
     var style = {
@@ -53,3 +57,3 @@ gridLineColor: '#E0E0E0',
             break;
-        case 'HighcontrastLight':
+        case 'HighContrastLight':
             style = {
@@ -63,3 +67,3 @@ gridLineColor: '#bdbdbd',
                 gripColor: '#ffffff',
-                background: '#000000',
+                background: darkBackground,
                 thumbHoverColor: '#BFBFBF',
@@ -77,5 +81,6 @@ selectedRegionColor: range.series.length ? 'transparent' : '#FFD939',
         case 'Highcontrast':
+        case 'HighContrast':
             style = {
-                gridLineColor: '#4A4848',
-                axisLineColor: '#969696',
+                gridLineColor: darkGridlineColor,
+                axisLineColor: darkAxisColor,
                 labelFontColor: '#DADADA',
@@ -82,0 +87,0 @@ unselectedRectColor: range.series.length ? 'rgba(43, 43, 43, 0.6)' : '#514F4F',

src/smithchart/utils/enum.d.ts

@@ -14,3 +14,3 @@ /**
 /**  Render a smithchart with Highcontrast Light theme. */
-'HighcontrastLight' | 
+'HighContrastLight' | 
 /**  Render a smithchart with Material Dark theme. */
@@ -20,4 +20,6 @@ 'MaterialDark' |
 'FabricDark' | 
-/**  Render a smithchart with Highcontrast theme. */
+/**  Render a smithchart with Highcontrast Dark theme. */
 'Highcontrast' | 
+/**  Render a smithchart with Highcontrast Dark theme. */
+'HighContrast' | 
 /**  Render a smithchart with Bootstrap Dark theme. */
@@ -24,0 +26,0 @@ 'BootstrapDark';

src/sparkline/model/enum.d.ts

@@ -63,3 +63,3 @@ /**
 /**  Render a sparkline with HighContrast Light theme. */
-'HighcontrastLight' | 
+'HighContrastLight' | 
 /**  Render a sparkline with Material Dark theme. */
@@ -69,4 +69,6 @@ 'MaterialDark' |
 'FabricDark' | 
-/**  Render a sparkline with Highcontrast theme. */
+/**  Render a sparkline with Highcontrast Dark theme. */
 'Highcontrast' | 
+/**  Render a sparkline with Highcontrast Dark theme. */
+'HighContrast' | 
 /**  Render a sparkline with Bootstrap Dark theme. */
@@ -73,0 +75,0 @@ 'BootstrapDark';

src/stock-chart/renderer/toolbar-selector.d.ts

@@ -11,2 +11,4 @@ import { StockChart } from '../stock-chart';
     private intervalTypes;
+    private indicatorDropDown;
+    private trendlineDropDown;
     constructor(chart: StockChart);
@@ -24,2 +26,3 @@ initializePeriodSelector(): void;
     initializeSeriesSelector(): void;
+    private trendline;
     private indicators;
@@ -26,0 +29,0 @@ private secondayIndicators;

src/stock-chart/renderer/toolbar-selector.js

@@ -10,3 +10,2 @@ import { getElement } from '../../index';
         this.intervalTypes = ['Years', 'Quarter', 'Months', 'Weeks', 'Days', 'Hours', 'Minutes', 'Seconds'];
-        //private variables:
         this.indicators = [];
@@ -50,2 +49,7 @@ this.secondayIndicators = [];
         }
+        else if (type === this.stockChart.exportType) {
+            for (var i = 0; i < type.length; i++) {
+                result.push({ text: type[i].toString() });
+            }
+        }
         else {
@@ -69,6 +73,8 @@ for (var i = 0; i < type.length; i++) {
             }
-            series[i].type = (seriesType.indexOf('Candle') > -1 ? 'Candle' : seriesType);
+            series[i].type = (seriesType.indexOf('Candle') > -1 ? 'Candle' :
+                (seriesType.indexOf('OHLC') > -1 ? 'HiloOpenClose' : seriesType));
             series[i].enableSolidCandles = seriesType === 'Candle';
             series[i].trendlines.forEach(function (trendLine) {
                 trendLine.animation.enable = false;
+                trendLine.enableTooltip = false;
             });
@@ -123,2 +129,3 @@ }
             _this.stockChart.indicatorElements = null;
+            _this.stockChart.resizeTo = null;
             _this.stockChart.zoomChange = false;
@@ -133,34 +140,47 @@ for (var j = 0; j < _this.stockChart.series.length; j++) {
         var _this = this;
-        var trendType = new DropDownButton({
-            items: this.getDropDownItems(this.stockChart.trendlineType),
+        this.trendlineDropDown = new DropDownButton({
+            items: this.stockChart.resizeTo ? this.trendlineDropDown.items :
+                this.getDropDownItems(this.stockChart.trendlineType),
             select: function (args) {
                 var text = _this.tickMark(args);
+                text = text.split(' ')[0].toLocaleLowerCase() + (text.split(' ')[1] ? text.split(' ')[1] : '');
+                text = text.substr(0, 1).toUpperCase() + text.substr(1);
                 var type = text;
-                for (var i = 0; i < _this.stockChart.series.length; i++) {
-                    if (_this.stockChart.series[i].yName === 'volume') {
-                        continue;
-                    }
-                    if (_this.stockChart.series[0].trendlines.length === 0) {
-                        var trendlines = void 0;
-                        if (_this.stockChart.trendlinetriggered) {
-                            trendlines = [{ type: type, width: 1 }];
-                            _this.stockChart.trendlinetriggered = false;
+                if (_this.trendline !== type) {
+                    _this.trendline = type;
+                    for (var i = 0; i < _this.stockChart.series.length; i++) {
+                        if (_this.stockChart.series[i].yName === 'volume') {
+                            continue;
                         }
-                        _this.stockChart.series[0].trendlines = trendlines;
+                        if (_this.stockChart.series[0].trendlines.length === 0) {
+                            var trendlines = void 0;
+                            if (_this.stockChart.trendlinetriggered) {
+                                trendlines = [{ type: type, width: 1, enableTooltip: false }];
+                                _this.stockChart.trendlinetriggered = false;
+                            }
+                            _this.stockChart.series[0].trendlines = trendlines;
+                        }
+                        else {
+                            _this.stockChart.series[0].trendlines[0].width = 1;
+                            _this.stockChart.series[0].trendlines[0].type = type;
+                            _this.stockChart.series[0].trendlines[0].animation.enable = _this.stockChart.trendlinetriggered ? true : false;
+                        }
                     }
-                    else {
-                        _this.stockChart.series[0].trendlines[0].width = 1;
-                        _this.stockChart.series[0].trendlines[0].type = type;
-                        _this.stockChart.series[0].trendlines[0].animation.enable = _this.stockChart.trendlinetriggered ? true : false;
-                    }
+                    _this.stockChart.cartesianChart.initializeChart();
                 }
-                _this.stockChart.cartesianChart.initializeChart();
+                else {
+                    args.item.text = '&nbsp;&nbsp;&nbsp;' + args.item.text.replace('&#10004&nbsp;', '');
+                    _this.stockChart.series[0].trendlines[0].width = 0;
+                    _this.trendline = null;
+                    _this.stockChart.cartesianChart.initializeChart();
+                }
             },
         });
-        trendType.appendTo('#trendType');
+        this.trendlineDropDown.appendTo('#trendType');
     };
     ToolBarSelector.prototype.initializeIndicatorSelector = function () {
         var _this = this;
-        var indicatorType = new DropDownButton({
-            items: this.getDropDownItems(this.stockChart.indicatorType),
+        this.indicatorDropDown = new DropDownButton({
+            items: this.stockChart.resizeTo ? this.indicatorDropDown.items :
+                this.getDropDownItems(this.stockChart.indicatorType),
             select: function (args) {
@@ -202,3 +222,3 @@ for (var l = 0; l < _this.stockChart.series.length; l++) {
         });
-        indicatorType.appendTo('#indicatorType');
+        this.indicatorDropDown.appendTo('#indicatorType');
     };
@@ -250,3 +270,7 @@ ToolBarSelector.prototype.getIndicator = function (type, yAxisName) {
                     desiredIntervals: 1,
-                    majorGridLines: { width: 0, color: '#EDEDED' }, lineStyle: { width: 1 },
+                    labelFormat: 'n2',
+                    majorGridLines: this.stockChart.primaryYAxis.majorGridLines,
+                    lineStyle: this.stockChart.primaryYAxis.lineStyle,
+                    labelPosition: this.stockChart.primaryYAxis.labelPosition,
+                    majorTickLines: this.stockChart.primaryYAxis.majorTickLines,
                     rangePadding: 'None', name: type.toString(),
@@ -323,3 +347,6 @@ }];
                 var type = args.item.text;
-                _this.stockChart.chart.export(type, 'chart', null, [_this.stockChart]);
+                var stockChart = _this.stockChart;
+                if (stockChart.chart.exportModule) {
+                    stockChart.chart.exportModule.export(type, 'StockChart', null, [stockChart], null, stockChart.svgObject.clientHeight);
+                }
             }
@@ -326,0 +353,0 @@ });

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

@@ -216,8 +216,2 @@ import { Component, INotifyPropertyChanged, Property, Complex, Collection, Internationalization } from '@syncfusion/ej2-base';import { SvgRenderer, Browser, EmitType, remove, Event, EventHandler } from '@syncfusion/ej2-base';import { DataManager } from '@syncfusion/ej2-data';import { Chart } from '../chart/index';import { Size, RangeNavigator, IThemeStyle, appendChildElement, redrawElement, Series } from '../index';import { Axis } from '../chart/index';import { Periods } from '../common/model/base';import { IRangeSelectorRenderEventArgs, ITooltipRenderEventArgs } from '../common/model/interface';import { IAxisLabelRenderEventArgs, ISeriesRenderEventArgs } from '../common/model/interface';import { PeriodsModel } from '../common/model/base-model';import { ChartTheme } from '../chart/index';import { CrosshairSettings, CrosshairSettingsModel, TooltipSettings, TooltipSettingsModel } from '../chart/index';import { ZoomSettings, ZoomSettingsModel } from '../chart/index';import { calculateSize, getElement } from '../common/utils/helper';import { getRangeValueXByPoint } from '../range-navigator/index';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 { SelectionMode } from '../index';import { StockMargin, StockChartArea, StockChartAxis, StockChartRow, StockChartIndexes } from './model/base';import { StockSeries, IStockChartEventArgs, StockChartIndicator, StockChartBorder } from './model/base';import { StockChartAnnotationSettings } 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 } from './model/base-model';import { StockChartBorderModel, StockMarginModel } from './model/base-model';import { ChartSeriesType, ExportType, TrendlineTypes, TechnicalIndicators } from '../index';import { textElement, titlePositionX, Rect, Alignment, TextOption, measureText } from '../index';import { getThemeColor } from '../common/model/theme';
     /**
-     * If set true, enables the multi selection in chart. It requires `selectionMode` to be `Point` | `Series` | or `Cluster`.
-     * @default false
-     */
-    isSingleAxis?: boolean;
-
-    /**
      * Triggers before the range navigator rendering
@@ -224,0 +218,0 @@ * @event

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

@@ -190,7 +190,2 @@ import { Component, INotifyPropertyChanged, Internationalization } from '@syncfusion/ej2-base';
     /**
-     * If set true, enables the multi selection in chart. It requires `selectionMode` to be `Point` | `Series` | or `Cluster`.
-     * @default false
-     */
-    isSingleAxis: boolean;
-    /**
      * Triggers before the range navigator rendering
@@ -258,2 +253,4 @@ * @event
     /** @private */
+    isSingleAxis: boolean;
+    /** @private */
     endValue: number;
@@ -294,3 +291,3 @@ /** @private */
     isChartDrag: boolean;
-    private resizeTo;
+    resizeTo: number;
     /** @private */
@@ -297,0 +294,0 @@ disableTrackTooltip: boolean;

src/stock-chart/stock-chart.js

@@ -50,2 +50,4 @@ var __extends = (this && this.__extends) || (function () {
         var _this = _super.call(this, options, element) || this;
+        /** @private */
+        _this.isSingleAxis = false;
         _this.chartid = 57723;
@@ -228,2 +230,3 @@ /** @private */
             this.toolbarSelector.initializePeriodSelector();
+            this.periodSelector.toolbar.refreshOverflow(); //to avoid overlapping toolbar elements
             if (!this.enableSelector) {
@@ -706,5 +709,2 @@ this.cartesianChart.cartesianChartRefresh(this, this.startValue, this.endValue);
     __decorate([
-        Property(false)
-    ], StockChart.prototype, "isSingleAxis", void 0);
-    __decorate([
         Event()
@@ -728,3 +728,3 @@ ], StockChart.prototype, "load", void 0);
     __decorate([
-        Property(['Line', 'Hilo', 'HiloOpenClose', 'Hollow Candle', 'Spline', 'Candle'])
+        Property(['Line', 'Hilo', 'OHLC', 'Hollow Candle', 'Spline', 'Candle'])
     ], StockChart.prototype, "seriesType", void 0);
@@ -738,3 +738,3 @@ __decorate([
     __decorate([
-        Property(['Linear', 'Exponential', 'Polynomial', 'Power', 'Logarithmic', 'MovingAverage'])
+        Property(['Linear', 'Exponential', 'Polynomial', 'Logarithmic', 'Moving Average'])
     ], StockChart.prototype, "trendlineType", void 0);
@@ -741,0 +741,0 @@ return StockChart;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

17999611

increased by0.26%

Number of package files

357

increased by0.56%

Lines of code

139067

increased by0.26%

Number of low quality alerts

2

decreased by-33.33%

Dependency changes

• Updated@syncfusion/ej2-base@~16.4.42

• Updated@syncfusion/ej2-calendars@~16.4.42

• Updated@syncfusion/ej2-compression@~16.4.42

• Updated@syncfusion/ej2-data@~16.4.42

• Updated@syncfusion/ej2-file-utils@~16.4.42

• Updated@syncfusion/ej2-navigations@~16.4.42

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

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