@carbon/charts-vue 0.54.5 → 0.54.6

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.54.6](https://github.com/carbon-design-system/carbon-charts/compare/v0.54.5...v0.54.6) (2022-01-13)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
 ## [0.54.5](https://github.com/carbon-design-system/carbon-charts/compare/v0.54.4...v0.54.5) (2022-01-11)
 
 **Note:** Version bump only for package @carbon/charts-vue

package/charts-vue.common.js

@@ -24368,15 +24368,21 @@ var tooltip_axis_AxisChartsTooltip = /** @class */ (function (_super) {
                 },
             ];
             items = items.concat(data
-                .map(function (datum) { return ({
-                label: datum[groupMapsTo],
-                value: datum[cartesianScales.getRangeIdentifier(datum)],
-                color: _this.model.getFillColor(datum[groupMapsTo]),
-                class: _this.model.getColorClassName({
-                    classNameTypes: [ColorClassNameTypes.TOOLTIP],
-                    dataGroupName: datum[groupMapsTo],
-                }),
-            }); })
+                .map(function (datum) {
+                // Format value if is array
+                var value = datum[cartesianScales.getRangeIdentifier(datum)];
+                return {
+                    label: datum[groupMapsTo],
+                    value: Array.isArray(value) && value.length === 2
+                        ? value[0] + " - " + value[1]
+                        : value,
+                    color: _this.model.getFillColor(datum[groupMapsTo]),
+                    class: _this.model.getColorClassName({
+                        classNameTypes: [ColorClassNameTypes.TOOLTIP],
+                        dataGroupName: datum[groupMapsTo],
+                    }),
+                };
+            })
                 .sort(function (a, b) { return b.value - a.value; }));
             if (!dualAxes &&
                 tools_Tools.getProperty(options, 'tooltip', 'showTotal') === true) {
@@ -33620,8 +33626,8 @@ var circle_pack_CirclePack = /** @class */ (function (_super) {
             .on('click', function (event, datum) {
             var hoveredElement = src_select(this);
             var disabled = hoveredElement.classed('non-focal');
-            var zoomedIn = tools_Tools.getProperty(self.getOptions(), 'canvasZoom', 'enabled') && self.model.getHierarchyLevel() > 2;
-            if (zoomedIn) {
+            var canvasZoomEnabled = tools_Tools.getProperty(self.model.getOptions(), 'canvasZoom', 'enabled');
+            if (canvasZoomEnabled && self.model.getHierarchyLevel() > 2) {
                 var canvasSelection = self.parent.selectAll('circle.node');
                 var chartSvg = src_select(self.services.domUtils.getMainContainer());
                 chartSvg.classed('zoomed-in', false);
@@ -33630,7 +33636,10 @@ var circle_pack_CirclePack = /** @class */ (function (_super) {
                 self.services.canvasZoom.zoomOut(canvasSelection, canvasZoomSettings);
             }
             // zoom if chart has zoom enabled and if its a depth 2 circle that has children
-            else if (datum.depth === 2 && datum.children && !disabled) {
+            else if (datum.depth === 2 &&
+                datum.children &&
+                !disabled &&
+                canvasZoomEnabled) {
                 var canvasSelection = self.parent.selectAll('circle.node');
                 var chartSvg = src_select(self.services.domUtils.getMainContainer());
                 chartSvg.classed('zoomed-in', true);