@carbon/charts-vue 0.54.9 → 0.54.10

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.10](https://github.com/carbon-design-system/carbon-charts/compare/v0.54.9...v0.54.10) (2022-01-27)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
 ## [0.54.9](https://github.com/carbon-design-system/carbon-charts/compare/v0.54.8...v0.54.9) (2022-01-27)
 
 **Note:** Version bump only for package @carbon/charts-vue

package/charts-vue.common.js

@@ -8535,6 +8535,7 @@ var axisChart = tools_Tools.merge({}, chart, {
 var baseBarChart = tools_Tools.merge({}, axisChart, {
     bars: {
         maxWidth: 16,
+        spacingFactor: 0.25
     },
     timeScale: tools_Tools.merge(timeScale, {
         addSpaceOnEdges: 1,
@@ -25437,6 +25438,7 @@ var bar_extends = (undefined && undefined.__extends) || (function () {
 // Internal Imports
 
 
+
 var bar_Bar = /** @class */ (function (_super) {
     bar_extends(Bar, _super);
     function Bar() {
@@ -25454,7 +25456,8 @@ var bar_Bar = /** @class */ (function (_super) {
             useAttrs: true,
         }).width;
         if (!mainXScale.step) {
-            return Math.min(options.bars.maxWidth, (chartWidth * 0.25) / numberOfDatapoints);
+            var spacingFactor = tools_Tools.getProperty(options, 'bars', 'spacingFactor');
+            return Math.min(options.bars.maxWidth, (chartWidth * spacingFactor) / numberOfDatapoints);
         }
         return Math.min(options.bars.maxWidth, mainXScale.step() / 2);
     };
@@ -26249,8 +26252,9 @@ var bar_stacked_StackedBar = /** @class */ (function (_super) {
             useAttrs: true,
         }).width;
         var numberOfDomainValues = this.model.getStackKeys().length;
+        var spacingFactor = tools_Tools.getProperty(options, 'bars', 'spacingFactor');
         if (!mainXScale.step) {
-            return Math.min(options.bars.maxWidth, (chartWidth * 0.25) / numberOfDomainValues);
+            return Math.min(options.bars.maxWidth, (chartWidth * spacingFactor) / numberOfDomainValues);
         }
         return Math.min(options.bars.maxWidth, mainXScale.step() / 2);
     };
@@ -32877,18 +32881,19 @@ var radar_Radar = /** @class */ (function (_super) {
             });
             var axisLine = self.parent.select(".x-axes .x-axis-" + tools_Tools.kebabCase(datum));
             var dots = self.parent.selectAll(".dots circle." + tools_Tools.kebabCase(datum));
+            var activeDataGroupNames = self.model.getActiveDataGroupNames();
+            var options = self.getOptions();
+            var groupMapsTo = options.data.groupMapsTo;
+            var valueMapsTo = tools_Tools.getProperty(options, 'radar', 'axes', 'value');
             // Change style
             axisLine
                 .classed('hovered', true)
                 .attr('stroke-dasharray', '4 4');
             dots.classed('hovered', true)
-                .attr('opacity', 1)
+                .attr('opacity', function (d) { return activeDataGroupNames.indexOf(d[groupMapsTo]) !== -1 ? 1 : 0; })
                 .attr('r', radar.dotsRadius);
             // get the items that should be highlighted
-            var itemsToHighlight = self.fullDataNormalized.filter(function (d) { return d[angle] === datum; });
-            var options = self.getOptions();
-            var groupMapsTo = options.data.groupMapsTo;
-            var valueMapsTo = tools_Tools.getProperty(options, 'radar', 'axes', 'value');
+            var itemsToHighlight = self.fullDataNormalized.filter(function (d) { return d[angle] === datum && activeDataGroupNames.indexOf(d[groupMapsTo]) !== -1; });
             // Show tooltip
             self.services.events.dispatchEvent(Events.Tooltip.SHOW, {
                 event: event,