@easyv/charts 1.8.15 → 1.8.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/Band.js +356 -356
- package/lib/components/Carousel.js +31 -21
- package/lib/components/Label.js +356 -356
- package/lib/components/Legend.js +312 -312
- package/lib/components/PieChart.js +8 -6
- package/lib/components/pieTooltip.js +202 -202
- package/lib/utils/index.js +823 -822
- package/package.json +1 -1
- package/src/components/Band.tsx +1 -1
- package/src/components/PieChart.js +36 -9
- package/src/utils/index.js +1 -0
package/package.json
CHANGED
package/src/components/Band.tsx
CHANGED
|
@@ -169,7 +169,7 @@ export default memo(
|
|
|
169
169
|
}, borderWidth=0 } = border || {};
|
|
170
170
|
const borderStr = `${pure} solid ${borderWidth}px`;
|
|
171
171
|
const borderImageSource = getMultiColorStr(linear);
|
|
172
|
-
const positionX =isXRepeat? xScaler(x) - step / 2 + seriesStart + index * seriesStep: xScaler(x) -
|
|
172
|
+
const positionX =isXRepeat? xScaler(x) - step / 2 + seriesStart + index * seriesStep: xScaler(x) -seriesWidth/2;
|
|
173
173
|
let showHead, headType, headUrl, headVideo, headWidth, headHeight, headTranslate;
|
|
174
174
|
if (headDecorate) {
|
|
175
175
|
(showHead = headDecorate.show),
|
|
@@ -512,7 +512,7 @@ const Component = memo(
|
|
|
512
512
|
const [mousePos, setMousePos] = useState({ x: 0, y: 0 });
|
|
513
513
|
const [hoverData, setHoverData] = useState(null);
|
|
514
514
|
const pieWarpEl = useRef(null);
|
|
515
|
-
const domRef=useRef()
|
|
515
|
+
const domRef = useRef();
|
|
516
516
|
return outerDecorate ? (
|
|
517
517
|
<div ref={domRef}>
|
|
518
518
|
<ChartContainer //用于生成甜甜圈图，判断依据是外环装饰这个配置项(outerDecorate)
|
|
@@ -626,7 +626,13 @@ const Component = memo(
|
|
|
626
626
|
mousePos.x != 0 &&
|
|
627
627
|
mousePos.y != 0 &&
|
|
628
628
|
tooltip.manual && (
|
|
629
|
-
<div
|
|
629
|
+
<div
|
|
630
|
+
style={{
|
|
631
|
+
position: "absolute",
|
|
632
|
+
zIndex: 9999,
|
|
633
|
+
pointerEvents: "none",
|
|
634
|
+
}}
|
|
635
|
+
>
|
|
630
636
|
<PieTooltip
|
|
631
637
|
series={series}
|
|
632
638
|
domRef={domRef}
|
|
@@ -888,7 +894,13 @@ const Component = memo(
|
|
|
888
894
|
mousePos.x != 0 &&
|
|
889
895
|
mousePos.y != 0 &&
|
|
890
896
|
tooltip.manual && (
|
|
891
|
-
<div
|
|
897
|
+
<div
|
|
898
|
+
style={{
|
|
899
|
+
position: "absolute",
|
|
900
|
+
zIndex: 9999,
|
|
901
|
+
pointerEvents: "none",
|
|
902
|
+
}}
|
|
903
|
+
>
|
|
892
904
|
<PieTooltip
|
|
893
905
|
series={series}
|
|
894
906
|
domRef={domRef}
|
|
@@ -1097,7 +1109,7 @@ const Label = ({
|
|
|
1097
1109
|
value: {
|
|
1098
1110
|
show: showValue,
|
|
1099
1111
|
font: valueFont,
|
|
1100
|
-
sameColor:valueSameColor,
|
|
1112
|
+
sameColor: valueSameColor,
|
|
1101
1113
|
suffix: {
|
|
1102
1114
|
show: showSuffix,
|
|
1103
1115
|
text,
|
|
@@ -1105,7 +1117,12 @@ const Label = ({
|
|
|
1105
1117
|
translate: { x: suffixTranslateX, y: suffixTranslateY },
|
|
1106
1118
|
},
|
|
1107
1119
|
},
|
|
1108
|
-
percent: {
|
|
1120
|
+
percent: {
|
|
1121
|
+
show: showPercent,
|
|
1122
|
+
sameColor: percentSameColor,
|
|
1123
|
+
font: percentFont,
|
|
1124
|
+
precision,
|
|
1125
|
+
},
|
|
1109
1126
|
},
|
|
1110
1127
|
iosStyle: { isIOS, left, top },
|
|
1111
1128
|
arcs,
|
|
@@ -1239,7 +1256,12 @@ const Label = ({
|
|
|
1239
1256
|
></TextOverflow>
|
|
1240
1257
|
)}
|
|
1241
1258
|
{showValue && (
|
|
1242
|
-
<span
|
|
1259
|
+
<span
|
|
1260
|
+
style={{
|
|
1261
|
+
...getFontStyle(valueFont),
|
|
1262
|
+
color: valueSameColor ? pure : valueFont.color,
|
|
1263
|
+
}}
|
|
1264
|
+
>
|
|
1243
1265
|
{data.y}
|
|
1244
1266
|
{showSuffix && (
|
|
1245
1267
|
<span
|
|
@@ -1256,7 +1278,12 @@ const Label = ({
|
|
|
1256
1278
|
</span>
|
|
1257
1279
|
)}
|
|
1258
1280
|
{showPercent && (
|
|
1259
|
-
<span
|
|
1281
|
+
<span
|
|
1282
|
+
style={{
|
|
1283
|
+
...getFontStyle(percentFont),
|
|
1284
|
+
color: percentSameColor ? pure : percentFont.color,
|
|
1285
|
+
}}
|
|
1286
|
+
>
|
|
1260
1287
|
{(_showValue ? "（" : "") +
|
|
1261
1288
|
percent +
|
|
1262
1289
|
"%" +
|
|
@@ -1461,7 +1488,7 @@ const RingLabel = ({
|
|
|
1461
1488
|
style={{
|
|
1462
1489
|
...getFontStyle(valueFont),
|
|
1463
1490
|
transform: getTranslate(valueTranslate, x3 >= 0),
|
|
1464
|
-
|
|
1491
|
+
color: valueSameColor ? pure : valueFont.color,
|
|
1465
1492
|
}}
|
|
1466
1493
|
>
|
|
1467
1494
|
{realData.y}
|
|
@@ -1484,7 +1511,7 @@ const RingLabel = ({
|
|
|
1484
1511
|
style={{
|
|
1485
1512
|
...getFontStyle(percentFont),
|
|
1486
1513
|
transform: getTranslate(percentTranslate, x3 >= 0),
|
|
1487
|
-
|
|
1514
|
+
color: percentSameColor ? pure : percentFont.color,
|
|
1488
1515
|
}}
|
|
1489
1516
|
>
|
|
1490
1517
|
{(_showValue ? "（" : "") +
|