@easyv/charts 1.9.6 → 1.9.8

package/lib/components/Band.js

@@ -55,15 +55,15 @@ var getAttr = function getAttr(_ref) {
   var len = length ? length : 0.1; //柱子长度
   if (isVertical) {
     return {
-      width: len,
-      height: seriesWidth,
+      width: Math.max(0, len),
+      height: Math.max(0, seriesWidth),
       x: y,
       y: x,
       bgAttr: {
         x: 0,
         y: x,
-        width: len + x,
-        height: seriesWidth
+        width: Math.max(0, len + x),
+        height: Math.max(0, seriesWidth)
       }
     };
   } else {
@@ -75,8 +75,8 @@ var getAttr = function getAttr(_ref) {
       bgAttr: {
         x: x,
         y: 0,
-        width: seriesWidth,
-        height: y + len
+        width: Math.max(0, seriesWidth),
+        height: Math.max(0, y + len)
       }
     };
   }

package/lib/components/Chart.js

@@ -53,7 +53,7 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref2) {
     emit = _ref2.emit,
     emitEvent = _ref2.emitEvent,
     props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  console.log("888");
+  console.log("999");
   var width = props.width,
     height = props.height;
   var isIOS = (0, _react.useRef)(/iPad|iPhone|iPod|iOS/i.test(navigator.userAgent) || /Mac OS X/i.test(navigator.userAgent) && !/Chrome/i.test(navigator.userAgent));

package/lib/components/Legend.js

@@ -116,11 +116,13 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
     _alignment = _alignment$split2[0],
     position = _alignment$split2[1];
   var length = _series.length;
-  var onClick = (0, _react.useCallback)(function (e) {
-    var dataset = e.currentTarget.dataset;
-    var name = dataset.name;
-    filterData && interactive && filterData(name);
-    pieClick && pieClick(e);
+  var onClick = (0, _react.useCallback)(function (fieldName) {
+    return function (e) {
+      var dataset = e.currentTarget.dataset;
+      var name = dataset.name;
+      filterData && interactive && filterData(fieldName || name);
+      pieClick && pieClick(e);
+    };
   }, [interactive, filterData, pieClick]);
   if (judge == 0) {
     _series.forEach(function (d) {
@@ -190,13 +192,14 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
     var type = series.type,
       name = series.name,
       displayName = series.displayName,
+      fieldName = series.fieldName,
       icon = series.icon,
       selected = series.selected,
       index = series.index;
     var _icon = (0, _utils.getIcon)(type, icon, series === null || series === void 0 || (_series$config = series.config) === null || _series$config === void 0 || (_series$config = _series$config.line) === null || _series$config === void 0 ? void 0 : _series$config.type);
     return /*#__PURE__*/_react["default"].createElement("li", {
       key: i,
-      onClick: onClick,
+      onClick: onClick(fieldName),
       "data-name": displayName || name,
       "data-index": index,
       style: {
@@ -242,13 +245,14 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
         var type = series.type,
           name = series.name,
           displayName = series.displayName,
+          fieldName = series.fieldName,
           icon = series.icon,
           selected = series.selected,
           index = series.index;
         var _icon = (0, _utils.getIcon)(type, icon, series === null || series === void 0 || (_series$config2 = series.config) === null || _series$config2 === void 0 || (_series$config2 = _series$config2.line) === null || _series$config2 === void 0 ? void 0 : _series$config2.type);
         return /*#__PURE__*/_react["default"].createElement("li", {
           key: i,
-          onClick: onClick,
+          onClick: onClick(fieldName),
           "data-name": displayName || name,
           "data-index": index,
           style: {

package/lib/formatter/legend.js

@@ -65,7 +65,6 @@ var pieLegendFormatter = exports.pieLegendFormatter = function pieLegendFormatte
   if (showName) columns.push("".concat(props.nameMaxWidth, "px"));
   if (showValue) columns.push("".concat(props.valueMaxWidth + valueGap, "px"));
   if (showPercent) columns.push("".concat(props.percentMaxWidth + percentGap, "px"));
-  columns[columns.length - 1] = "auto";
   return /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement("span", {
     style: _objectSpread(_objectSpread({}, icon), {}, {
       marginRight: icon.marginRight,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/charts",
-  "version": "1.9.6",
+  "version": "1.9.8",
   "description": "",
   "main": "lib/index.js",
   "scripts": {

package/src/components/Band.tsx

@@ -40,15 +40,15 @@ const getAttr = ({
   const len = length ? length : 0.1; //柱子长度
   if (isVertical) {
     return {
-      width: len,
-      height: seriesWidth,
+      width: Math.max(0,len),
+      height: Math.max(0,seriesWidth),
       x: y,
       y: x,
       bgAttr: {
         x: 0,
         y: x,
-        width: len + x,
-        height: seriesWidth,
+        width: Math.max(0,len + x),
+        height: Math.max(0,seriesWidth),
       },
     };
   } else {
@@ -60,8 +60,8 @@ const getAttr = ({
       bgAttr: {
         x,
         y: 0,
-        width: seriesWidth,
-        height: y + len,
+        width: Math.max(0,seriesWidth),
+        height: Math.max(0,y + len),
       },
     };
   }

package/src/components/Chart.js

@@ -44,7 +44,7 @@ const Chart = memo(
     emitEvent,
     ...props
   }) => {
-    console.log("888");
+    console.log("999");
     
     const { width, height } = props;
     const isIOS = useRef(

package/src/components/Legend.js

@@ -88,10 +88,10 @@ export default memo(
     const length = _series.length;
 
     const onClick = useCallback(
-      (e) => {
+      (fieldName) => (e) => {
         const { dataset } = e.currentTarget;
         const { name } = dataset;
-        filterData && interactive && filterData(name);
+        filterData && interactive && filterData(fieldName||name);
         pieClick && pieClick(e);
       },
       [interactive, filterData, pieClick]
@@ -211,12 +211,12 @@ export default memo(
           }}
         >
           {_series.map((series, i) => {
-            const { type, name, displayName, icon, selected, index } = series;
+            const { type, name, displayName,fieldName, icon, selected, index } = series;
             const _icon = getIcon(type, icon, series?.config?.line?.type);
             return (
               <li
                 key={i}
-                onClick={onClick}
+                onClick={onClick(fieldName)}
                 data-name={displayName || name}
                 data-index={index}
                 style={{
@@ -281,13 +281,13 @@ export default memo(
             >
               {_series.map((series, i) => {
                 if (Math.floor(i / gridTemplateColumns) == indexs) {
-                  const { type, name, displayName, icon, selected, index } =
+                  const { type, name, displayName,fieldName, icon, selected, index } =
                     series;
                   const _icon = getIcon(type, icon, series?.config?.line?.type);
                   return (
                     <li
                       key={i}
-                      onClick={onClick}
+                      onClick={onClick(fieldName)}
                       data-name={displayName || name}
                       data-index={index}
                       style={{

package/src/formatter/legend.js

@@ -53,7 +53,6 @@ export const pieLegendFormatter = (
   if (showName) columns.push(`${props.nameMaxWidth}px`);
   if (showValue) columns.push(`${props.valueMaxWidth + valueGap}px`);
   if (showPercent) columns.push(`${props.percentMaxWidth + percentGap}px`);
-  columns[columns.length-1]="auto"
   return (
     <>
       {icon &&<span style={{ ...icon, marginRight: icon.marginRight, transform:`translate(${nameX}px, ${nameY}px)` }} />}