@carbon/charts-vue 0.54.6 → 0.54.10

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 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
+
+
+
+
+
+## [0.54.8](https://github.com/carbon-design-system/carbon-charts/compare/v0.54.7...v0.54.8) (2022-01-25)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
+## [0.54.7](https://github.com/carbon-design-system/carbon-charts/compare/v0.54.6...v0.54.7) (2022-01-13)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
 ## [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

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,
@@ -16160,10 +16161,11 @@ var scales_cartesian_CartesianScales = /** @class */ (function (_super) {
     };
     CartesianScales.prototype.getBoundedScaledValues = function (datum, index) {
         var bounds = this.model.getOptions().bounds;
-        var scale = this.scales[this.rangeAxisPosition];
+        var axisPosition = this.getRangeAxisPosition({ datum: datum });
+        var scale = this.scales[axisPosition];
         var options = this.model.getOptions();
         var axesOptions = tools_Tools.getProperty(options, 'axes');
-        var axisOptions = axesOptions[this.rangeAxisPosition];
+        var axisOptions = axesOptions[axisPosition];
         var mapsTo = axisOptions.mapsTo;
         var value = datum[mapsTo] !== undefined ? datum[mapsTo] : datum;
         var boundedValues = [
@@ -16440,7 +16442,9 @@ var scales_cartesian_CartesianScales = /** @class */ (function (_super) {
         var axesOptions = tools_Tools.getProperty(this.model.getOptions(), 'axes');
         var domainAxisPosition = this.getDomainAxisPosition();
         var thresholds = axesOptions[domainAxisPosition].thresholds;
-        if (!thresholds) {
+        // Check if thresholds exist & is not empty
+        if (!Array.isArray(thresholds) ||
+            (Array.isArray(thresholds) && !thresholds.length)) {
             return null;
         }
         var domainScale = this.getDomainScale();
@@ -16461,7 +16465,9 @@ var scales_cartesian_CartesianScales = /** @class */ (function (_super) {
         var axesOptions = tools_Tools.getProperty(this.model.getOptions(), 'axes');
         var rangeAxisPosition = this.getRangeAxisPosition();
         var thresholds = axesOptions[rangeAxisPosition].thresholds;
-        if (!thresholds) {
+        // Check if thresholds exist & is not empty
+        if (!Array.isArray(thresholds) ||
+            (Array.isArray(thresholds) && !thresholds.length)) {
             return null;
         }
         var rangeScale = this.getRangeScale();
@@ -25432,6 +25438,7 @@ var bar_extends = (undefined && undefined.__extends) || (function () {
 // Internal Imports
 
 
+
 var bar_Bar = /** @class */ (function (_super) {
     bar_extends(Bar, _super);
     function Bar() {
@@ -25449,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);
     };
@@ -26236,7 +26244,7 @@ var bar_stacked_StackedBar = /** @class */ (function (_super) {
     };
     StackedBar.prototype.getBarWidth = function () {
         var options = this.getOptions();
-        if (tools_Tools.getProperty(options, "bars", "width")) {
+        if (tools_Tools.getProperty(options, 'bars', 'width')) {
             return options.bars.width;
         }
         var mainXScale = this.services.cartesianScales.getMainXScale();
@@ -26244,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);
     };
@@ -32872,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,