@semcore/d3-chart 1.5.0 → 1.5.4

package/src/HorizontalBar.js

@@ -48,8 +48,18 @@ class HorizontalBarRoot extends Component {
     const barY = yScale(d[y]) + offset[1];
     const barX = xScale(Math.min(d[x0] ?? 0, d[x])) + offset[0];
     const height = heightProps || getBandwidth(yScale);
-    const width = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)));
+    let width = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)));
+    width = isRounded ? width + r : width;
     const isRounded = r !== 0;
+    const xValue = isRounded ? (d[x] > 0 ? barX : barX - r) : barX;
+    const dSvg = getHorizontalRect({
+      x: xValue,
+      y: barY,
+      width,
+      height,
+      radius: r,
+      position: d[x] > 0 ? 'right' : 'left',
+    });
 
     return sstyled(styles)(
       <SBar
@@ -62,14 +72,11 @@ class HorizontalBarRoot extends Component {
         index={i}
         hide={hide}
         color={color}
-        d={getHorizontalRect({
-          x: isRounded ? (d[x] > 0 ? barX : barX - r) : barX,
-          y: barY,
-          width: isRounded ? width + r : width,
-          height,
-          radius: r,
-          position: d[x] > 0 ? 'right' : 'left',
-        })}
+        x={xValue}
+        y={barY}
+        width={width}
+        height={height}
+        d={dSvg}
         use:duration={`${duration}ms`}
         onMouseMove={onMouseMove}
         onMouseLeave={onMouseLeave}

package/src/Hover.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Component, sstyled } from '@semcore/core';
 import createElement from './createElement';
-import trottle from '@semcore/utils/lib/rafTrottle';
 import canUseDOM from '@semcore/utils/lib/canUseDOM';
 import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';
+import trottle from '@semcore/utils/lib/rafTrottle';
 
 import style from './style/hover.shadow.css';
 

package/src/Line.js

@@ -14,8 +14,8 @@ class LineRoot extends Component {
   static style = style;
   static enhance = [uniqueIDEnhancement()];
 
-  static defaultProps = ({ x, y, $rootProps, curve = curveLinear }) => {
-    const [xScale, yScale] = $rootProps.scale;
+  static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {
+    const [xScale, yScale] = scale || $rootProps.scale;
     return {
       d3: d3Line()
         .defined(definedData(x, y))

package/src/Plot.js

@@ -39,6 +39,7 @@ class PlotRoot extends Component {
 
   handlerMouseLeave = (e) => {
     this.eventEmitter.emit(`onMouseLeaveRoot`, e);
+    this.eventEmitter.emit('onMouseLeaveChart', e);
   };
 
   setContext() {