@easyv/charts 1.4.6 → 1.4.8

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/lib/hooks/useAxes.js

@@ -110,7 +110,7 @@ var _default = function _default(_ref) {
       var range = direction === 'horizontal' ? [start, end] : direction === 'vertical' ? [end, start] : [0, 0];
       var newDomain = domain;
 
-      if (type !== 'ordinal' && !isNaN(domain[1])) {
+      if (type !== 'ordinal' && !isNaN(domain[1]) && !auto) {
         newDomain = getNewDomain(domain, mode, step);
       }
 
@@ -119,7 +119,7 @@ var _default = function _default(_ref) {
       if (type !== 'ordinal') scaler.clamp(true); //scaler.nice().clamp(true)
 
       var allTicks = ticks ? ticks : scaler.ticks ? scaler.ticks(tickCount) : scaler.domain();
-      var _ticks = allTicks;
+      var _ticks = allTicks; // 
 
       if (type === 'ordinal') {
         if (carousel === false) {

package/package.json

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

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>
   );
 }));

package/src/hooks/useAxes.js

@@ -95,11 +95,12 @@ export default ({ axes, context: { width, height } }) => {
             ? [end, start]
             : [0, 0];
       let newDomain = domain;
-      if(type !== 'ordinal' && !isNaN(domain[1])){
+      if(type !== 'ordinal' && !isNaN(domain[1]) && !auto){
         newDomain = getNewDomain(domain, mode, step);
       }
       
       const scaler = scales[type]().domain(newDomain).range(range);
+      
       scaler.type = type;
       if (type !== 'ordinal') scaler.clamp(true); //scaler.nice().clamp(true)
       const allTicks = ticks
@@ -108,6 +109,7 @@ export default ({ axes, context: { width, height } }) => {
           ? scaler.ticks(tickCount)
           : scaler.domain();
       let _ticks = allTicks;
+      // 
       if (type === 'ordinal') {
         if (carousel === false) {
           _ticks = getTicksOfAxis(_ticks, +tickCount, showLast);