@easyv/charts 1.4.5 → 1.4.7

package/lib/components/CartesianChart.js

@@ -174,7 +174,7 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     style: isVertical ? {
       width: xLineRange + marginRight,
       height: yLineRange,
-      paddingRight: marginRight
+      transform: "translateX(".concat(-marginRight, "px)")
     } : {
       width: xLineRange,
       height: yLineRange + marginTop,
@@ -186,7 +186,7 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     height: "100%",
     style: {
       overflow: "visible",
-      transform: "translateY(".concat(marginTop, "px)")
+      transform: isVertical ? "translateX(".concat(marginRight, "px)") : "translateY(".concat(marginTop, "px)")
     }
   }, series.map(function (_ref2, index) {
     var Component = _ref2.Component,

package/lib/components/Marquee.js

@@ -107,8 +107,11 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
       ref: i == 0 ? target : null,
       style: {
         display: i == 1 && !overflow ? "none" : "inline"
+      },
+      dangerouslySetInnerHTML: {
+        __html: item + (overflow ? "<span>&nbsp;</span>" : "")
       }
-    }, item, overflow && /*#__PURE__*/_react["default"].createElement("span", null, "\xA0"));
+    });
   }));
 }));
 

package/lib/components/TextOverflow.js

@@ -66,8 +66,11 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
   }) : /*#__PURE__*/_react["default"].createElement("div", {
     style: styles,
     ref: ref,
-    title: value || undefined
-  }, " ", value);
+    title: value || undefined,
+    dangerouslySetInnerHTML: {
+      __html: value
+    }
+  });
 }));
 
 exports["default"] = _default;

package/package.json

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

package/src/components/CartesianChart.js

@@ -159,14 +159,14 @@ const Chart = memo(
           <foreignObject style={isVertical?{
                width:xLineRange+marginRight,
                height:yLineRange,
-               paddingRight:marginRight
+               transform:`translateX(${-marginRight}px)`,
             }:{
             width:xLineRange,
             height:yLineRange+marginTop,
             transform:`translateY(${-marginTop}px)`,
             // paddingTop:marginTop
           }}>
-            <svg width="100%" height="100%" style={{overflow:"visible",transform:`translateY(${marginTop}px)`}}>
+            <svg width="100%" height="100%" style={{overflow:"visible",transform:isVertical?`translateX(${marginRight}px)`:`translateY(${marginTop}px)`}}>
               {series.map(({ Component, yOrZ, ...config }, index) => {
                 const yAxis = axes.get(yOrZ);
                 return (

package/src/components/Marquee.tsx

@@ -89,9 +89,10 @@ export default memo(forwardRef((props:marquee, ref:any) => {
             key={i}
             ref={i == 0 ? target : null}
             style={{ display: i == 1 && !overflow ? "none" : "inline" }}
+            dangerouslySetInnerHTML={{
+              __html:item+(overflow?`<span>&nbsp;</span>`:"")
+            }}
           >
-            {item}
-            {overflow && <span>&nbsp;</span>}
           </span>
         );
       })}

package/src/components/TextOverflow.tsx

@@ -55,6 +55,6 @@ export default memo(forwardRef((props:flowText, ref:any) => {
       style={styles}
       ref={ref} />
   ) : (
-    <div style={styles} ref={ref} title={value || undefined}> {value}</div>
+    <div style={styles} ref={ref} title={value || undefined} dangerouslySetInnerHTML={{__html:value}}></div>
   );
 }));