@carbon/charts 0.30.21 → 0.30.25

package/components/graphs/radar.js

@@ -46,7 +46,11 @@ var Radar = /** @class */ (function (_super) {
             var completeBlankData = Tools.flatMapDeep(_this.uniqueKeys.map(function (key) {
                 return _this.uniqueGroups.map(function (group) {
                     var _a;
-                    return (_a = {}, _a[angle] = key, _a[groupMapsTo] = group, _a[value] = null, _a);
+                    return (_a = {},
+                        _a[angle] = key,
+                        _a[groupMapsTo] = group,
+                        _a[value] = null,
+                        _a);
                 });
             }));
             return Tools.merge(completeBlankData, dataset);
@@ -61,7 +65,11 @@ var Radar = /** @class */ (function (_super) {
                 var name = _a.name, data = _a.data;
                 var completeBlankData = _this.uniqueKeys.map(function (k) {
                     var _a;
-                    return (_a = {}, _a[groupMapsTo] = name, _a[angle] = k, _a[value] = null, _a);
+                    return (_a = {},
+                        _a[groupMapsTo] = name,
+                        _a[angle] = k,
+                        _a[value] = null,
+                        _a);
                 });
                 return { name: name, data: Tools.merge(completeBlankData, data) };
             });
@@ -69,7 +77,8 @@ var Radar = /** @class */ (function (_super) {
         _this.handleLegendOnHover = function (event) {
             var hoveredElement = event.detail.hoveredElement;
             var opacity = Tools.getProperty(_this.model.getOptions(), "radar", "opacity");
-            _this.parent.selectAll("g.blobs path")
+            _this.parent
+                .selectAll("g.blobs path")
                 .transition(_this.services.transitions.getTransition("legend-hover-blob"))
                 .style("fill-opacity", function (group) {
                 if (group.name !== hoveredElement.datum().name) {
@@ -80,7 +89,8 @@ var Radar = /** @class */ (function (_super) {
         };
         _this.handleLegendMouseOut = function (event) {
             var opacity = Tools.getProperty(_this.model.getOptions(), "radar", "opacity");
-            _this.parent.selectAll("g.blobs path")
+            _this.parent
+                .selectAll("g.blobs path")
                 .transition(_this.services.transitions.getTransition("legend-mouseout-blob"))
                 .style("fill-opacity", Tools.getProperty(opacity, "selected"));
         };
@@ -97,7 +107,9 @@ var Radar = /** @class */ (function (_super) {
         var _this = this;
         if (animate === void 0) { animate = true; }
         this.svg = this.getContainerSVG();
-        var _a = DOMUtils.getSVGElementSize(this.parent, { useAttrs: true }), width = _a.width, height = _a.height;
+        var _a = DOMUtils.getSVGElementSize(this.parent, {
+            useAttrs: true
+        }), width = _a.width, height = _a.height;
         var data = this.model.getData();
         var displayData = this.model.getDisplayData();
         var groupedData = this.model.getGroupedData();
@@ -123,11 +135,16 @@ var Radar = /** @class */ (function (_super) {
             .domain(this.displayDataNormalized.map(function (d) { return d[angle]; }))
             .range([0, 2 * Math.PI].map(function (a) { return a - Math.PI / 2; }));
         var yScale = scaleLinear()
-            .domain([0, max(this.displayDataNormalized.map(function (d) { return d[value]; }))])
+            .domain([
+            0,
+            max(this.displayDataNormalized.map(function (d) { return d[value]; }))
+        ])
             .range([minRange, radius])
             .nice(yTicksNumber);
         var yTicks = yScale.ticks(yTicksNumber);
-        var colorScale = function (group) { return _this.model.getFillColor(group); };
+        var colorScale = function (group) {
+            return _this.model.getFillColor(group);
+        };
         // constructs a new radial line generator
         // the angle accessor returns the angle in radians with 0° at -y (12 o’clock)
         // so map back the angle
@@ -139,7 +156,7 @@ var Radar = /** @class */ (function (_super) {
         // position it occupies using the old scale to the position it occupies using the new scale
         var oldRadialLineGenerator = lineRadial()
             .angle(radialLineGenerator.angle())
-            .radius(function (d) { return oldYScale ? oldYScale(d[value]) : minRange; })
+            .radius(function (d) { return (oldYScale ? oldYScale(d[value]) : minRange); })
             .curve(radialLineGenerator.curve());
         // compute the space that each x label needs
         var horizSpaceNeededByEachXLabel = this.uniqueKeys.map(function (key) {
@@ -162,150 +179,256 @@ var Radar = /** @class */ (function (_super) {
         var yAxes = DOMUtils.appendOrSelect(this.svg, "g.y-axes").attr("role", Roles.GROUP);
         var yAxisUpdate = yAxes.selectAll("path").data(yTicks, function (tick) { return tick; });
         // for each tick, create array of data corresponding to the points composing the shape
-        var shapeData = function (tick) { return _this.uniqueKeys.map(function (key) {
-            var _a;
-            return (_a = {}, _a[angle] = key, _a[value] = tick, _a);
-        }); };
-        yAxisUpdate.join(function (enter) { return enter
-            .append("path")
-            .attr("role", Roles.GRAPHICS_SYMBOL)
-            .attr("opacity", 0)
-            .attr("transform", "translate(" + c.x + ", " + c.y + ")")
-            .attr("fill", "none")
-            .attr("d", function (tick) { return oldRadialLineGenerator(shapeData(tick)); })
-            .call(function (selection) { return selection
-            .transition(_this.services.transitions.getTransition("radar_y_axes_enter", animate))
-            .attr("opacity", 1)
-            .attr("d", function (tick) { return radialLineGenerator(shapeData(tick)); }); }); }, function (update) { return update
-            .call(function (selection) { return selection
-            .transition(_this.services.transitions.getTransition("radar_y_axes_update", animate))
-            .attr("opacity", 1)
-            .attr("transform", "translate(" + c.x + ", " + c.y + ")")
-            .attr("d", function (tick) { return radialLineGenerator(shapeData(tick)); }); }); }, function (exit) { return exit
-            .call(function (selection) { return selection
-            .transition(_this.services.transitions.getTransition("radar_y_axes_exit", animate))
-            .attr("d", function (tick) { return radialLineGenerator(shapeData(tick)); })
-            .attr("opacity", 0)
-            .remove(); }); });
+        var shapeData = function (tick) {
+            return _this.uniqueKeys.map(function (key) {
+                var _a;
+                return (_a = {}, _a[angle] = key, _a[value] = tick, _a);
+            });
+        };
+        yAxisUpdate.join(function (enter) {
+            return enter
+                .append("path")
+                .attr("role", Roles.GRAPHICS_SYMBOL)
+                .attr("opacity", 0)
+                .attr("transform", "translate(" + c.x + ", " + c.y + ")")
+                .attr("fill", "none")
+                .attr("d", function (tick) { return oldRadialLineGenerator(shapeData(tick)); })
+                .call(function (selection) {
+                return selection
+                    .transition(_this.services.transitions.getTransition("radar_y_axes_enter", animate))
+                    .attr("opacity", 1)
+                    .attr("d", function (tick) {
+                    return radialLineGenerator(shapeData(tick));
+                });
+            });
+        }, function (update) {
+            return update.call(function (selection) {
+                return selection
+                    .transition(_this.services.transitions.getTransition("radar_y_axes_update", animate))
+                    .attr("opacity", 1)
+                    .attr("transform", "translate(" + c.x + ", " + c.y + ")")
+                    .attr("d", function (tick) { return radialLineGenerator(shapeData(tick)); });
+            });
+        }, function (exit) {
+            return exit.call(function (selection) {
+                return selection
+                    .transition(_this.services.transitions.getTransition("radar_y_axes_exit", animate))
+                    .attr("d", function (tick) { return radialLineGenerator(shapeData(tick)); })
+                    .attr("opacity", 0)
+                    .remove();
+            });
+        });
         // y labels (show only the min and the max labels)
         var yLabels = DOMUtils.appendOrSelect(this.svg, "g.y-labels").attr("role", Roles.GROUP);
         var yLabelUpdate = yLabels.selectAll("text").data(extent(yTicks));
-        yLabelUpdate.join(function (enter) { return enter
-            .append("text")
-            .attr("opacity", 0)
-            .text(function (tick) { return tick; })
-            .attr("x", function (tick) { return polarToCartesianCoords(-Math.PI / 2, yScale(tick), c).x + yLabelPadding; })
-            .attr("y", function (tick) { return polarToCartesianCoords(-Math.PI / 2, yScale(tick), c).y; })
-            .style("text-anchor", "start")
-            .style("dominant-baseline", "middle")
-            .call(function (selection) { return selection
-            .transition(_this.services.transitions.getTransition("radar_y_labels_enter", animate))
-            .attr("opacity", 1); }); }, function (update) { return update
-            .call(function (selection) { return selection
-            .transition(_this.services.transitions.getTransition("radar_y_labels_update", animate))
-            .text(function (tick) { return tick; })
-            .attr("opacity", 1)
-            .attr("x", function (tick) { return polarToCartesianCoords(-Math.PI / 2, yScale(tick), c).x + yLabelPadding; })
-            .attr("y", function (tick) { return polarToCartesianCoords(-Math.PI / 2, yScale(tick), c).y; }); }); }, function (exit) { return exit
-            .call(function (selection) { return selection
-            .transition(_this.services.transitions.getTransition("radar_y_labels_exit", animate))
-            .attr("opacity", 0)
-            .remove(); }); });
+        yLabelUpdate.join(function (enter) {
+            return enter
+                .append("text")
+                .attr("opacity", 0)
+                .text(function (tick) { return tick; })
+                .attr("x", function (tick) {
+                return polarToCartesianCoords(-Math.PI / 2, yScale(tick), c).x + yLabelPadding;
+            })
+                .attr("y", function (tick) {
+                return polarToCartesianCoords(-Math.PI / 2, yScale(tick), c).y;
+            })
+                .style("text-anchor", "start")
+                .style("dominant-baseline", "middle")
+                .call(function (selection) {
+                return selection
+                    .transition(_this.services.transitions.getTransition("radar_y_labels_enter", animate))
+                    .attr("opacity", 1);
+            });
+        }, function (update) {
+            return update.call(function (selection) {
+                return selection
+                    .transition(_this.services.transitions.getTransition("radar_y_labels_update", animate))
+                    .text(function (tick) { return tick; })
+                    .attr("opacity", 1)
+                    .attr("x", function (tick) {
+                    return polarToCartesianCoords(-Math.PI / 2, yScale(tick), c).x + yLabelPadding;
+                })
+                    .attr("y", function (tick) {
+                    return polarToCartesianCoords(-Math.PI / 2, yScale(tick), c).y;
+                });
+            });
+        }, function (exit) {
+            return exit.call(function (selection) {
+                return selection
+                    .transition(_this.services.transitions.getTransition("radar_y_labels_exit", animate))
+                    .attr("opacity", 0)
+                    .remove();
+            });
+        });
         // x axes
         var xAxes = DOMUtils.appendOrSelect(this.svg, "g.x-axes").attr("role", Roles.GROUP);
-        var xAxisUpdate = xAxes.selectAll("line").data(this.uniqueKeys, function (key) { return key; });
-        xAxisUpdate.join(function (enter) { return enter
-            .append("line")
-            .attr("role", Roles.GRAPHICS_SYMBOL)
-            .attr("opacity", 0)
-            .attr("class", function (key) { return "x-axis-" + Tools.kebabCase(key); }) // replace spaces with -
-            .attr("stroke-dasharray", "0")
-            .attr("x1", function (key) { return polarToCartesianCoords(xScale(key), 0, c).x; })
-            .attr("y1", function (key) { return polarToCartesianCoords(xScale(key), 0, c).y; })
-            .attr("x2", function (key) { return polarToCartesianCoords(xScale(key), 0, c).x; })
-            .attr("y2", function (key) { return polarToCartesianCoords(xScale(key), 0, c).y; })
-            .call(function (selection) { return selection
-            .transition(_this.services.transitions.getTransition("radar_x_axes_enter", animate))
-            .attr("opacity", 1)
-            .attr("x1", function (key) { return polarToCartesianCoords(xScale(key), yScale.range()[0], c).x; })
-            .attr("y1", function (key) { return polarToCartesianCoords(xScale(key), yScale.range()[0], c).y; })
-            .attr("x2", function (key) { return polarToCartesianCoords(xScale(key), yScale.range()[1], c).x; })
-            .attr("y2", function (key) { return polarToCartesianCoords(xScale(key), yScale.range()[1], c).y; }); }); }, function (update) { return update
-            .call(function (selection) { return selection
-            .transition(_this.services.transitions.getTransition("radar_x_axes_update", animate))
-            .attr("opacity", 1)
-            .attr("x1", function (key) { return polarToCartesianCoords(xScale(key), yScale.range()[0], c).x; })
-            .attr("y1", function (key) { return polarToCartesianCoords(xScale(key), yScale.range()[0], c).y; })
-            .attr("x2", function (key) { return polarToCartesianCoords(xScale(key), yScale.range()[1], c).x; })
-            .attr("y2", function (key) { return polarToCartesianCoords(xScale(key), yScale.range()[1], c).y; }); }); }, function (exit) { return exit
-            .call(function (selection) { return selection
-            .transition(_this.services.transitions.getTransition("radar_x_axes_exit", animate))
-            .attr("opacity", 0)
-            .remove(); }); });
+        var xAxisUpdate = xAxes
+            .selectAll("line")
+            .data(this.uniqueKeys, function (key) { return key; });
+        xAxisUpdate.join(function (enter) {
+            return enter
+                .append("line")
+                .attr("role", Roles.GRAPHICS_SYMBOL)
+                .attr("opacity", 0)
+                .attr("class", function (key) { return "x-axis-" + Tools.kebabCase(key); }) // replace spaces with -
+                .attr("stroke-dasharray", "0")
+                .attr("x1", function (key) { return polarToCartesianCoords(xScale(key), 0, c).x; })
+                .attr("y1", function (key) { return polarToCartesianCoords(xScale(key), 0, c).y; })
+                .attr("x2", function (key) { return polarToCartesianCoords(xScale(key), 0, c).x; })
+                .attr("y2", function (key) { return polarToCartesianCoords(xScale(key), 0, c).y; })
+                .call(function (selection) {
+                return selection
+                    .transition(_this.services.transitions.getTransition("radar_x_axes_enter", animate))
+                    .attr("opacity", 1)
+                    .attr("x1", function (key) {
+                    return polarToCartesianCoords(xScale(key), yScale.range()[0], c).x;
+                })
+                    .attr("y1", function (key) {
+                    return polarToCartesianCoords(xScale(key), yScale.range()[0], c).y;
+                })
+                    .attr("x2", function (key) {
+                    return polarToCartesianCoords(xScale(key), yScale.range()[1], c).x;
+                })
+                    .attr("y2", function (key) {
+                    return polarToCartesianCoords(xScale(key), yScale.range()[1], c).y;
+                });
+            });
+        }, function (update) {
+            return update.call(function (selection) {
+                return selection
+                    .transition(_this.services.transitions.getTransition("radar_x_axes_update", animate))
+                    .attr("opacity", 1)
+                    .attr("x1", function (key) {
+                    return polarToCartesianCoords(xScale(key), yScale.range()[0], c).x;
+                })
+                    .attr("y1", function (key) {
+                    return polarToCartesianCoords(xScale(key), yScale.range()[0], c).y;
+                })
+                    .attr("x2", function (key) {
+                    return polarToCartesianCoords(xScale(key), yScale.range()[1], c).x;
+                })
+                    .attr("y2", function (key) {
+                    return polarToCartesianCoords(xScale(key), yScale.range()[1], c).y;
+                });
+            });
+        }, function (exit) {
+            return exit.call(function (selection) {
+                return selection
+                    .transition(_this.services.transitions.getTransition("radar_x_axes_exit", animate))
+                    .attr("opacity", 0)
+                    .remove();
+            });
+        });
         // x labels
         var xLabels = DOMUtils.appendOrSelect(this.svg, "g.x-labels").attr("role", Roles.GROUP);
         var xLabelUpdate = xLabels.selectAll("text").data(this.uniqueKeys);
-        xLabelUpdate.join(function (enter) { return enter
-            .append("text")
-            .text(function (key) { return key; })
-            .attr("opacity", 0)
-            .attr("x", function (key) { return polarToCartesianCoords(xScale(key), yScale.range()[1] + xLabelPadding, c).x; })
-            .attr("y", function (key) { return polarToCartesianCoords(xScale(key), yScale.range()[1] + xLabelPadding, c).y; })
-            .style("text-anchor", function (key) { return radialLabelPlacement(xScale(key)).textAnchor; })
-            .style("dominant-baseline", function (key) { return radialLabelPlacement(xScale(key)).dominantBaseline; })
-            .call(function (selection) { return selection
-            .transition(_this.services.transitions.getTransition("radar_x_labels_enter", animate))
-            .attr("opacity", 1); }); }, function (update) { return update
-            .call(function (selection) { return selection
-            .transition(_this.services.transitions.getTransition("radar_x_labels_update", animate))
-            .attr("opacity", 1)
-            .attr("x", function (key) { return polarToCartesianCoords(xScale(key), yScale.range()[1] + xLabelPadding, c).x; })
-            .attr("y", function (key) { return polarToCartesianCoords(xScale(key), yScale.range()[1] + xLabelPadding, c).y; }); }); }, function (exit) { return exit
-            .call(function (selection) { return selection
-            .transition(_this.services.transitions.getTransition("radar_x_labels_exit", animate))
-            .attr("opacity", 0)
-            .remove(); }); });
+        xLabelUpdate.join(function (enter) {
+            return enter
+                .append("text")
+                .text(function (key) { return key; })
+                .attr("opacity", 0)
+                .attr("x", function (key) {
+                return polarToCartesianCoords(xScale(key), yScale.range()[1] + xLabelPadding, c).x;
+            })
+                .attr("y", function (key) {
+                return polarToCartesianCoords(xScale(key), yScale.range()[1] + xLabelPadding, c).y;
+            })
+                .style("text-anchor", function (key) { return radialLabelPlacement(xScale(key)).textAnchor; })
+                .style("dominant-baseline", function (key) {
+                return radialLabelPlacement(xScale(key)).dominantBaseline;
+            })
+                .call(function (selection) {
+                return selection
+                    .transition(_this.services.transitions.getTransition("radar_x_labels_enter", animate))
+                    .attr("opacity", 1);
+            });
+        }, function (update) {
+            return update.call(function (selection) {
+                return selection
+                    .transition(_this.services.transitions.getTransition("radar_x_labels_update", animate))
+                    .attr("opacity", 1)
+                    .attr("x", function (key) {
+                    return polarToCartesianCoords(xScale(key), yScale.range()[1] + xLabelPadding, c).x;
+                })
+                    .attr("y", function (key) {
+                    return polarToCartesianCoords(xScale(key), yScale.range()[1] + xLabelPadding, c).y;
+                });
+            });
+        }, function (exit) {
+            return exit.call(function (selection) {
+                return selection
+                    .transition(_this.services.transitions.getTransition("radar_x_labels_exit", animate))
+                    .attr("opacity", 0)
+                    .remove();
+            });
+        });
         // blobs
         var blobs = DOMUtils.appendOrSelect(this.svg, "g.blobs").attr("role", Roles.GROUP);
-        var blobUpdate = blobs.selectAll("path").data(this.groupedDataNormalized, function (group) { return group.name; });
-        blobUpdate.join(function (enter) { return enter
-            .append("path")
-            .attr("class", "blob")
-            .attr("role", Roles.GRAPHICS_SYMBOL)
-            .attr("opacity", 0)
-            .attr("transform", "translate(" + c.x + ", " + c.y + ")")
-            .attr("fill", function (group) { return colorScale(group.name); })
-            .style("fill-opacity", opacity.selected)
-            .attr("stroke", function (group) { return colorScale(group.name); })
-            .attr("d", function (group) { return oldRadialLineGenerator(group.data); })
-            .call(function (selection) { return selection
-            .transition(_this.services.transitions.getTransition("radar_blobs_enter", animate))
-            .attr("opacity", 1)
-            .attr("d", function (group) { return radialLineGenerator(group.data); }); }); }, function (update) { return update
-            .call(function (selection) { return selection
-            .transition(_this.services.transitions.getTransition("radar_blobs_update", animate))
-            .attr("opacity", 1)
-            .attr("transform", "translate(" + c.x + ", " + c.y + ")")
-            .attr("d", function (group) { return radialLineGenerator(group.data); }); }); }, function (exit) { return exit
-            .call(function (selection) { return selection
-            .transition(_this.services.transitions.getTransition("radar_blobs_exit", animate))
-            .attr("d", function (group) { return radialLineGenerator(group.data); })
-            .attr("opacity", 0)
-            .remove(); }); });
+        var blobUpdate = blobs
+            .selectAll("path")
+            .data(this.groupedDataNormalized, function (group) { return group.name; });
+        blobUpdate.join(function (enter) {
+            return enter
+                .append("path")
+                .attr("class", "blob")
+                .attr("role", Roles.GRAPHICS_SYMBOL)
+                .attr("opacity", 0)
+                .attr("transform", "translate(" + c.x + ", " + c.y + ")")
+                .attr("fill", function (group) { return colorScale(group.name); })
+                .style("fill-opacity", opacity.selected)
+                .attr("stroke", function (group) { return colorScale(group.name); })
+                .attr("d", function (group) { return oldRadialLineGenerator(group.data); })
+                .call(function (selection) {
+                return selection
+                    .transition(_this.services.transitions.getTransition("radar_blobs_enter", animate))
+                    .attr("opacity", 1)
+                    .attr("d", function (group) { return radialLineGenerator(group.data); });
+            });
+        }, function (update) {
+            return update.call(function (selection) {
+                return selection
+                    .transition(_this.services.transitions.getTransition("radar_blobs_update", animate))
+                    .attr("opacity", 1)
+                    .attr("transform", "translate(" + c.x + ", " + c.y + ")")
+                    .attr("d", function (group) { return radialLineGenerator(group.data); });
+            });
+        }, function (exit) {
+            return exit.call(function (selection) {
+                return selection
+                    .transition(_this.services.transitions.getTransition("radar_blobs_exit", animate))
+                    .attr("d", function (group) { return radialLineGenerator(group.data); })
+                    .attr("opacity", 0)
+                    .remove();
+            });
+        });
         // data dots
         var dots = DOMUtils.appendOrSelect(this.svg, "g.dots").attr("role", Roles.GROUP);
-        var dotsUpdate = dots.selectAll("circle").data(this.displayDataNormalized);
-        dotsUpdate.join(function (enter) { return enter.append("circle").attr("role", Roles.GRAPHICS_SYMBOL); }, function (update) { return update; }, function (exit) { return exit.remove(); })
+        var dotsUpdate = dots
+            .selectAll("circle")
+            .data(this.displayDataNormalized);
+        dotsUpdate
+            .join(function (enter) {
+            return enter.append("circle").attr("role", Roles.GRAPHICS_SYMBOL);
+        }, function (update) { return update; }, function (exit) { return exit.remove(); })
             .attr("class", function (d) { return Tools.kebabCase(d[angle]); })
-            .attr("cx", function (d) { return polarToCartesianCoords(xScale(d[angle]), yScale(d[value]), c).x; })
-            .attr("cy", function (d) { return polarToCartesianCoords(xScale(d[angle]), yScale(d[value]), c).y; })
+            .attr("cx", function (d) {
+            return polarToCartesianCoords(xScale(d[angle]), yScale(d[value]), c).x;
+        })
+            .attr("cy", function (d) {
+            return polarToCartesianCoords(xScale(d[angle]), yScale(d[value]), c).y;
+        })
             .attr("r", 0)
             .attr("opacity", 0)
             .attr("fill", function (d) { return colorScale(d[groupMapsTo]); });
         // rectangles
         var xAxesRect = DOMUtils.appendOrSelect(this.svg, "g.x-axes-rect").attr("role", Roles.GROUP);
-        var xAxisRectUpdate = xAxesRect.selectAll("rect").data(this.uniqueKeys);
-        xAxisRectUpdate.join(function (enter) { return enter.append("rect").attr("role", Roles.GRAPHICS_SYMBOL); }, function (update) { return update; }, function (exit) { return exit.remove(); })
+        var xAxisRectUpdate = xAxesRect
+            .selectAll("rect")
+            .data(this.uniqueKeys);
+        xAxisRectUpdate
+            .join(function (enter) {
+            return enter.append("rect").attr("role", Roles.GRAPHICS_SYMBOL);
+        }, function (update) { return update; }, function (exit) { return exit.remove(); })
             .attr("x", c.x)
             .attr("y", c.y - xAxisRectHeight / 2)
             .attr("width", yScale.range()[1])
@@ -319,7 +442,8 @@ var Radar = /** @class */ (function (_super) {
     };
     Radar.prototype.destroy = function () {
         // Remove event listeners
-        this.parent.selectAll(".x-axes-rect > rect")
+        this.parent
+            .selectAll(".x-axes-rect > rect")
             .on("mouseover", null)
             .on("mousemove", null)
             .on("mouseout", null);
@@ -332,7 +456,8 @@ var Radar = /** @class */ (function (_super) {
         var self = this;
         var _a = Tools.getProperty(this.model.getOptions(), "radar"), angle = _a.axes.angle, dotsRadius = _a.dotsRadius;
         // events on x axes rects
-        this.parent.selectAll(".x-axes-rect > rect")
+        this.parent
+            .selectAll(".x-axes-rect > rect")
             .on("mouseover", function (datum) {
             // Dispatch mouse event
             self.services.events.dispatchEvent(Events.Radar.X_AXIS_MOUSEOVER, {
@@ -345,7 +470,8 @@ var Radar = /** @class */ (function (_super) {
             var axisLine = self.parent.select(".x-axes .x-axis-" + Tools.kebabCase(datum));
             var dots = self.parent.selectAll(".dots circle." + Tools.kebabCase(datum));
             // Change style
-            axisLine.classed("hovered", true)
+            axisLine
+                .classed("hovered", true)
                 .attr("stroke-dasharray", "4 4");
             dots.classed("hovered", true)
                 .attr("opacity", 1)
@@ -376,7 +502,8 @@ var Radar = /** @class */ (function (_super) {
             var axisLine = self.parent.select(".x-axes .x-axis-" + Tools.kebabCase(datum));
             var dots = self.parent.selectAll(".dots circle." + Tools.kebabCase(datum));
             // Change style
-            axisLine.classed("hovered", false)
+            axisLine
+                .classed("hovered", false)
                 .attr("stroke-dasharray", "0");
             dots.classed("hovered", false)
                 .attr("opacity", 0)
@@ -387,8 +514,12 @@ var Radar = /** @class */ (function (_super) {
                 datum: datum
             });
             // Hide tooltip
-            self.services.events.dispatchEvent("hide-tooltip", { hoveredElement: hoveredElement });
-            self.services.events.dispatchEvent(Events.Tooltip.HIDE, { hoveredElement: hoveredElement });
+            self.services.events.dispatchEvent("hide-tooltip", {
+                hoveredElement: hoveredElement
+            });
+            self.services.events.dispatchEvent(Events.Tooltip.HIDE, {
+                hoveredElement: hoveredElement
+            });
         });
     };
     return Radar;