scichart 2.2.2417 → 3.0.0-beta.230

package/Charting/Visuals/RenderableSeries/DrawingProviders/PointMarkerDrawingProvider.js

@@ -32,9 +32,8 @@ var PointMarkerDrawingProvider = /** @class */ (function (_super) {
      * @param ySelector an optional Y-selector for choosing which y-values to use for drawing points
      * @param ySplineSelector an optional selector for choosing which y-animation values to use for drawing points
      */
-    function PointMarkerDrawingProvider(webAssemblyContext, parentSeries, ySelector, ySplineSelector) {
-        var _this = _super.call(this, webAssemblyContext, parentSeries) || this;
-        _this.ySelector = ySelector === undefined ? function (ps) { return ps.yValues; } : ySelector;
+    function PointMarkerDrawingProvider(webAssemblyContext, parentSeries, ySelector, ySplineSelector, xSelector) {
+        var _this = _super.call(this, webAssemblyContext, parentSeries, ySelector, xSelector) || this;
         _this.ySplineValuesSelector = ySplineSelector === undefined ? function (rs) { return rs.ySplineValues; } : ySplineSelector;
         _this.nativeDrawingProvider = new _this.webAssemblyContext.SCRTScatterSeriesDrawingProvider();
         _this.xAnimationPointMarkerValues = new _this.webAssemblyContext.SCRTDoubleVector();
@@ -48,11 +47,15 @@ var PointMarkerDrawingProvider = /** @class */ (function (_super) {
     PointMarkerDrawingProvider.prototype.onSeriesPropertyChange = function (propertyName) {
         // Deliberately empty
     };
+    PointMarkerDrawingProvider.prototype.getProperties = function (parentSeries) {
+        return parentSeries;
+    };
     /**
      * @inheritDoc
      */
     PointMarkerDrawingProvider.prototype.draw = function (renderContext, renderPassData) {
-        var pointMarker = this.parentSeries.pointMarker;
+        var _a;
+        var pointMarker = (_a = this.getProperties(this.parentSeries)) === null || _a === void 0 ? void 0 : _a.pointMarker;
         if (pointMarker === undefined) {
             return;
         }
@@ -70,7 +73,7 @@ var PointMarkerDrawingProvider = /** @class */ (function (_super) {
         }
         var pointSeries = renderPassData.pointSeries;
         var isCategoryAxis = renderPassData.xCoordinateCalculator.isCategoryCoordinateCalculator;
-        var xValues = pointSeries.xValues;
+        var xValues = this.xSelector(pointSeries);
         var yValues = this.ySelector(pointSeries);
         if (this.parentSeries.isSpline) {
             var spline = this.parentSeries;

package/Charting/Visuals/RenderableSeries/DrawingProviders/UniformContoursDrawingProvider.js

@@ -21,9 +21,10 @@ var Deleter_1 = require("../../../../Core/Deleter");
 var Guard_1 = require("../../../../Core/Guard");
 var parseColor_1 = require("../../../../utils/parseColor");
 var TextureCache_1 = require("../../../Drawing/TextureCache");
+var NativeObject_1 = require("../../Helpers/NativeObject");
 var CanvasTexture_1 = require("../../TextureManager/CanvasTexture");
+var BaseHeatmapRenderableSeries_1 = require("../BaseHeatmapRenderableSeries");
 var constants_1 = require("../constants");
-var UniformHeatmapRenderableSeries_1 = require("../UniformHeatmapRenderableSeries");
 var BaseSeriesDrawingProvider_1 = require("./BaseSeriesDrawingProvider");
 /**
  * Used internally - a drawing provider performs drawing for a {@link UniformContoursDrawingProvider} using
@@ -57,7 +58,7 @@ var UniformContoursDrawingProvider = /** @class */ (function (_super) {
      * @inheritDoc
      */
     UniformContoursDrawingProvider.prototype.onSeriesPropertyChange = function (propertyName) {
-        var recreatePalette = propertyName === constants_1.PROPERTY.COLOR_MAP || propertyName.includes(UniformHeatmapRenderableSeries_1.COLOR_MAP_PREFIX);
+        var recreatePalette = propertyName === constants_1.PROPERTY.COLOR_MAP || propertyName.includes(BaseHeatmapRenderableSeries_1.COLOR_MAP_PREFIX);
         var recreateHeightmap = propertyName === constants_1.PROPERTY.DATA_SERIES;
         if (recreatePalette) {
             // DrawHeatmapRectWithContours("Delete/recreating paletteTexture");
@@ -129,7 +130,7 @@ var UniformContoursDrawingProvider = /** @class */ (function (_super) {
     };
     UniformContoursDrawingProvider.prototype.drawContours = function (renderContext, x, y, width, height, zMin, zMax, zStep, lineStyle) {
         // Compute params for contours
-        var floatParams = new this.webAssemblyContext.TSRVector4(0, 1, 0, 0);
+        var floatParams = (0, NativeObject_1.getVector4)(this.webAssemblyContext, 0, 1, 0, 0);
         var contourParams = new this.webAssemblyContext.SCRTContourParams();
         var offset = Math.abs(zMin) < app_1.EPSILON ? 0.5 : 0.01;
         var strokeColor = (0, parseColor_1.parseColorToTArgb)(lineStyle.color);
@@ -143,7 +144,6 @@ var UniformContoursDrawingProvider = /** @class */ (function (_super) {
         // console.log(`contours bounds: ${startX}, ${startY}, ${endX}, ${endY}`);
         var heightsTexture = this.heightsTextureCache.value;
         nativeContext.DrawHeatmapRectWithContours(null, heightsTexture, x, y, width, height, floatParams, contourParams);
-        floatParams === null || floatParams === void 0 ? void 0 : floatParams.delete();
         contourParams === null || contourParams === void 0 ? void 0 : contourParams.delete();
     };
     UniformContoursDrawingProvider.prototype.computeHeightMap = function (textureHeight, textureWidth, zValues, isVerticalChart, xFlipped, yFlipped) {

package/Charting/Visuals/RenderableSeries/DrawingProviders/UniformHeatmapDrawingProvider.d.ts

@@ -11,6 +11,9 @@ export declare class UniformHeatmapDrawingProvider extends BaseSeriesDrawingProv
     private paletteTexture;
     private heatTextureCache;
     private packedFloatParams;
+    private hasNaNs;
+    private opacity;
+    private gradientStops;
     /**
      * Creates an instance of the {@link UniformHeatmapDrawingProvider}
      * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and

package/Charting/Visuals/RenderableSeries/DrawingProviders/UniformHeatmapDrawingProvider.js

@@ -21,8 +21,8 @@ var Deleter_1 = require("../../../../Core/Deleter");
 var Guard_1 = require("../../../../Core/Guard");
 var TextureCache_1 = require("../../../Drawing/TextureCache");
 var CanvasTexture_1 = require("../../TextureManager/CanvasTexture");
+var BaseHeatmapRenderableSeries_1 = require("../BaseHeatmapRenderableSeries");
 var constants_1 = require("../constants");
-var UniformHeatmapRenderableSeries_1 = require("../UniformHeatmapRenderableSeries");
 var BaseSeriesDrawingProvider_1 = require("./BaseSeriesDrawingProvider");
 /**
  * Used internally - a drawing provider performs drawing for a {@link UniformHeatmapRenderableSeries} using
@@ -57,7 +57,7 @@ var UniformHeatmapDrawingProvider = /** @class */ (function (_super) {
      */
     UniformHeatmapDrawingProvider.prototype.onSeriesPropertyChange = function (propertyName) {
         var recreatePalette = propertyName === constants_1.PROPERTY.COLOR_MAP ||
-            propertyName.includes(UniformHeatmapRenderableSeries_1.COLOR_MAP_PREFIX) ||
+            propertyName.includes(BaseHeatmapRenderableSeries_1.COLOR_MAP_PREFIX) ||
             propertyName === constants_1.PROPERTY.OPACITY;
         var recreateHeat = propertyName === constants_1.PROPERTY.DATA_SERIES || constants_1.PROPERTY.USE_LINEAR_TEXTURE_FILTERING;
         if (recreatePalette) {
@@ -164,12 +164,22 @@ var UniformHeatmapDrawingProvider = /** @class */ (function (_super) {
         return canvasTexture;
     };
     UniformHeatmapDrawingProvider.prototype.recreatePalette = function () {
-        var _a;
+        var _a, _b;
+        // TODO comsoder using generic solution for memoization
+        var hasNaNs = (_a = this.parentSeries.dataSeries) === null || _a === void 0 ? void 0 : _a.hasNaNs;
+        // check if palette texture should be recreated
+        if (this.hasNaNs === hasNaNs &&
+            this.opacity === this.parentSeries.opacity &&
+            this.gradientStops === ((_b = this.parentSeries.colorMap) === null || _b === void 0 ? void 0 : _b.gradientStops)) {
+            return;
+        }
         this.paletteTexture = (0, Deleter_1.deleteSafe)(this.paletteTexture);
         if (this.parentSeries.colorMap && this.parentSeries.colorMap.gradientStops) {
+            this.hasNaNs = hasNaNs;
+            this.opacity = this.parentSeries.opacity;
+            this.gradientStops = this.parentSeries.colorMap.gradientStops;
             // console.log("Creating palette texture");
             // create palette texture at size 256x1
-            var hasNaNs = (_a = this.parentSeries.dataSeries) === null || _a === void 0 ? void 0 : _a.hasNaNs;
             this.paletteTexture = this.createPaletteTexture(256, 1, this.parentSeries.colorMap.gradientStops, this.parentSeries.opacity, hasNaNs);
         }
     };
@@ -179,6 +189,7 @@ var UniformHeatmapDrawingProvider = /** @class */ (function (_super) {
         var v4 = this.packedFloatParams;
         var contourParams = new this.webAssemblyContext.SCRTContourParams();
         var heatTexture = this.heatTextureCache.value;
+        this.recreatePalette();
         // nativeContext.DrawHeatmapRect(this.paletteTexture.getTexture(), heatTexture, x, y, width, height, v4);
         nativeContext.DrawHeatmapRectWithContours(this.paletteTexture.getTexture(), // this.paletteTexture.getTexture
         heatTexture, x, y, width, height, v4, contourParams);

package/Charting/Visuals/RenderableSeries/FastBandRenderableSeries.js

@@ -48,8 +48,9 @@ var FastBandRenderableSeries = /** @class */ (function (_super) {
      * @param options optional parameters of type {@link IBandRenderableSeriesOptions} applied when constructing the series type
      */
     function FastBandRenderableSeries(webAssemblyContext, options) {
+        var _this = this;
         var _a, _b;
-        var _this = _super.call(this, webAssemblyContext, options) || this;
+        _this = _super.call(this, webAssemblyContext, options) || this;
         _this.type = SeriesType_1.ESeriesType.BandSeries;
         // Must be called here for the series type to be available
         if ((_a = _this.paletteProvider) === null || _a === void 0 ? void 0 : _a.onAttached) {

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

@@ -7,10 +7,20 @@ import { IThemeProvider } from "../../Themes/IThemeProvider";
 import { BaseRenderableSeries } from "./BaseRenderableSeries";
 import { IHitTestProvider } from "./HitTest/IHitTestProvider";
 import { IBaseRenderableSeriesOptions } from "./IBaseRenderableSeriesOptions";
+import { IBubbleSeriesDataLabelProviderOptions } from "./DataLabels/BubbleSeriesDataLabelProvider";
+import { TSeriesDefinition } from "../../../Builder/buildSeries";
 /**
  * Optional parameters passed to the constructor of {@link FastBubbleRenderableSeries}
  */
 export interface IBubbleRenderableSeriesOptions extends IBaseRenderableSeriesOptions {
+    /**
+     * Options to pass to the {@link DataLabelProvider}. Set a style with font and size to enable per-point text for this series.
+     */
+    dataLabels?: IBubbleSeriesDataLabelProviderOptions;
+    /**
+     * The scale value of the bubble sizes
+     */
+    zMultiplier?: number;
 }
 /**
  * Defines a bubble-series or JavaScript bubble chart type in the SciChart's High Performance Real-time
@@ -36,6 +46,7 @@ export interface IBubbleRenderableSeriesOptions extends IBaseRenderableSeriesOpt
 export declare class FastBubbleRenderableSeries extends BaseRenderableSeries {
     /** @inheritDoc */
     readonly type = ESeriesType.BubbleSeries;
+    protected zMultiplierProperty: number;
     /**
      * Creates an instance of the {@link FastBubbleRenderableSeries}
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
@@ -47,6 +58,14 @@ export declare class FastBubbleRenderableSeries extends BaseRenderableSeries {
     get paletteProvider(): IPointMarkerPaletteProvider;
     /** @inheritDoc */
     set paletteProvider(paletteProvider: IPointMarkerPaletteProvider);
+    /**
+     * Gets or sets the scale value of the bubble sizes
+     */
+    get zMultiplier(): number;
+    /**
+     * Gets or sets the scale value of the bubble sizes
+     */
+    set zMultiplier(value: number);
     /** @inheritDoc */
     applyTheme(themeProvider: IThemeProvider): void;
     /**
@@ -65,4 +84,6 @@ export declare class FastBubbleRenderableSeries extends BaseRenderableSeries {
     toPointSeries(resamplingParams?: ResamplingParams): IPointSeries;
     /** @inheritDoc */
     protected newHitTestProvider(): IHitTestProvider;
+    /** @inheritDoc */
+    toJSON(excludeData?: boolean): TSeriesDefinition;
 }

package/Charting/Visuals/RenderableSeries/FastBubbleRenderableSeries.js

@@ -22,6 +22,8 @@ var EllipsePointMarker_1 = require("../PointMarkers/EllipsePointMarker");
 var BaseRenderableSeries_1 = require("./BaseRenderableSeries");
 var BubbleSeriesDrawingProvider_1 = require("./DrawingProviders/BubbleSeriesDrawingProvider");
 var BubbleSeriesHitTestProvider_1 = require("./HitTest/BubbleSeriesHitTestProvider");
+var BubbleSeriesDataLabelProvider_1 = require("./DataLabels/BubbleSeriesDataLabelProvider");
+var constants_1 = require("./constants");
 /**
  * Defines a bubble-series or JavaScript bubble chart type in the SciChart's High Performance Real-time
  * {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}
@@ -52,19 +54,26 @@ var FastBubbleRenderableSeries = /** @class */ (function (_super) {
      * @param options optional parameters of type {@link IBubbleRenderableSeriesOptions} applied when constructing the series type
      */
     function FastBubbleRenderableSeries(webAssemblyContext, options) {
-        var _a, _b;
-        var _this = _super.call(this, webAssemblyContext, options) || this;
+        var _this = this;
+        var _a, _b, _c;
+        _this = _super.call(this, webAssemblyContext, options) || this;
         /** @inheritDoc */
         _this.type = SeriesType_1.ESeriesType.BubbleSeries;
+        _this.zMultiplierProperty = 1;
+        _this.zMultiplierProperty = (_a = options === null || options === void 0 ? void 0 : options.zMultiplier) !== null && _a !== void 0 ? _a : _this.zMultiplierProperty;
         if (!_this.pointMarker) {
             _this.pointMarker = new EllipsePointMarker_1.EllipsePointMarker(webAssemblyContext, { width: 64, height: 64 });
         }
         // Must be called here for the series type to be available
-        if ((_a = _this.paletteProvider) === null || _a === void 0 ? void 0 : _a.onAttached) {
-            (_b = _this.paletteProvider) === null || _b === void 0 ? void 0 : _b.onAttached(_this);
+        if ((_b = _this.paletteProvider) === null || _b === void 0 ? void 0 : _b.onAttached) {
+            (_c = _this.paletteProvider) === null || _c === void 0 ? void 0 : _c.onAttached(_this);
         }
         _this.drawingProviders = [];
         _this.drawingProviders.push(new BubbleSeriesDrawingProvider_1.BubbleSeriesDrawingProvider(webAssemblyContext, _this));
+        if (!_this.dataLabelProviderProperty) {
+            _this.dataLabelProviderProperty = new BubbleSeriesDataLabelProvider_1.BubbleSeriesDataLabelProvider(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);
         }
@@ -82,6 +91,23 @@ var FastBubbleRenderableSeries = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(FastBubbleRenderableSeries.prototype, "zMultiplier", {
+        /**
+         * Gets or sets the scale value of the bubble sizes
+         */
+        get: function () {
+            return this.zMultiplierProperty;
+        },
+        /**
+         * Gets or sets the scale value of the bubble sizes
+         */
+        set: function (value) {
+            this.zMultiplierProperty = value;
+            this.notifyPropertyChanged(constants_1.PROPERTY.Z_MULTIPLIER);
+        },
+        enumerable: false,
+        configurable: true
+    });
     /** @inheritDoc */
     FastBubbleRenderableSeries.prototype.applyTheme = function (themeProvider) {
         _super.prototype.applyTheme.call(this, themeProvider);
@@ -116,6 +142,16 @@ var FastBubbleRenderableSeries = /** @class */ (function (_super) {
     FastBubbleRenderableSeries.prototype.newHitTestProvider = function () {
         return new BubbleSeriesHitTestProvider_1.BubbleSeriesHitTestProvider(this, this.webAssemblyContext);
     };
+    /** @inheritDoc */
+    FastBubbleRenderableSeries.prototype.toJSON = function (excludeData) {
+        if (excludeData === void 0) { excludeData = false; }
+        var json = _super.prototype.toJSON.call(this, excludeData);
+        var options = {
+            zMultiplier: this.zMultiplier
+        };
+        Object.assign(json.options, options);
+        return json;
+    };
     return FastBubbleRenderableSeries;
 }(BaseRenderableSeries_1.BaseRenderableSeries));
 exports.FastBubbleRenderableSeries = FastBubbleRenderableSeries;

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

@@ -67,4 +67,6 @@ export declare class FastCandlestickRenderableSeries extends BaseOhlcRenderableS
      */
     set brushDown(htmlColorCode: string);
     toJSON(excludeData?: boolean): import("../../../Builder/buildSeries").TSeriesDefinition;
+    /** @inheritDoc */
+    resolveAutoColors(index: number, maxSeries: number, theme: IThemeProvider): void;
 }

package/Charting/Visuals/RenderableSeries/FastCandlestickRenderableSeries.js

@@ -17,6 +17,7 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FastCandlestickRenderableSeries = void 0;
 var SeriesType_1 = require("../../../types/SeriesType");
+var IThemeProvider_1 = require("../../Themes/IThemeProvider");
 var SciChartSurfaceBase_1 = require("../SciChartSurfaceBase");
 var BaseOhlcRenderableSeries_1 = require("./BaseOhlcRenderableSeries");
 var constants_1 = require("./constants");
@@ -50,8 +51,9 @@ var FastCandlestickRenderableSeries = /** @class */ (function (_super) {
      * @param options optional parameters of type {@linICandlestickRenderableSeriesOptionsns} applied when constructing the series type
      */
     function FastCandlestickRenderableSeries(webAssemblyContext, options) {
+        var _this = this;
         var _a, _b;
-        var _this = _super.call(this, webAssemblyContext, options) || this;
+        _this = _super.call(this, webAssemblyContext, options) || this;
         _this.type = SeriesType_1.ESeriesType.CandlestickSeries;
         _this.brushUp = (options === null || options === void 0 ? void 0 : options.brushUp) || SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.upBodyBrush;
         _this.brushDown = (options === null || options === void 0 ? void 0 : options.brushDown) || SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.downBodyBrush;
@@ -81,7 +83,7 @@ var FastCandlestickRenderableSeries = /** @class */ (function (_super) {
          * Gets or sets the fill when candlestick close is greater than open, as an HTML color code
          */
         get: function () {
-            return this.brushUpProperty;
+            return (0, IThemeProvider_1.stripAutoColor)(this.brushUpProperty);
         },
         /**
          * Gets or sets the fill when candlestick close is greater than open, as an HTML color code
@@ -98,7 +100,7 @@ var FastCandlestickRenderableSeries = /** @class */ (function (_super) {
          * Gets or sets the fill when candlestick close is less than open, as an HTML color code
          */
         get: function () {
-            return this.brushDownProperty;
+            return (0, IThemeProvider_1.stripAutoColor)(this.brushDownProperty);
         },
         /**
          * Gets or sets the fill when candlestick close is less than open, as an HTML color code
@@ -120,6 +122,19 @@ var FastCandlestickRenderableSeries = /** @class */ (function (_super) {
         Object.assign(json.options, options);
         return json;
     };
+    /** @inheritDoc */
+    FastCandlestickRenderableSeries.prototype.resolveAutoColors = function (index, maxSeries, theme) {
+        _super.prototype.resolveAutoColors.call(this, index, maxSeries, theme);
+        if (this.brushUpProperty.startsWith(IThemeProvider_1.AUTO_COLOR)) {
+            var color = theme.getFillColor(index, maxSeries, this.webAssemblyContext);
+            this.brushUp = IThemeProvider_1.AUTO_COLOR + this.adjustAutoColor("brushUp", color);
+        }
+        var y1Index = (index + Math.floor(maxSeries / 2)) % maxSeries;
+        if (this.brushDownProperty.startsWith(IThemeProvider_1.AUTO_COLOR)) {
+            var color = theme.getFillColor(y1Index, maxSeries, this.webAssemblyContext);
+            this.brushDown = IThemeProvider_1.AUTO_COLOR + this.adjustAutoColor("brushDown", color);
+        }
+    };
     return FastCandlestickRenderableSeries;
 }(BaseOhlcRenderableSeries_1.BaseOhlcRenderableSeries));
 exports.FastCandlestickRenderableSeries = FastCandlestickRenderableSeries;

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

@@ -1,8 +1,10 @@
+import { GradientParams } from "../../../Core/GradientParams";
 import { NumberRange } from "../../../Core/NumberRange";
 import { ESeriesType } from "../../../types/SeriesType";
 import { TSciChart } from "../../../types/TSciChart";
 import { IThemeProvider } from "../../Themes/IThemeProvider";
 import { BaseRenderableSeries } from "./BaseRenderableSeries";
+import { IColumnSeriesDataLabelProviderOptions } from "./DataLabels/ColumnSeriesDataLabelProvider";
 import { IHitTestProvider } from "./HitTest/IHitTestProvider";
 import { IBaseRenderableSeriesOptions } from "./IBaseRenderableSeriesOptions";
 /**
@@ -21,6 +23,18 @@ export interface IColumnRenderableSeriesOptions extends IBaseRenderableSeriesOpt
      * Gets or sets the Zero-line Y, the Y-value where the column crosses zero and inverts. Default is 0
      */
     zeroLineY?: number;
+    /**
+     * Gets or sets the fill as a gradient brush
+     */
+    fillLinearGradient?: GradientParams;
+    /**
+     * Radius of top corners for rounded columns
+     */
+    cornerRadius?: number;
+    /**
+     * Options to pass to the DataLabelProvider. Set a style with font and size to enable per-point text for this series.
+     */
+    dataLabels?: IColumnSeriesDataLabelProviderOptions;
 }
 /**
  * Defines a column-series or JavaScript column chart type in the SciChart's High Performance Real-time
@@ -49,6 +63,8 @@ export declare class FastColumnRenderableSeries extends BaseRenderableSeries {
     private fillProperty;
     private zeroLineYProperty;
     private dataPointWidthProperty;
+    private cornerRadiusProperty;
+    private fillLinearGradientProperty;
     /**
      * Creates an instance of the {@link FastColumnRenderableSeries}
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
@@ -60,11 +76,19 @@ export declare class FastColumnRenderableSeries extends BaseRenderableSeries {
     get fill(): string;
     set fill(htmlColorCode: string);
     /**
-     * Gets or sets the Zero-line Y, the Y-value where the mountain crosses zero and inverts. Default is 0
+     * Gets or sets the fill as a gradient brush
+     */
+    get fillLinearGradient(): GradientParams;
+    /**
+     * Gets or sets the fill as a gradient brush
+     */
+    set fillLinearGradient(gradientBrushParams: GradientParams);
+    /**
+     * Gets or sets the Zero-line Y, the Y-value for the base of the columns. Default is 0
      */
     get zeroLineY(): number;
     /**
-     * Gets or sets the Zero-line Y, the Y-value where the mountain crosses zero and inverts. Default is 0
+     * Gets or sets the Zero-line Y, the Y-value for the base of the columns. Default is 0
      */
     set zeroLineY(zeroLineY: number);
     /**
@@ -75,6 +99,14 @@ export declare class FastColumnRenderableSeries extends BaseRenderableSeries {
      * Gets or sets the width of candles as a fraction of available space. Valid values range from 0.0 - 1.0
      */
     set dataPointWidth(dataPointWidth: number);
+    /**
+     * Gets or sets the corner radius, to give the columns rounded corners. Default is 0
+     */
+    get cornerRadius(): number;
+    /**
+     * Gets or sets the corner radius, to give the columns rounded corners. Default is 0
+     */
+    set cornerRadius(cornerRadius: number);
     /**
      * @inheritDoc
      */
@@ -84,6 +116,8 @@ export declare class FastColumnRenderableSeries extends BaseRenderableSeries {
      */
     getYRange(xVisibleRange: NumberRange, isXCategoryAxis?: boolean): NumberRange;
     /** @inheritDoc */
+    resolveAutoColors(index: number, maxSeries: number, theme: IThemeProvider): void;
+    /** @inheritDoc */
     toJSON(excludeData?: boolean): import("../../../Builder/buildSeries").TSeriesDefinition;
     /** @inheritDoc */
     protected newHitTestProvider(): IHitTestProvider;

package/Charting/Visuals/RenderableSeries/FastColumnRenderableSeries.js

@@ -14,13 +14,27 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getXRange = exports.FastColumnRenderableSeries = void 0;
 var NumberRange_1 = require("../../../Core/NumberRange");
 var SeriesType_1 = require("../../../types/SeriesType");
+var TextPosition_1 = require("../../../types/TextPosition");
+var IThemeProvider_1 = require("../../Themes/IThemeProvider");
 var SciChartSurfaceBase_1 = require("../SciChartSurfaceBase");
 var BaseRenderableSeries_1 = require("./BaseRenderableSeries");
 var constants_1 = require("./constants");
+var ColumnSeriesDataLabelProvider_1 = require("./DataLabels/ColumnSeriesDataLabelProvider");
 var ColumnSeriesDrawingProvider_1 = require("./DrawingProviders/ColumnSeriesDrawingProvider");
 var PointMarkerDrawingProvider_1 = require("./DrawingProviders/PointMarkerDrawingProvider");
 var ColumnSeriesHitTestProvider_1 = require("./HitTest/ColumnSeriesHitTestProvider");
@@ -54,19 +68,27 @@ var FastColumnRenderableSeries = /** @class */ (function (_super) {
      * @param options optional parameters of type {@link IColumnRenderableSeriesOptions} applied when constructing the series type
      */
     function FastColumnRenderableSeries(webAssemblyContext, options) {
-        var _a, _b, _c, _d, _e;
-        var _this = _super.call(this, webAssemblyContext, options) || this;
+        var _this = this;
+        var _a, _b, _c, _d, _e, _f, _g;
+        _this = _super.call(this, webAssemblyContext, options) || this;
         /** @inheritDoc */
         _this.type = SeriesType_1.ESeriesType.ColumnSeries;
         _this.fillProperty = SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.columnFillBrush;
         _this.zeroLineYProperty = 0;
         _this.dataPointWidthProperty = 0.8;
+        _this.cornerRadiusProperty = 0;
         _this.fill = (_a = options === null || options === void 0 ? void 0 : options.fill) !== null && _a !== void 0 ? _a : _this.fillProperty;
         _this.zeroLineY = (_b = options === null || options === void 0 ? void 0 : options.zeroLineY) !== null && _b !== void 0 ? _b : _this.zeroLineYProperty;
         _this.dataPointWidthProperty = (_c = options === null || options === void 0 ? void 0 : options.dataPointWidth) !== null && _c !== void 0 ? _c : _this.dataPointWidthProperty;
+        _this.fillLinearGradientProperty = (_d = options === null || options === void 0 ? void 0 : options.fillLinearGradient) !== null && _d !== void 0 ? _d : _this.fillLinearGradientProperty;
+        _this.cornerRadiusProperty = (_e = options === null || options === void 0 ? void 0 : options.cornerRadius) !== null && _e !== void 0 ? _e : _this.cornerRadiusProperty;
         // Must be called here for the series type to be available
-        if ((_d = _this.paletteProvider) === null || _d === void 0 ? void 0 : _d.onAttached) {
-            (_e = _this.paletteProvider) === null || _e === void 0 ? void 0 : _e.onAttached(_this);
+        if ((_f = _this.paletteProvider) === null || _f === void 0 ? void 0 : _f.onAttached) {
+            (_g = _this.paletteProvider) === null || _g === void 0 ? void 0 : _g.onAttached(_this);
+        }
+        if (!_this.dataLabelProviderProperty) {
+            _this.dataLabelProviderProperty = new ColumnSeriesDataLabelProvider_1.ColumnSeriesDataLabelProvider(__assign({ horizontalTextPosition: TextPosition_1.EHorizontalTextPosition.Center }, options === null || options === void 0 ? void 0 : options.dataLabels));
+            _this.dataLabelProviderProperty.onAttach(_this.webAssemblyContext, _this);
         }
         _this.drawingProviders.push(new ColumnSeriesDrawingProvider_1.ColumnSeriesDrawingProvider(webAssemblyContext, _this));
         _this.drawingProviders.push(new PointMarkerDrawingProvider_1.PointMarkerDrawingProvider(webAssemblyContext, _this));
@@ -87,7 +109,7 @@ var FastColumnRenderableSeries = /** @class */ (function (_super) {
     };
     Object.defineProperty(FastColumnRenderableSeries.prototype, "fill", {
         get: function () {
-            return this.fillProperty;
+            return (0, IThemeProvider_1.stripAutoColor)(this.fillProperty);
         },
         set: function (htmlColorCode) {
             this.fillProperty = htmlColorCode;
@@ -96,15 +118,35 @@ var FastColumnRenderableSeries = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(FastColumnRenderableSeries.prototype, "fillLinearGradient", {
+        /**
+         * Gets or sets the fill as a gradient brush
+         */
+        get: function () {
+            return this.fillLinearGradientProperty;
+        },
+        /**
+         * Gets or sets the fill as a gradient brush
+         */
+        set: function (gradientBrushParams) {
+            // We need this check, to prevent creating new Texture if we set the same value
+            if (gradientBrushParams !== this.fillLinearGradientProperty) {
+                this.fillLinearGradientProperty = gradientBrushParams;
+                this.notifyPropertyChanged(constants_1.PROPERTY.FILL_LINEAR_GRADIENT);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(FastColumnRenderableSeries.prototype, "zeroLineY", {
         /**
-         * Gets or sets the Zero-line Y, the Y-value where the mountain crosses zero and inverts. Default is 0
+         * Gets or sets the Zero-line Y, the Y-value for the base of the columns. Default is 0
          */
         get: function () {
             return this.zeroLineYProperty;
         },
         /**
-         * Gets or sets the Zero-line Y, the Y-value where the mountain crosses zero and inverts. Default is 0
+         * Gets or sets the Zero-line Y, the Y-value for the base of the columns. Default is 0
          */
         set: function (zeroLineY) {
             this.zeroLineYProperty = zeroLineY;
@@ -130,6 +172,23 @@ var FastColumnRenderableSeries = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(FastColumnRenderableSeries.prototype, "cornerRadius", {
+        /**
+         * Gets or sets the corner radius, to give the columns rounded corners. Default is 0
+         */
+        get: function () {
+            return this.cornerRadiusProperty;
+        },
+        /**
+         * Gets or sets the corner radius, to give the columns rounded corners. Default is 0
+         */
+        set: function (cornerRadius) {
+            this.cornerRadiusProperty = cornerRadius;
+            this.notifyPropertyChanged(constants_1.PROPERTY.CORNER_RADIUS);
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * @inheritDoc
      */
@@ -150,13 +209,23 @@ var FastColumnRenderableSeries = /** @class */ (function (_super) {
         return new NumberRange_1.NumberRange(Math.min(yRange.min, this.zeroLineY), Math.max(yRange.max, this.zeroLineY));
     };
     /** @inheritDoc */
+    FastColumnRenderableSeries.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 */
     FastColumnRenderableSeries.prototype.toJSON = function (excludeData) {
         if (excludeData === void 0) { excludeData = false; }
         var json = _super.prototype.toJSON.call(this, excludeData);
         var options = {
             dataPointWidth: this.dataPointWidth,
             fill: this.fill,
-            zeroLineY: this.zeroLineY
+            zeroLineY: this.zeroLineY,
+            fillLinearGradient: this.fillLinearGradient,
+            cornerRadius: this.cornerRadius
         };
         Object.assign(json.options, options);
         return json;

package/Charting/Visuals/RenderableSeries/FastErrorBarsRenderableSeries.js

@@ -60,8 +60,9 @@ var FastErrorBarsRenderableSeries = /** @class */ (function (_super) {
      * @param options optional parameters of type {@link IFastErrorBarsRenderableSeriesOptions} applied when constructing the series type
      */
     function FastErrorBarsRenderableSeries(webAssemblyContext, options) {
+        var _this = this;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        var _this = _super.call(this, webAssemblyContext, options) || this;
+        _this = _super.call(this, webAssemblyContext, options) || this;
         _this.type = SeriesType_1.ESeriesType.ErrorBarsSeries;
         _this.dataPointWidthProperty = 0.5;
         _this.dataPointWidthModeProperty = DataPointWidthMode_1.EDataPointWidthMode.Relative;

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

@@ -2,6 +2,7 @@ import { NumberRange } from "../../../Core/NumberRange";
 import { ESeriesType } from "../../../types/SeriesType";
 import { TSciChart } from "../../../types/TSciChart";
 import { IThemeProvider } from "../../Themes/IThemeProvider";
+import { IDataLabelProviderOptions } from "./DataLabels/DataLabelProvider";
 import { FastColumnRenderableSeries } from "./FastColumnRenderableSeries";
 import { IHitTestProvider } from "./HitTest/IHitTestProvider";
 import { IBaseRenderableSeriesOptions } from "./IBaseRenderableSeriesOptions";
@@ -21,6 +22,10 @@ export interface IImpulseRenderableSeries extends IBaseRenderableSeriesOptions {
      * Gets or sets the Zero-line Y, the Y-value where the column crosses zero and inverts. Default is 0
      */
     zeroLineY?: number;
+    /**
+     * Options to pass to the DataLabelProvider. Set a style with font and size to enable per-point text for this series.
+     */
+    dataLabels?: IDataLabelProviderOptions;
 }
 /**
  * Defines a impulse-series or JavaScript impulse chart type in the SciChart's High Performance Real-time
@@ -80,5 +85,7 @@ export declare class FastImpulseRenderableSeries extends FastColumnRenderableSer
     /** @inheritDoc */
     applyTheme(themeProvider: IThemeProvider): void;
     /** @inheritDoc */
+    resolveAutoColors(index: number, maxSeries: number, theme: IThemeProvider): void;
+    /** @inheritDoc */
     protected newHitTestProvider(): IHitTestProvider;
 }