scichart 2.2.2416 → 3.0.0-beta.224

package/Charting/Visuals/RenderableSeries/BaseHeatmapRenderableSeries.js

@@ -0,0 +1,201 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseHeatmapRenderableSeries = exports.COLOR_MAP_PREFIX = void 0;
+var AxisCore_1 = require("../Axis/AxisCore");
+var NumericLabelProvider_1 = require("../Axis/LabelProvider/NumericLabelProvider");
+var BaseRenderableSeries_1 = require("./BaseRenderableSeries");
+var constants_1 = require("./constants");
+var HeatmapColorMap_1 = require("./HeatmapColorMap");
+/** @ignore */
+exports.COLOR_MAP_PREFIX = "colorMap.";
+/**
+ * @summary A JavaScript Heatmap chart type rendering a 2-dimensional array of data as color values between X,Y bounds in
+ * SciChart's High Performance Real-time {@link https://www.scichart.com/javascript-chart-features | JavaScript Chart Library}
+ * @description
+ * Heatmaps are 2-dimensional arrays of data, rendered as a color-map on the chart. The {@link UniformHeatmapRenderableSeries}
+ * assumes the cells are equal size, and spaced along the X,Y axis according to properties on the {@link UniformHeatmapDataSeries}.
+ *
+ * For a code sample how to initialize a uniform heatmap, see below
+ *
+ * ```ts
+ * // Create an empty 2D array using the helper function zeroArray2D
+ * const zValues: number[][] = zeroArray2D([height, width]);
+ * // todo: fill the zValues 2d array with values
+ *
+ * // Create a UniformHeatmapDataSeries passing in zValues
+ * const heatmapDataSeries = new UniformHeatmapDataSeries(wasmContext, 0, 1, 0, 1, zValues);
+ *
+ * // Create a Heatmap RenderableSeries with the color map. ColorMap.minimum/maximum defines the values in
+ * // HeatmapDataSeries which correspond to gradient stops at 0..1
+ * const heatmapSeries = new UniformHeatmapRenderableSeries(wasmContext, {
+ *        dataSeries: heatmapDataSeries,
+ *        colorMap: new HeatmapColorMap({
+ *            minimum: 0,
+ *           maximum: 200,
+ *           gradientStops: [
+ *               { offset: 0, color: "#00008B" },
+ *               { offset: 0.2, color: "#6495ED" },
+ *               { offset: 0.4, color: "#006400" },
+ *               { offset: 0.6, color: "#7FFF00" },
+ *               { offset: 0.8, color: "#FFFF00" },
+ *               { offset: 1.0, color: "#FF0000" }
+ *           ]
+ *       })
+ *   });
+ *
+ * // Add heatmap to the chart
+ * sciChartSurface.renderableSeries.add(heatmapSeries);
+ * ```
+ */
+var BaseHeatmapRenderableSeries = /** @class */ (function (_super) {
+    __extends(BaseHeatmapRenderableSeries, _super);
+    /**
+     * Creates an instance of the {@link UniformHeatmapRenderableSeries}
+     * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
+     * native methods and access to our WebGL2 WebAssembly Drawing Engine
+     * @param options optional parameters of type {@link IHeatmapRenderableSeriesOptions} applied when constructing the series type
+     */
+    function BaseHeatmapRenderableSeries(webAssemblyContext, options) {
+        var _this = this;
+        var _a, _b, _c, _d, _e, _f;
+        _this = _super.call(this, webAssemblyContext, options) || this;
+        _this.useLinearTextureFilteringProperty = false;
+        _this.fillValuesOutOfRangeProperty = true;
+        _this.colorMapPropertyChanged = _this.colorMapPropertyChanged.bind(_this);
+        if (options === null || options === void 0 ? void 0 : options.colorMap) {
+            if (!("toJSON" in options.colorMap)) {
+                options.colorMap = new HeatmapColorMap_1.HeatmapColorMap(options.colorMap);
+            }
+        }
+        _this.colorMap = options === null || options === void 0 ? void 0 : options.colorMap;
+        _this.dataSeries = options === null || options === void 0 ? void 0 : options.dataSeries;
+        _this.xAxisId = (_a = options === null || options === void 0 ? void 0 : options.xAxisId) !== null && _a !== void 0 ? _a : AxisCore_1.AxisCore.DEFAULT_AXIS_ID;
+        _this.xAxisId = (_b = options === null || options === void 0 ? void 0 : options.yAxisId) !== null && _b !== void 0 ? _b : AxisCore_1.AxisCore.DEFAULT_AXIS_ID;
+        _this.useLinearTextureFilteringProperty =
+            (_c = options === null || options === void 0 ? void 0 : options.useLinearTextureFiltering) !== null && _c !== void 0 ? _c : _this.useLinearTextureFilteringProperty;
+        _this.fillValuesOutOfRangeProperty = (_d = options === null || options === void 0 ? void 0 : options.fillValuesOutOfRange) !== null && _d !== void 0 ? _d : _this.fillValuesOutOfRangeProperty;
+        // Must be called here for the series type to be available
+        if ((_e = _this.paletteProvider) === null || _e === void 0 ? void 0 : _e.onAttached) {
+            (_f = _this.paletteProvider) === null || _f === void 0 ? void 0 : _f.onAttached(_this);
+        }
+        _this.zLabelProviderProperty = new NumericLabelProvider_1.NumericLabelProvider({ labelPrecision: 2 });
+        return _this;
+    }
+    Object.defineProperty(BaseHeatmapRenderableSeries.prototype, "colorMap", {
+        /**
+         * Gets or sets the {@link HeatmapColorMap}, which maps heatmap z-values to colors
+         */
+        get: function () {
+            return this.colorMapProperty;
+        },
+        /**
+         * Gets or sets the {@link HeatmapColorMap}, which maps heatmap z-values to colors
+         */
+        set: function (colorMap) {
+            var _a, _b;
+            (_a = this.colorMapProperty) === null || _a === void 0 ? void 0 : _a.propertyChanged.unsubscribe(this.colorMapPropertyChanged);
+            this.colorMapProperty = colorMap;
+            (_b = this.colorMapProperty) === null || _b === void 0 ? void 0 : _b.propertyChanged.subscribe(this.colorMapPropertyChanged);
+            this.notifyPropertyChanged(constants_1.PROPERTY.COLOR_MAP);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseHeatmapRenderableSeries.prototype, "useLinearTextureFiltering", {
+        /**
+         * Gets or sets whether to make the heatmap linearly interpolated or smoothed between cells
+         */
+        get: function () {
+            return this.useLinearTextureFilteringProperty;
+        },
+        /**
+         * Gets or sets whether to make the heatmap linearly interpolated or smoothed between cells
+         */
+        set: function (value) {
+            this.useLinearTextureFilteringProperty = value;
+            this.notifyPropertyChanged(constants_1.PROPERTY.USE_LINEAR_TEXTURE_FILTERING);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /** @inheritDoc */
+    BaseHeatmapRenderableSeries.prototype.checkIsOutOfDataRange = function (xValue, yValue) {
+        var dataSeries = this.dataSeries;
+        return (!dataSeries ||
+            xValue <= dataSeries.xRange.min ||
+            xValue >= dataSeries.xRange.max ||
+            yValue <= dataSeries.yRange.min ||
+            yValue >= dataSeries.yRange.max);
+    };
+    Object.defineProperty(BaseHeatmapRenderableSeries.prototype, "zLabelProvider", {
+        get: function () {
+            return this.zLabelProviderProperty;
+        },
+        set: function (labelProvider) {
+            this.zLabelProviderProperty = labelProvider;
+            this.notifyPropertyChanged(constants_1.PROPERTY.Z_LABEL_PROVIDER);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseHeatmapRenderableSeries.prototype, "fillValuesOutOfRange", {
+        /**
+         * Gets or sets whether to fill cells with edge color if its value is outside of {@link colorMap.minimum} to {@link colorMap.maximum} range
+         */
+        get: function () {
+            return this.fillValuesOutOfRangeProperty;
+        },
+        /**
+         * Gets or sets whether to fill cells with edge color if its value is outside of {@link colorMap.minimum} to {@link colorMap.maximum} range
+         */
+        set: function (value) {
+            this.fillValuesOutOfRangeProperty = value;
+            this.notifyPropertyChanged(constants_1.PROPERTY.FILL_VALUES_OUT_OF_RANGE);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /** @inheritDoc */
+    BaseHeatmapRenderableSeries.prototype.toPointSeries = function (resamplingParams) {
+        // not used for Heatmap
+        return undefined;
+    };
+    /** @inheritDoc */
+    BaseHeatmapRenderableSeries.prototype.toJSON = function (excludeData) {
+        var _a;
+        if (excludeData === void 0) { excludeData = false; }
+        var json = _super.prototype.toJSON.call(this, excludeData);
+        var options = {
+            colorMap: (_a = this.colorMap) === null || _a === void 0 ? void 0 : _a.toJSON(),
+            fillValuesOutOfRange: this.fillValuesOutOfRange,
+            useLinearTextureFiltering: this.useLinearTextureFiltering
+        };
+        Object.assign(json.options, options);
+        return json;
+    };
+    /**
+     * Called when a property changes on {@link HeatmapColorMap}, and notifies the parent {@link SciChartSurface}
+     * that a redraw is required.
+     * @param args
+     */
+    BaseHeatmapRenderableSeries.prototype.colorMapPropertyChanged = function (args) {
+        this.notifyPropertyChanged(exports.COLOR_MAP_PREFIX + args.propertyName);
+    };
+    return BaseHeatmapRenderableSeries;
+}(BaseRenderableSeries_1.BaseRenderableSeries));
+exports.BaseHeatmapRenderableSeries = BaseHeatmapRenderableSeries;

package/Charting/Visuals/RenderableSeries/BaseLineRenderableSeries.d.ts

@@ -1,17 +1,35 @@
 import { TSciChart } from "../../../types/TSciChart";
 import { IThemeProvider } from "../../Themes/IThemeProvider";
 import { BaseRenderableSeries } from "./BaseRenderableSeries";
+import { ILineSeriesDataLabelProviderOptions } from "./DataLabels/LineSeriesDataLabelProvider";
 import { IHitTestProvider } from "./HitTest/IHitTestProvider";
 import { IBaseRenderableSeriesOptions } from "./IBaseRenderableSeriesOptions";
+export declare enum ELineType {
+    Normal = "Normal",
+    Digital = "Digital",
+    /** Horizontal line from the point to the x value of the next point */
+    DigitalNoEdge = "DigitalNoEdge",
+    /** Digital Line that goes Up then across, instead of Across then Up */
+    DigitalYX = "DigitalYX"
+}
 export interface IBaseLineRenderableSeriesOptions extends IBaseRenderableSeriesOptions {
     /**
      * The StrokeDashArray defines the stroke or dash pattern for the line.
      * Accepts an array of values, e.g. [2,2] will have a line of length 2 and a gap of length 2.
      */
     strokeDashArray?: number[];
+    /**
+     * Options to pass to the {@link DataLabelProvider}. Set a style with font and size to enable per-point text for this series.
+     */
+    dataLabels?: ILineSeriesDataLabelProviderOptions;
+    /**
+     * The type of line to draw.  One of {@link ELineType}. Replaces isDigitalLine
+     */
+    lineType?: ELineType;
 }
 export declare abstract class BaseLineRenderableSeries extends BaseRenderableSeries {
     private strokeDashArrayProperty;
+    private lineTypeProperty;
     constructor(webAssemblyContext: TSciChart, options?: IBaseLineRenderableSeriesOptions);
     /** @inheritDoc */
     applyTheme(themeProvider: IThemeProvider): void;
@@ -25,6 +43,14 @@ export declare abstract class BaseLineRenderableSeries extends BaseRenderableSer
      * Accepts an array of values, e.g. [2,2] will have a line of length 2 and a gap of length 2.
      */
     set strokeDashArray(strokeDashArray: number[]);
+    /**
+     * The type of line to draw.  One of {@link ELineType}. Replaces isDigitalLine
+     */
+    get lineType(): ELineType;
+    /**
+     * The type of line to draw.  One of {@link ELineType}. Replaces isDigitalLine
+     */
+    set lineType(lineType: ELineType);
     /** @inheritDoc */
     toJSON(excludeData?: boolean): import("../../../Builder/buildSeries").TSeriesDefinition;
     /**

package/Charting/Visuals/RenderableSeries/BaseLineRenderableSeries.js

@@ -15,21 +15,39 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseLineRenderableSeries = void 0;
+exports.BaseLineRenderableSeries = exports.ELineType = void 0;
 var BaseRenderableSeries_1 = require("./BaseRenderableSeries");
 var constants_1 = require("./constants");
+var LineSeriesDataLabelProvider_1 = require("./DataLabels/LineSeriesDataLabelProvider");
 var LineSeriesDrawingProvider_1 = require("./DrawingProviders/LineSeriesDrawingProvider");
 var PointMarkerDrawingProvider_1 = require("./DrawingProviders/PointMarkerDrawingProvider");
 var LineSeriesHitTestProvider_1 = require("./HitTest/LineSeriesHitTestProvider");
+var ELineType;
+(function (ELineType) {
+    ELineType["Normal"] = "Normal";
+    ELineType["Digital"] = "Digital";
+    /** Horizontal line from the point to the x value of the next point */
+    ELineType["DigitalNoEdge"] = "DigitalNoEdge";
+    /** Digital Line that goes Up then across, instead of Across then Up */
+    ELineType["DigitalYX"] = "DigitalYX";
+})(ELineType = exports.ELineType || (exports.ELineType = {}));
 var BaseLineRenderableSeries = /** @class */ (function (_super) {
     __extends(BaseLineRenderableSeries, _super);
     function BaseLineRenderableSeries(webAssemblyContext, options) {
-        var _this = _super.call(this, webAssemblyContext, options) || this;
+        var _this = this;
+        var _a;
+        _this = _super.call(this, webAssemblyContext, options) || this;
         _this.strokeDashArrayProperty = [];
+        _this.lineTypeProperty = ELineType.Normal;
         _this.strokeDashArrayProperty = options === null || options === void 0 ? void 0 : options.strokeDashArray;
+        _this.lineTypeProperty = (_a = options === null || options === void 0 ? void 0 : options.lineType) !== null && _a !== void 0 ? _a : _this.lineTypeProperty;
         _this.drawingProviders = [];
         _this.drawingProviders.push(new LineSeriesDrawingProvider_1.LineSeriesDrawingProvider(webAssemblyContext, _this));
         _this.drawingProviders.push(new PointMarkerDrawingProvider_1.PointMarkerDrawingProvider(webAssemblyContext, _this));
+        if (!_this.dataLabelProviderProperty) {
+            _this.dataLabelProviderProperty = new LineSeriesDataLabelProvider_1.LineSeriesDataLabelProvider(options === null || options === void 0 ? void 0 : options.dataLabels);
+            _this.dataLabelProviderProperty.onAttach(_this.webAssemblyContext, _this);
+        }
         if (options === null || options === void 0 ? void 0 : options.animation) {
             _this.animationQueue.push(options.animation);
         }
@@ -62,12 +80,30 @@ var BaseLineRenderableSeries = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BaseLineRenderableSeries.prototype, "lineType", {
+        /**
+         * The type of line to draw.  One of {@link ELineType}. Replaces isDigitalLine
+         */
+        get: function () {
+            return this.lineTypeProperty;
+        },
+        /**
+         * The type of line to draw.  One of {@link ELineType}. Replaces isDigitalLine
+         */
+        set: function (lineType) {
+            this.lineTypeProperty = lineType;
+            this.notifyPropertyChanged(constants_1.PROPERTY.LINE_TYPE);
+        },
+        enumerable: false,
+        configurable: true
+    });
     /** @inheritDoc */
     BaseLineRenderableSeries.prototype.toJSON = function (excludeData) {
         if (excludeData === void 0) { excludeData = false; }
         var json = _super.prototype.toJSON.call(this, excludeData);
         var options = {
-            strokeDashArray: this.strokeDashArray
+            strokeDashArray: this.strokeDashArray,
+            lineType: this.lineTypeProperty
         };
         Object.assign(json.options, options);
         return json;

package/Charting/Visuals/RenderableSeries/BaseMountainRenderableSeries.d.ts

@@ -2,6 +2,7 @@ import { GradientParams } from "../../../Core/GradientParams";
 import { TSciChart } from "../../../types/TSciChart";
 import { IThemeProvider } from "../../Themes/IThemeProvider";
 import { BaseRenderableSeries } from "./BaseRenderableSeries";
+import { IDataLabelProviderOptions } from "./DataLabels/DataLabelProvider";
 import { IHitTestProvider } from "./HitTest/IHitTestProvider";
 import { IBaseRenderableSeriesOptions } from "./IBaseRenderableSeriesOptions";
 /**
@@ -25,6 +26,10 @@ export interface IBaseMountainRenderableSeriesOptions extends IBaseRenderableSer
      * Accepts an array of values, e.g. [2,2] will have a line of length 2 and a gap of length 2.
      */
     strokeDashArray?: number[];
+    /**
+     * Options to pass to the DataLabelProvider. Set a style with font and size to enable per-point text for this series.
+     */
+    dataLabels?: IDataLabelProviderOptions;
 }
 export declare abstract class BaseMountainRenderableSeries extends BaseRenderableSeries {
     private zeroLineYProperty;
@@ -72,6 +77,8 @@ export declare abstract class BaseMountainRenderableSeries extends BaseRenderabl
     set strokeDashArray(strokeDashArray: number[]);
     /** @inheritDoc */
     toJSON(excludeData?: boolean): import("../../../Builder/buildSeries").TSeriesDefinition;
+    /** @inheritDoc */
+    resolveAutoColors(index: number, maxSeries: number, theme: IThemeProvider): void;
     /**
      * @inheritDoc
      */

package/Charting/Visuals/RenderableSeries/BaseMountainRenderableSeries.js

@@ -16,17 +16,20 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseMountainRenderableSeries = void 0;
+var IThemeProvider_1 = require("../../Themes/IThemeProvider");
 var SciChartSurfaceBase_1 = require("../SciChartSurfaceBase");
 var BaseRenderableSeries_1 = require("./BaseRenderableSeries");
 var constants_1 = require("./constants");
+var DataLabelProvider_1 = require("./DataLabels/DataLabelProvider");
 var MountainSeriesDrawingProvider_1 = require("./DrawingProviders/MountainSeriesDrawingProvider");
 var PointMarkerDrawingProvider_1 = require("./DrawingProviders/PointMarkerDrawingProvider");
 var MountainSeriesHitTestProvider_1 = require("./HitTest/MountainSeriesHitTestProvider");
 var BaseMountainRenderableSeries = /** @class */ (function (_super) {
     __extends(BaseMountainRenderableSeries, _super);
     function BaseMountainRenderableSeries(webAssemblyContext, options) {
+        var _this = this;
         var _a, _b, _c, _d, _e;
-        var _this = _super.call(this, webAssemblyContext, options) || this;
+        _this = _super.call(this, webAssemblyContext, options) || this;
         _this.zeroLineYProperty = 0;
         _this.fillProperty = SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.mountainAreaBrush;
         _this.strokeDashArrayProperty = [];
@@ -35,6 +38,10 @@ var BaseMountainRenderableSeries = /** @class */ (function (_super) {
         _this.fillProperty = (_c = options === null || options === void 0 ? void 0 : options.fill) !== null && _c !== void 0 ? _c : _this.fillProperty;
         _this.zeroLineYProperty = (_d = options === null || options === void 0 ? void 0 : options.zeroLineY) !== null && _d !== void 0 ? _d : _this.zeroLineYProperty;
         _this.fillLinearGradientProperty = (_e = options === null || options === void 0 ? void 0 : options.fillLinearGradient) !== null && _e !== void 0 ? _e : _this.fillLinearGradientProperty;
+        if (!_this.dataLabelProviderProperty) {
+            _this.dataLabelProviderProperty = new DataLabelProvider_1.DataLabelProvider(options === null || options === void 0 ? void 0 : options.dataLabels);
+            _this.dataLabelProviderProperty.onAttach(_this.webAssemblyContext, _this);
+        }
         _this.drawingProviders.push(new MountainSeriesDrawingProvider_1.MountainSeriesDrawingProvider(webAssemblyContext, _this));
         _this.drawingProviders.push(new PointMarkerDrawingProvider_1.PointMarkerDrawingProvider(webAssemblyContext, _this));
         if (options === null || options === void 0 ? void 0 : options.animation) {
@@ -60,7 +67,7 @@ var BaseMountainRenderableSeries = /** @class */ (function (_super) {
          * Gets or sets the fill color as an HTML Color code
          */
         get: function () {
-            return this.fillProperty;
+            return (0, IThemeProvider_1.stripAutoColor)(this.fillProperty);
         },
         /**
          * Gets or sets the fill color as an HTML Color code
@@ -141,6 +148,14 @@ var BaseMountainRenderableSeries = /** @class */ (function (_super) {
         Object.assign(json.options, options);
         return json;
     };
+    /** @inheritDoc */
+    BaseMountainRenderableSeries.prototype.resolveAutoColors = function (index, maxSeries, theme) {
+        _super.prototype.resolveAutoColors.call(this, index, maxSeries, theme);
+        if (this.fillProperty.startsWith(IThemeProvider_1.AUTO_COLOR)) {
+            var color = theme.getFillColor(index, maxSeries, this.webAssemblyContext);
+            this.fill = IThemeProvider_1.AUTO_COLOR + this.adjustAutoColor("fill", color);
+        }
+    };
     /**
      * @inheritDoc
      */

package/Charting/Visuals/RenderableSeries/BaseOhlcRenderableSeries.d.ts

@@ -68,6 +68,8 @@ export declare abstract class BaseOhlcRenderableSeries extends BaseRenderableSer
      */
     getNativeCloseValues(): SCRTDoubleVector;
     /** @inheritDoc */
+    resolveAutoColors(index: number, maxSeries: number, theme: IThemeProvider): void;
+    /** @inheritDoc */
     toPointSeries(rp?: ResamplingParams): IOhlcPointSeries;
     /** @inheritDoc */
     protected newHitTestProvider(): IHitTestProvider;

package/Charting/Visuals/RenderableSeries/BaseOhlcRenderableSeries.js

@@ -23,6 +23,7 @@ var OhlcPointSeriesResampled_1 = require("../../Model/PointSeries/OhlcPointSerie
 var OhlcPointSeriesWrapped_1 = require("../../Model/PointSeries/OhlcPointSeriesWrapped");
 var XyyPointSeriesResampled_1 = require("../../Model/PointSeries/XyyPointSeriesResampled");
 var ResamplingMode_1 = require("../../Numerics/Resamplers/ResamplingMode");
+var IThemeProvider_1 = require("../../Themes/IThemeProvider");
 var SciChartSurfaceBase_1 = require("../SciChartSurfaceBase");
 var BaseRenderableSeries_1 = require("./BaseRenderableSeries");
 var constants_1 = require("./constants");
@@ -59,7 +60,7 @@ var BaseOhlcRenderableSeries = /** @class */ (function (_super) {
          * Gets or sets the stoke when candlestick close is greater than open, as an HTML color code
          */
         get: function () {
-            return this.strokeUpProperty;
+            return (0, IThemeProvider_1.stripAutoColor)(this.strokeUpProperty);
         },
         /**
          * Gets or sets the stoke when candlestick close is greater than open, as an HTML color code
@@ -76,7 +77,7 @@ var BaseOhlcRenderableSeries = /** @class */ (function (_super) {
          * Gets or sets the stoke when candlestick close is less than open, as an HTML color code
          */
         get: function () {
-            return this.strokeDownProperty;
+            return (0, IThemeProvider_1.stripAutoColor)(this.strokeDownProperty);
         },
         /**
          * Gets or sets the stoke when candlestick close is less than open, as an HTML color code
@@ -157,6 +158,18 @@ var BaseOhlcRenderableSeries = /** @class */ (function (_super) {
         return this.dataSeries.getNativeYValues();
     };
     /** @inheritDoc */
+    BaseOhlcRenderableSeries.prototype.resolveAutoColors = function (index, maxSeries, theme) {
+        if (this.strokeUpProperty.startsWith(IThemeProvider_1.AUTO_COLOR)) {
+            var color = theme.getStrokeColor(index, maxSeries, this.webAssemblyContext);
+            this.strokeUp = IThemeProvider_1.AUTO_COLOR + this.adjustAutoColor("strokeUp", color);
+        }
+        var y1Index = (index + Math.floor(maxSeries / 2)) % maxSeries;
+        if (this.strokeDownProperty.startsWith(IThemeProvider_1.AUTO_COLOR)) {
+            var color = theme.getStrokeColor(y1Index, maxSeries, this.webAssemblyContext);
+            this.strokeDown = IThemeProvider_1.AUTO_COLOR + this.adjustAutoColor("strokeDown", color);
+        }
+    };
+    /** @inheritDoc */
     BaseOhlcRenderableSeries.prototype.toPointSeries = function (rp) {
         if (rp) {
             if (!this.xyyTempPointSeries) {

package/Charting/Visuals/RenderableSeries/BaseRenderableSeries.d.ts

@@ -32,6 +32,7 @@ import { SeriesHoveredArgs } from "./SeriesHoveredArgs";
 import { SeriesSelectedArgs } from "./SeriesSelectedArgs";
 import { SeriesVisibleChangedArgs } from "./SeriesVisibleChangedArgs";
 import { ShaderEffect } from "./ShaderEffect";
+import { BaseDataLabelProvider } from "./DataLabels/BaseDataLabelProvider";
 /**
  * @summary Defines the base class to a Render Series (or Chart Type) in SciChart's High Performance Real-time
  * {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}
@@ -68,6 +69,7 @@ export declare abstract class BaseRenderableSeries implements IRenderableSeries
     protected animationFSM: SeriesAnimationFiniteStateMachine;
     protected animationQueue: SeriesAnimation[];
     protected paletteProviderProperty: IPaletteProvider;
+    protected dataLabelProviderProperty: BaseDataLabelProvider;
     protected typeMap: Map<string, string>;
     protected resamplerHelper: ExtremeResamplerHelper;
     protected pointSeries: XyPointSeriesResampled;
@@ -266,6 +268,14 @@ export declare abstract class BaseRenderableSeries implements IRenderableSeries
      * @protected
      */
     needsResampling(rp: ResamplingParams): boolean;
+    /** @inheritDoc */
+    get dataLabelProvider(): BaseDataLabelProvider;
+    /** @inheritDoc */
+    set dataLabelProvider(provider: BaseDataLabelProvider);
+    /** @inheritDoc */
+    resolveAutoColors(index: number, maxSeries: number, theme: IThemeProvider): void;
+    /** @inheritDoc */
+    adjustAutoColor(propertyName: string, color: string): string;
     /**
      * Sets initial and end animation vectors
      * @param animation