mdt-charts 1.33.0 → 1.33.2

package/lib/engine/elementHighlighter/elementHighlighter.js

@@ -87,7 +87,7 @@ export class ElementHighlighter {
         charts.forEach((chart) => {
             const elems = DomSelectionHelper.get2DChartElements(block, chart);
             if (chart.type !== "bar")
-                MarkDot.tryMakeMarkDotVisible(elems, chart.markersOptions, false);
+                MarkDot.handleMarkDotVisibility(elems, chart.markersOptions, false);
             this.toggle2DElements(elems, false, chart, transitionDuration);
             this.toggleActivityStyle(elems, true);
         });
@@ -97,7 +97,7 @@ export class ElementHighlighter {
             const elems = DomSelectionHelper.get2DChartElements(block, chart);
             const selectedElems = DomSelectionHelper.getChartElementsByKeys(elems, chart.isSegmented, keyFieldName, block.filterEventManager.getSelectedKeys(), SelectionCondition.Exclude);
             if (chart.type !== "bar")
-                MarkDot.tryMakeMarkDotVisible(selectedElems, chart.markersOptions, false);
+                MarkDot.handleMarkDotVisibility(selectedElems, chart.markersOptions, false);
             this.toggle2DElements(selectedElems, false, chart, transitionDuration);
             if (block.filterEventManager.getSelectedKeys().length > 0)
                 this.toggleActivityStyle(selectedElems, false);

package/lib/engine/elementHighlighter/selectHighlighter.js

@@ -13,14 +13,14 @@ export class SelectHighlighter {
             if (!appendKey) {
                 ElementHighlighter.toggle2DElements(selectedElements, false, chart, block.transitionManager.durations.markerHover);
                 if (chart.type !== "bar")
-                    MarkDot.tryMakeMarkDotVisible(selectedElements, chart.markersOptions, false);
+                    MarkDot.handleMarkDotVisibility(selectedElements, chart.markersOptions, false);
                 if (selectedKeys.length > 0) {
                     ElementHighlighter.toggleActivityStyle(selectedElements, false);
                 }
                 else {
                     ElementHighlighter.toggleActivityStyle(elements, true);
                     if (chart.type !== "bar")
-                        MarkDot.tryMakeMarkDotVisible(elements, chart.markersOptions, false);
+                        MarkDot.handleMarkDotVisibility(elements, chart.markersOptions, false);
                 }
                 return;
             }
@@ -33,12 +33,12 @@ export class SelectHighlighter {
                 ElementHighlighter.toggle2DElements(DomSelectionHelper.getChartElementsByKeys(elements, chart.isSegmented, options.data.keyField.name, selectedKeys, SelectionCondition.Exclude), false, chart, block.transitionManager.durations.markerHover);
                 ElementHighlighter.toggleActivityStyle(elements, false);
                 if (chart.type !== "bar")
-                    MarkDot.tryMakeMarkDotVisible(elements, chart.markersOptions, false);
+                    MarkDot.handleMarkDotVisibility(elements, chart.markersOptions, false);
                 ElementHighlighter.toggleActivityStyle(selectedElements, true);
                 ElementHighlighter.toggle2DElements(selectedElements, true, chart, block.transitionManager.durations.markerHover);
             }
             if (chart.type !== "bar")
-                MarkDot.tryMakeMarkDotVisible(selectedElements, chart.markersOptions, true);
+                MarkDot.handleMarkDotVisibility(selectedElements, chart.markersOptions, true);
         });
     }
     static clickPolarHandler(multySelection, appendKey, selectedSegment, selectedKeys, margin, blockSize, block, options, arcItems, donutSettings) {
@@ -80,7 +80,7 @@ export class SelectHighlighter {
             ElementHighlighter.toggle2DElements(elements, false, chart, block.transitionManager.durations.markerHover);
             ElementHighlighter.toggleActivityStyle(elements, true);
             if (chart.type !== "bar")
-                MarkDot.tryMakeMarkDotVisible(elements, chart.markersOptions, false);
+                MarkDot.handleMarkDotVisibility(elements, chart.markersOptions, false);
         });
     }
     static clearPolar(margin, blockSize, block, options, arcItems, donutSettings) {

package/lib/engine/features/markDots/markDot.d.ts

@@ -19,7 +19,7 @@ export declare class MarkDot {
     static update(block: Block, newData: MdtChartsDataRow[], keyAxisOrient: Orient, scales: Scales, margin: BlockMargin, keyFieldName: string, vfIndex: number, valueFieldName: string, chart: TwoDimensionalChartModel): void;
     static updateColors(block: Block, chart: TwoDimensionalChartModel, valueFieldIndex: number): void;
     static getMarkDotForChart(block: Block, chartCssClasses: string[]): Selection<BaseType, MarkDotDataItem, BaseType, unknown>;
-    static tryMakeMarkDotVisible(elems: Selection<BaseType, MdtChartsDataRow, BaseType, unknown>, markersOptions: MarkersOptions, turnOnIfCan: boolean): void;
+    static handleMarkDotVisibility(elems: Selection<BaseType, MdtChartsDataRow, BaseType, unknown>, markersOptions: MarkersOptions, turnOnIfCan?: boolean): void;
     private static toggleMarkDotVisible;
     private static setClassesAndStyle;
     private static setAttrs;

package/lib/engine/features/markDots/markDot.js

@@ -16,7 +16,7 @@ export class MarkDot {
         const dots = dotsWrapper.append("circle");
         this.setAttrs(block, dots, attrs, chart.markersOptions.styles);
         this.setClassesAndStyle(dots, chart.cssClasses, vfIndex, chart.style.elementColors);
-        MarkDot.tryMakeMarkDotVisible(dots, chart.markersOptions, false);
+        MarkDot.handleMarkDotVisibility(dots, chart.markersOptions, false);
     }
     static update(block, newData, keyAxisOrient, scales, margin, keyFieldName, vfIndex, valueFieldName, chart) {
         const dots = block.svg
@@ -24,16 +24,12 @@ export class MarkDot {
             .selectAll(`.${this.markerDotClass}${Helper.getCssClassesLine(chart.cssClasses)}.chart-element-${vfIndex}`)
             .data(newData.map((row) => (Object.assign(Object.assign({}, row), { $mdtChartsMetadata: { valueFieldName } }))));
         dots.exit().remove();
-        dots.each(function (datum) {
-            if (chart.markersOptions.show({ row: datum, valueFieldName })) {
-                MarkDot.toggleMarkDotVisible(select(this), true);
-            }
-        });
+        MarkDot.handleMarkDotVisibility(dots, chart.markersOptions);
         const attrs = MarkDotHelper.getDotAttrs(keyAxisOrient, scales, margin, keyFieldName, valueFieldName, chart.isSegmented);
         const newDots = dots.enter().append("circle");
         this.setAttrs(block, newDots, attrs, chart.markersOptions.styles);
         this.setClassesAndStyle(newDots, chart.cssClasses, vfIndex, chart.style.elementColors);
-        MarkDot.tryMakeMarkDotVisible(newDots, chart.markersOptions, false);
+        MarkDot.handleMarkDotVisibility(newDots, chart.markersOptions, false);
         const animationName = "data-updating";
         dots.interrupt(animationName)
             .transition(animationName)
@@ -50,18 +46,24 @@ export class MarkDot {
     static getMarkDotForChart(block, chartCssClasses) {
         return block.getSvg().selectAll(`.${MarkDot.markerDotClass}${Helper.getCssClassesLine(chartCssClasses)}`);
     }
-    static tryMakeMarkDotVisible(elems, markersOptions, turnOnIfCan) {
+    static handleMarkDotVisibility(elems, markersOptions, turnOnIfCan) {
         elems.each(function (datum) {
             var _a;
-            if (!markersOptions.show({
+            let visibility = turnOnIfCan;
+            const checkOptions = {
                 row: datum,
                 valueFieldName: (_a = datum.$mdtChartsMetadata) === null || _a === void 0 ? void 0 : _a.valueFieldName
-            }))
-                MarkDot.toggleMarkDotVisible(select(this), turnOnIfCan);
+            };
+            if (markersOptions.shouldForceShow(checkOptions))
+                visibility = true;
+            if (markersOptions.shouldForceHide(checkOptions))
+                visibility = false;
+            if (visibility != null)
+                MarkDot.toggleMarkDotVisible(select(this), visibility);
         });
     }
-    static toggleMarkDotVisible(markDots, isHighlight) {
-        markDots.classed(MarkDot.hiddenDotClass, !isHighlight);
+    static toggleMarkDotVisible(markDots, isVisible) {
+        markDots.classed(MarkDot.hiddenDotClass, !isVisible);
     }
     static setClassesAndStyle(dots, cssClasses, vfIndex, elementColors) {
         DomSelectionHelper.setCssClasses(dots, Helper.getCssClassesWithElementIndex(cssClasses, vfIndex));

package/lib/engine/features/scale/scale.d.ts

@@ -11,7 +11,7 @@ export interface ScalesWithSecondary extends Scales {
 export declare class Scale {
     static getScales(scaleKey: ScaleKeyModel, scaleValue: ScaleValueModel, bandSettings: BarChartSettings): Scales;
     static getScalesWithSecondary(scaleKey: ScaleKeyModel, scaleValue: ScaleValueModel, scaleValueSecondary: ScaleValueModel, bandSettings: BarChartSettings): ScalesWithSecondary;
-    static getScaleValue(scaleValue: ScaleValueModel): ScaleLinear<number, number, never>;
+    static getScaleValue(scaleValue: ScaleValueModel): ScaleLinear<number, number, number>;
     static getScaleBandWidth(scale: AxisScale<any>): number;
     static getScaleStep(scale: AxisScale<any>): number;
     static getScaledValue(scale: AxisScale<any>, value: any): number;

package/lib/engine/features/scale/scale.js

@@ -64,7 +64,9 @@ export class Scale {
         return scale;
     }
     static getScaleLinear(domain, range) {
-        return scaleLinear().domain(domain).range([range.start, range.end]);
+        const scale = scaleLinear().domain(domain).range([range.start, range.end]);
+        scale.unknown(scale(0));
+        return scale;
     }
     static getScalePoint(domain, range) {
         return scalePoint().domain(domain).range([range.start, range.end]);

package/lib/engine/features/tolltip/tooltip.js

@@ -80,7 +80,7 @@ export class Tooltip {
                         if (!block.filterEventManager.isSelected(currentKey)) {
                             const oldElements = DomSelectionHelper.getChartElementsByKeys(elements, chart.isSegmented, args.dataOptions.keyField.name, [currentKey]);
                             if (chart.type !== "bar")
-                                MarkDot.tryMakeMarkDotVisible(oldElements, chart.markersOptions, false);
+                                MarkDot.handleMarkDotVisibility(oldElements, chart.markersOptions, false);
                             ElementHighlighter.toggle2DElements(oldElements, false, chart, block.transitionManager.durations.markerHover);
                             if (block.filterEventManager.getSelectedKeys().length > 0) {
                                 ElementHighlighter.toggleActivityStyle(oldElements, false);
@@ -88,7 +88,7 @@ export class Tooltip {
                         }
                         const selectedElements = DomSelectionHelper.getChartElementsByKeys(elements, chart.isSegmented, args.dataOptions.keyField.name, [keyValue]);
                         if (chart.type !== "bar")
-                            MarkDot.tryMakeMarkDotVisible(selectedElements, chart.markersOptions, true);
+                            MarkDot.handleMarkDotVisibility(selectedElements, chart.markersOptions, true);
                         ElementHighlighter.toggleActivityStyle(selectedElements, true);
                         if (block.filterEventManager.getSelectedKeys().length === 0 ||
                             block.filterEventManager.isSelected(keyValue)) {

package/lib/engine/features/valueLabels/valueLabels.d.ts

@@ -25,6 +25,7 @@ export declare class ChartValueLabels {
     private readonly globalOptions;
     private readonly chart;
     static readonly valueLabelClass: string;
+    static readonly valueLabelHiddenClass: string;
     private readonly renderPipeline;
     private readonly attrsProvider;
     private options;

package/lib/engine/features/valueLabels/valueLabels.js

@@ -67,7 +67,7 @@ export class ChartValueLabels {
         let valueLabels = this.getAllValueLabelsOfChart(groupIndex).data(data).enter().append("text");
         valueLabels = this.renderPipeline.execute(valueLabels, { style: this.globalOptions.canvas.style });
         const attrs = this.attrsProvider.getAttrs(this.globalOptions, this.options, scales, datumField, dataRowAccessor);
-        this.setAttrs(valueLabels, attrs, valueFieldName, this.options.setContent, dataRowAccessor);
+        this.setAttrs(valueLabels, attrs, valueFieldName, dataRowAccessor);
         this.setClasses(valueLabels, this.chart.cssClasses, groupIndex);
     }
     updateByGroupIndex(scales, groupIndex, data, datumField, dataRowAccessor, valueFieldName) {
@@ -82,26 +82,27 @@ export class ChartValueLabels {
             let newValueLabels = valueLabels.enter().append("text");
             newValueLabels = this.renderPipeline.execute(newValueLabels, { style: this.globalOptions.canvas.style });
             const mergedValueLabels = newValueLabels.merge(valueLabels);
-            this.setAttrs(newValueLabels, attrs, valueFieldName, this.options.setContent, dataRowAccessor);
+            this.setAttrs(newValueLabels, attrs, valueFieldName, dataRowAccessor);
             this.setClasses(mergedValueLabels, this.chart.cssClasses, groupIndex);
-            this.setAttrs(valueLabels, attrs, valueFieldName, this.options.setContent, dataRowAccessor, true, resolve);
+            this.setAttrs(valueLabels, attrs, valueFieldName, dataRowAccessor, true, resolve);
         });
     }
     getAllValueLabelsOfChart(vfIndex) {
         const block = this.globalOptions.elementAccessors.getBlock().svg.getChartBlock();
         return block.selectAll(`.${ChartValueLabels.valueLabelClass}.${CLASSES.dataLabel}${Helper.getCssClassesLine(this.chart.cssClasses)}.chart-element-${vfIndex}`);
     }
-    setAttrs(valueLabels, attrs, valueFieldName, setContent, dataRowAccessor, animate = false, onEndAnimation) {
+    setAttrs(valueLabels, attrs, valueFieldName, dataRowAccessor, animate = false, onEndAnimation) {
         const animationName = "labels-updating";
         let selection = valueLabels
             .attr("dominant-baseline", attrs.dominantBaseline)
             .attr("text-anchor", attrs.textAnchor);
+        const thisClass = this;
         selection.each(function (d) {
             select(this).selectAll("tspan").remove();
-            const content = setContent({ dataRow: dataRowAccessor(d), fieldName: valueFieldName });
+            const content = thisClass.options.setContent({ dataRow: dataRowAccessor(d), fieldName: valueFieldName });
             content.rows.forEach((row, rowIndex) => {
                 const tspan = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
-                // Pass empty string to count this element for correct working of dy
+                // Pass an empty string so this element is counted, ensuring correct `dy` attribute behavior
                 // https://stackoverflow.com/questions/34078357/empty-tspan-not-rendered-dy-value-ignored
                 tspan.textContent = row.toString() || " ";
                 if (rowIndex !== 0)
@@ -110,6 +111,9 @@ export class ChartValueLabels {
                 this.appendChild(tspan);
             });
         });
+        selection.classed(ChartValueLabels.valueLabelHiddenClass, (d) => {
+            return !this.options.showLabel({ row: dataRowAccessor(d), valueFieldName });
+        });
         if (animate) {
             selection = selection
                 .interrupt(animationName)
@@ -152,6 +156,7 @@ export class ChartValueLabels {
     }
 }
 ChartValueLabels.valueLabelClass = NamesHelper.getClassName("value-label");
+ChartValueLabels.valueLabelHiddenClass = NamesHelper.getClassName("value-label-hidden");
 export class CanvasValueLabels {
     constructor(options) {
         this.options = options;
@@ -159,7 +164,7 @@ export class CanvasValueLabels {
     }
     render(scales, charts, data, dataOptions) {
         const valueLabelsSettings = this.options.canvas.valueLabels;
-        const chartsWithLabels = charts.filter((chart) => { var _a; return (_a = chart.valueLabels) === null || _a === void 0 ? void 0 : _a.show; });
+        const chartsWithLabels = charts.filter((chart) => { var _a; return (_a = chart.valueLabels) === null || _a === void 0 ? void 0 : _a.enabled; });
         if (chartsWithLabels.length === 0)
             return;
         chartsWithLabels.forEach((chart) => {
@@ -173,7 +178,7 @@ export class CanvasValueLabels {
     }
     update(scales, charts, data, dataOptions, newCanvasOptions) {
         this.options.canvas.valueLabels = newCanvasOptions;
-        const chartsWithLabels = charts.filter((chart) => { var _a; return (_a = chart.valueLabels) === null || _a === void 0 ? void 0 : _a.show; });
+        const chartsWithLabels = charts.filter((chart) => { var _a; return (_a = chart.valueLabels) === null || _a === void 0 ? void 0 : _a.enabled; });
         if (chartsWithLabels.length === 0)
             return;
         if (this.options.canvas.valueLabels.collision.otherValueLables.mode === "hide")

package/lib/model/featuresModel/scaleModel/scaleAxisRecalcer.d.ts

@@ -6,7 +6,7 @@ export declare const keyAxisLabelVerticalLog = "keyAxisLabel_vertical_margin_log
 export declare const keyAxisLabelHorizontalLog = "keyAxisLabel_horizontal_margin_log";
 export interface ScaleValueCalculatedInfo {
     scale: ScaleValueModel;
-    scaleFn: ScaleLinear<number, number, never>;
+    scaleFn: ScaleLinear<number, number, number>;
 }
 /**
  * Предназначен для получения нового scaleValue и уменьшения globalMargin, если ось ключей находится где-то внутри chartBlock, а не на его границе

package/lib/model/helpers/twoDimensionalModelHelper.d.ts

@@ -1,8 +1,8 @@
 import { ChartOrientation, MdtChartsDataRow, MdtChartsTwoDimensionalChart, MdtChartsTwoDimensionalValueLabels } from "../../config/config";
-import { GradientDef, MarkDotDatumItem, Orient, TwoDimensionalChartModel, TwoDimensionalValueLabels, ValueLabelsStyleModel } from "../model";
+import { GradientDef, MarkerLikeElementDatumItem, Orient, TwoDimensionalChartModel, TwoDimensionalValueLabels, ValueLabelsStyleModel } from "../model";
 import { CanvasModel } from "../modelInstance/canvasModel/canvasModel";
 export declare class TwoDimensionalModelHelper {
-    static shouldMarkerShow(chart: MdtChartsTwoDimensionalChart, dataRows: MdtChartsDataRow[], valueFieldName: string, currentRow: MarkDotDatumItem, keyFieldName: string): boolean;
+    static forceMarkerShow(chart: MdtChartsTwoDimensionalChart, dataRows: MdtChartsDataRow[], valueFieldName: string, currentRow: MarkerLikeElementDatumItem, keyFieldName: string): boolean;
     static getGradientDefs(charts: TwoDimensionalChartModel[], keyAxisOrient: Orient, chartOrient: ChartOrientation, chartBlockId: number): GradientDef[];
     private static getGradientItems;
     private static calculateOpacityItem;

package/lib/model/helpers/twoDimensionalModelHelper.js

@@ -1,7 +1,7 @@
 import { getGradientId } from "../../model/notations/twoDimensional/styles";
 import { hasCollisionBottomSide, hasCollisionLeftSide, hasCollisionRightSide, hasCollisionTopSide, shiftCoordinateXLeft, shiftCoordinateXRight, shiftCoordinateYBottom, shiftCoordinateYTop } from "../featuresModel/valueLabelsModel/valueLabelsModel";
 export class TwoDimensionalModelHelper {
-    static shouldMarkerShow(chart, dataRows, valueFieldName, currentRow, keyFieldName) {
+    static forceMarkerShow(chart, dataRows, valueFieldName, currentRow, keyFieldName) {
         if (chart.markers.show || dataRows.length === 1)
             return true;
         const rowIndex = dataRows.findIndex((row) => row[keyFieldName] === currentRow[keyFieldName]);
@@ -11,9 +11,9 @@ export class TwoDimensionalModelHelper {
         const isLast = rowIndex === dataRows.length - 1;
         const previousRow = dataRows[rowIndex - 1];
         const nextRow = dataRows[rowIndex + 1];
-        const hasNullNeighborsRows = !isFirst && !isLast && (previousRow === null || previousRow === void 0 ? void 0 : previousRow[valueFieldName]) === null && (nextRow === null || nextRow === void 0 ? void 0 : nextRow[valueFieldName]) === null;
-        return ((isFirst && (nextRow === null || nextRow === void 0 ? void 0 : nextRow[valueFieldName]) === null) ||
-            (isLast && (previousRow === null || previousRow === void 0 ? void 0 : previousRow[valueFieldName]) === null) ||
+        const hasNullNeighborsRows = !isFirst && !isLast && (previousRow === null || previousRow === void 0 ? void 0 : previousRow[valueFieldName]) == null && (nextRow === null || nextRow === void 0 ? void 0 : nextRow[valueFieldName]) == null;
+        return ((isFirst && (nextRow === null || nextRow === void 0 ? void 0 : nextRow[valueFieldName]) == null) ||
+            (isLast && (previousRow === null || previousRow === void 0 ? void 0 : previousRow[valueFieldName]) == null) ||
             hasNullNeighborsRows);
     }
     static getGradientDefs(charts, keyAxisOrient, chartOrient, chartBlockId) {

package/lib/model/model.d.ts

@@ -406,7 +406,8 @@ export declare type ValueLabelsInnerContentSetter = (options: ValueLabelsInnerCo
     rows: (string | number)[];
 };
 export interface TwoDimChartValueLabelsOptions {
-    show: boolean;
+    enabled: boolean;
+    showLabel: MarkerLikeElementVisibilityFn;
     handleX: (scaledValue: number) => number;
     handleY: (scaledValue: number) => number;
     textAnchor: ValueLabelAnchor;
@@ -419,16 +420,18 @@ export interface TwoDimChartValueLabelsOptions {
 }
 export declare type ValueLabelsFormatter = (value: number) => string;
 export interface MarkersOptions {
-    show: MarkersOptionsShow;
+    shouldForceShow: MarkerLikeElementVisibilityFn;
+    shouldForceHide: MarkerLikeElementVisibilityFn;
     styles: MarkersStyleOptions;
 }
-export declare type MarkDotDatumItem = MdtChartsDataRow | ({
+export declare type MarkerLikeElementDatumItem = MdtChartsDataRow | ({
     "1": any;
 } & Array<number>);
-export declare type MarkersOptionsShow = (options: {
-    row: MarkDotDatumItem;
+export interface MarkersLikeElementsVisibilityFnOptions {
+    row: MarkerLikeElementDatumItem;
     valueFieldName: string;
-}) => boolean;
+}
+export declare type MarkerLikeElementVisibilityFn = (options: MarkersLikeElementsVisibilityFnOptions) => boolean;
 export interface MarkersStyleOptions {
     highlighted: MarkerStyle;
     normal: MarkerStyle;

package/lib/model/notations/twoDimensionalModel.js

@@ -107,7 +107,13 @@ export class TwoDimensionalModel {
                 style,
                 embeddedLabels: this.getEmbeddedLabelType(chart, chartOrientation),
                 markersOptions: {
-                    show: ({ row, valueFieldName }) => TwoDimensionalModelHelper.shouldMarkerShow(chart, dataModelRep.getRawRows(), valueFieldName, row, keyFieldName),
+                    shouldForceShow: ({ row, valueFieldName }) => {
+                        return TwoDimensionalModelHelper.forceMarkerShow(chart, dataModelRep.getRawRows(), valueFieldName, row, keyFieldName);
+                    },
+                    shouldForceHide: ({ row, valueFieldName }) => {
+                        const value = row[valueFieldName];
+                        return value == null || Number.isNaN(value);
+                    },
                     styles: {
                         highlighted: {
                             size: {
@@ -132,7 +138,11 @@ export class TwoDimensionalModel {
                 legend: getLegendMarkerOptions(chart),
                 index,
                 valueLabels: {
-                    show: (_t = (_s = chart.valueLabels) === null || _s === void 0 ? void 0 : _s.on) !== null && _t !== void 0 ? _t : false,
+                    enabled: (_t = (_s = chart.valueLabels) === null || _s === void 0 ? void 0 : _s.on) !== null && _t !== void 0 ? _t : false,
+                    showLabel: ({ row, valueFieldName }) => {
+                        const value = row[valueFieldName];
+                        return value != null && !Number.isNaN(value);
+                    },
                     handleX: (scaledValue) => valueLabelsCoordinateCalculator.getValueLabelX(scaledValue),
                     handleY: (scaledValue) => valueLabelsCoordinateCalculator.getValueLabelY(scaledValue),
                     handleScaledValue: (dataRow, datumField) => {

package/lib/style/charts-main.css

@@ -290,4 +290,8 @@
 /* Value Labels */
 .mdt-charts-value-label {
     letter-spacing: -0.4px;
+}
+
+.mdt-charts-value-label-hidden {
+    display: none;
 }

package/lib/style/charts-main.less

@@ -290,4 +290,8 @@
 /* Value Labels */
 .mdt-charts-value-label {
     letter-spacing: -0.4px;
+}
+
+.mdt-charts-value-label-hidden {
+    display: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "mdt-charts",
-	"version": "1.33.0",
+	"version": "1.33.2",
 	"description": "",
 	"main": "lib/main.js",
 	"scripts": {