@easyv/charts 1.3.11 → 1.3.13

package/lib/components/Axis.js

@@ -218,7 +218,7 @@ var Label = function Label(_ref5) {
     letterSpacing: letterSpacing,
     dx: "0",
     dy: "0",
-    transform: Array.isArray(_label) ? rotate !== 0 ? isVertical ? translateText + 'rotate(' + rotate + ')' : 'rotate(' + rotate + ', ' + x + ', ' + y + ')' : isVertical ? translateText : 'translate(' + translateX + ', ' + translateY + ')' : translateText + 'rotate(' + rotate + ')'
+    transform: Array.isArray(_label) ? rotate !== 0 ? isVertical ? translateText + ' rotate(' + rotate + ')' : 'rotate(' + rotate + ', ' + x + ', ' + y + ')' : isVertical ? translateText : 'translate(' + translateX + ', ' + translateY + ')' : translateText + ' rotate(' + rotate + ')'
   }, !!Array.isArray(_label) ? _label.map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement("tspan", {
       key: index,

package/lib/components/Band.js

@@ -146,7 +146,7 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref3) {
     var showHead, headUrl, headWidth, headHeight, headTranslate;
 
     if (headDecorate) {
-      showHead = headDecorate.show, headUrl = headDecorate.url, headWidth = headDecorate.size.width, headHeight = headDecorate.size.height, headTranslate = headDecorate.headTranslate;
+      showHead = headDecorate.show, headUrl = headDecorate.url, headWidth = headDecorate.size.width, headHeight = headDecorate.size.height, headTranslate = headDecorate.translate;
     }
 
     if (isNaN(positionX)) return null;
@@ -173,9 +173,10 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref3) {
         background: "url(".concat(window.appConfig.ASSETS_URL + headUrl, ") 0 0/100% 100%"),
         width: headWidth,
         height: headHeight,
-        left: "50%",
+        left: isVertical ? "100%" : "50%",
+        top: isVertical ? "50%" : "0",
         zIndex: 1,
-        transform: "translate(calc(-50% + ".concat(headTranslate.x, "px), ").concat(headTranslate.y, "px)")
+        transform: "translate(calc(-50% + ".concat(headTranslate.x, "px), calc(-50% + ").concat(headTranslate.y, "px))")
       }
     }), /*#__PURE__*/_react["default"].createElement("div", {
       style: {

package/lib/components/Label.js

@@ -83,7 +83,7 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
 
     var positionX = xScaler(x) - step / 2 + seriesStart + index * seriesStep;
     if (isNaN(positionX)) return null;
-    var position = positionX + seriesWidth / 2;
+    var position = positionX + (config.line ? step : seriesWidth) / 2;
     var labelPosition = isVertical ? getVerticalLabel({
       position: _position,
       y: y,

package/package.json

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

package/src/components/Axis.tsx

@@ -217,12 +217,12 @@ const Label: (
         Array.isArray(_label)
           ? rotate !== 0
             ? isVertical
-              ? translateText + 'rotate(' + rotate + ')'
+              ? translateText + ' rotate(' + rotate + ')'
               : 'rotate(' + rotate + ', ' + x + ', ' + y + ')'
             : isVertical
             ? translateText
             : 'translate(' + translateX + ', ' + translateY + ')'
-          : translateText + 'rotate(' + rotate + ')'
+          : translateText + ' rotate(' + rotate + ')'
       }
     >
       {!!Array.isArray(_label)

package/src/components/Band.tsx

@@ -122,7 +122,7 @@ export default memo(
               headUrl = headDecorate.url,
               headWidth = headDecorate.size.width,
               headHeight = headDecorate.size.height,
-              headTranslate = headDecorate.headTranslate;
+              headTranslate = headDecorate.translate;
             }
 
             if (isNaN(positionX)) return null;
@@ -150,9 +150,10 @@ export default memo(
                   background:`url(${window.appConfig.ASSETS_URL+headUrl}) 0 0/100% 100%`,
                   width:headWidth,
                   height:headHeight,
-                  left:"50%",
+                  left:isVertical?"100%":"50%",
+                  top:isVertical?"50%":"0",
                   zIndex:1,
-                  transform:`translate(calc(-50% + ${headTranslate.x}px), ${headTranslate.y}px)`
+                  transform:`translate(calc(-50% + ${headTranslate.x}px), calc(-50% + ${headTranslate.y}px))`
                 }}></div>}
                 <div
                   style={{

package/src/components/Label.js

@@ -33,7 +33,6 @@ export default memo(
       paddingInner,
       paddingOuter,
     });
-
     const isVertical = direction === 'vertical';
     const _position = label.position;
     return (
@@ -57,7 +56,7 @@ export default memo(
               xScaler(x) - step / 2 + seriesStart + index * seriesStep;
 
             if (isNaN(positionX)) return null;
-            const position = positionX + seriesWidth / 2;
+            const position = positionX + (config.line?step:seriesWidth) / 2;
             const labelPosition = isVertical
               ? getVerticalLabel({
                   position: _position,

package/src/hooks/useAxes.js

@@ -79,6 +79,7 @@ export default ({ axes, context: { width, height } }) => {
           : scaler.domain();
 
       let _ticks = allTicks;
+      
       if (type === 'ordinal') {
         if (carousel === false) {
           _ticks = getTicksOfAxis(_ticks, +tickCount, showLast);