@easyv/charts 1.6.9 → 1.6.11
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/AnimateData.js +13 -22
- package/lib/components/Axis.js +106 -153
- package/lib/components/Background.js +18 -27
- package/lib/components/Band.js +78 -104
- package/lib/components/BaseLine.js +38 -52
- package/lib/components/Brush.js +31 -49
- package/lib/components/Carousel.js +20 -48
- package/lib/components/CartesianChart.js +136 -195
- package/lib/components/Chart.js +37 -59
- package/lib/components/ChartContainer.js +23 -33
- package/lib/components/ConicalGradient.js +38 -72
- package/lib/components/Control.js +61 -101
- package/lib/components/ExtentData.js +13 -22
- package/lib/components/FilterData.js +20 -32
- package/lib/components/Indicator.js +18 -26
- package/lib/components/Label.js +90 -121
- package/lib/components/Legend.js +48 -74
- package/lib/components/Lighter.js +22 -52
- package/lib/components/Line.js +41 -62
- package/lib/components/LinearGradient.js +16 -23
- package/lib/components/Mapping.js +15 -41
- package/lib/components/Marquee.js +23 -40
- package/lib/components/PieChart.js +352 -456
- package/lib/components/StackData.js +12 -23
- package/lib/components/StereoBar.js +69 -110
- package/lib/components/TextOverflow.js +17 -31
- package/lib/components/Tooltip.js +50 -65
- package/lib/components/index.js +1 -31
- package/lib/components/pieTooltip.js +46 -74
- package/lib/context/index.js +1 -4
- package/lib/css/index.module.css +1 -1
- package/lib/element/ConicGradient.js +31 -37
- package/lib/element/Line.js +11 -16
- package/lib/element/index.js +0 -2
- package/lib/formatter/index.js +0 -2
- package/lib/formatter/legend.js +48 -48
- package/lib/hooks/index.js +0 -9
- package/lib/hooks/useAiData.js +16 -27
- package/lib/hooks/useAnimateData.js +7 -21
- package/lib/hooks/useAxes.js +89 -151
- package/lib/hooks/useCarouselAxisX.js +30 -64
- package/lib/hooks/useExtentData.js +24 -65
- package/lib/hooks/useFilterData.js +16 -42
- package/lib/hooks/useStackData.js +11 -35
- package/lib/hooks/useTooltip.js +29 -47
- package/lib/index.js +2 -17
- package/lib/utils/index.js +144 -328
- package/package.json +1 -1
- package/src/css/index.module.css +1 -1
- package/src/formatter/legend.js +13 -1
- package/src/utils/index.js +13 -10
|
@@ -1,35 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
|
-
|
|
12
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
11
|
var _react = require("react");
|
|
17
|
-
|
|
18
12
|
var _d3v = require("d3v7");
|
|
19
|
-
|
|
20
13
|
var _utils = require("../utils");
|
|
21
|
-
|
|
22
14
|
var _excluded = ["name"];
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
|
-
|
|
15
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
28
17
|
var getSeriesMap = function getSeriesMap(series) {
|
|
29
18
|
var seriesMap = new Map();
|
|
30
19
|
series.forEach(function (_ref) {
|
|
31
20
|
var name = _ref.name,
|
|
32
|
-
|
|
21
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
33
22
|
seriesMap.set(name, _objectSpread(_objectSpread({}, rest), {}, {
|
|
34
23
|
name: name,
|
|
35
24
|
data: []
|
|
@@ -37,28 +26,23 @@ var getSeriesMap = function getSeriesMap(series) {
|
|
|
37
26
|
});
|
|
38
27
|
return seriesMap;
|
|
39
28
|
};
|
|
40
|
-
|
|
41
29
|
var resetStackData = function resetStackData(series) {
|
|
42
30
|
series.forEach(function (series) {
|
|
43
31
|
series.data = [];
|
|
44
32
|
});
|
|
45
33
|
};
|
|
46
|
-
|
|
47
34
|
var setStackData = function setStackData(data, series, stacks) {
|
|
48
35
|
var dataMap = (0, _d3v.group)(data, function (d) {
|
|
49
36
|
return d.x;
|
|
50
37
|
});
|
|
51
38
|
dataMap.forEach(function (value) {
|
|
52
39
|
(0, _utils.resetStacks)(stacks);
|
|
53
|
-
|
|
54
40
|
for (var i = 0, j = value.length; i < j; i++) {
|
|
55
41
|
var d = value[i];
|
|
56
42
|
var currentSeries = series.get(d.s);
|
|
57
|
-
|
|
58
43
|
if (currentSeries) {
|
|
59
44
|
var type = currentSeries.type;
|
|
60
45
|
var currentStack = (0, _utils.getCurrentStack)(currentSeries, stacks);
|
|
61
|
-
|
|
62
46
|
if (d && d.y !== undefined && (type != "band" || type == "band" && !isNaN(d.y))) {
|
|
63
47
|
if (currentStack) {
|
|
64
48
|
if (d.y >= 0) {
|
|
@@ -90,40 +74,34 @@ var setStackData = function setStackData(data, series, stacks) {
|
|
|
90
74
|
dataMap.clear();
|
|
91
75
|
return series;
|
|
92
76
|
};
|
|
77
|
+
|
|
93
78
|
/**
|
|
94
79
|
* 计算堆叠数据
|
|
95
80
|
* @param {Array} data 数据
|
|
96
81
|
* @param {Map} series 系列
|
|
97
82
|
* @returns {Array} 返回堆叠后的数据,由一开始的{x, y, s}变成{data: {x, y, s}, bound: [start, end], index}
|
|
98
83
|
*/
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
var _default = function _default(_ref2) {
|
|
84
|
+
var _default = exports["default"] = function _default(_ref2) {
|
|
102
85
|
var data = _ref2.data,
|
|
103
|
-
|
|
104
|
-
|
|
86
|
+
series = _ref2.series;
|
|
105
87
|
var _series = (0, _react.useMemo)(function () {
|
|
106
88
|
var stacks = (0, _utils.getStacks)(series);
|
|
107
|
-
|
|
108
89
|
var _series = getSeriesMap(series);
|
|
109
|
-
|
|
110
90
|
return {
|
|
111
91
|
stacks: stacks,
|
|
112
92
|
series: (0, _utils.seriesYOrZ)(_series)
|
|
113
93
|
};
|
|
114
94
|
}, [series]);
|
|
115
|
-
|
|
116
95
|
var _data = (0, _react.useMemo)(function () {
|
|
117
96
|
return (0, _utils.dataYOrZ)(data, _series.series);
|
|
118
97
|
}, [data, _series]);
|
|
119
|
-
|
|
120
98
|
var tmp = (0, _react.useMemo)(function () {
|
|
121
99
|
var dataY = _data.y,
|
|
122
|
-
|
|
100
|
+
dataZ = _data.z;
|
|
123
101
|
var stacks = _series.stacks,
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
102
|
+
_series$series = _series.series,
|
|
103
|
+
seriesY = _series$series.y,
|
|
104
|
+
seriesZ = _series$series.z;
|
|
127
105
|
resetStackData(seriesY);
|
|
128
106
|
resetStackData(seriesZ);
|
|
129
107
|
setStackData(dataY, seriesY, stacks);
|
|
@@ -136,6 +114,4 @@ var _default = function _default(_ref2) {
|
|
|
136
114
|
};
|
|
137
115
|
}, [_data, _series]);
|
|
138
116
|
return tmp;
|
|
139
|
-
};
|
|
140
|
-
|
|
141
|
-
exports["default"] = _default;
|
|
117
|
+
};
|
package/lib/hooks/useTooltip.js
CHANGED
|
@@ -1,19 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
|
|
12
9
|
var _react = require("react");
|
|
13
|
-
|
|
14
10
|
var _utils = require("../utils");
|
|
15
|
-
|
|
16
11
|
var callback = function callback() {};
|
|
12
|
+
|
|
17
13
|
/**
|
|
18
14
|
* 主要用于轴类图表,返回当前选中的是哪一个x
|
|
19
15
|
* @param {Array} svg svg的dom实例
|
|
@@ -26,60 +22,50 @@ var callback = function callback() {};
|
|
|
26
22
|
* @param {Boolean} active 组件是否处于活跃状态
|
|
27
23
|
* @returns {Object} 返回被选中的名称,坐标,选中方法
|
|
28
24
|
*/
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
var _default = function _default(_ref) {
|
|
25
|
+
var _default = exports["default"] = function _default(_ref) {
|
|
32
26
|
var svg = _ref.svg,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
27
|
+
marginLeft = _ref.marginLeft,
|
|
28
|
+
marginTop = _ref.marginTop,
|
|
29
|
+
width = _ref.width,
|
|
30
|
+
height = _ref.height,
|
|
31
|
+
axisX = _ref.axisX,
|
|
32
|
+
isHover = _ref.isHover,
|
|
33
|
+
_ref$config = _ref.config,
|
|
34
|
+
_ref$config2 = _ref$config === void 0 ? {} : _ref$config,
|
|
35
|
+
auto = _ref$config2.auto,
|
|
36
|
+
_ref$config2$interval = _ref$config2.interval,
|
|
37
|
+
interval = _ref$config2$interval === void 0 ? 0 : _ref$config2$interval,
|
|
38
|
+
manual = _ref$config2.manual,
|
|
39
|
+
active = _ref.active;
|
|
47
40
|
var _useState = (0, _react.useState)(null),
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
41
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
42
|
+
currentIndex = _useState2[0],
|
|
43
|
+
setCurrentIndex = _useState2[1];
|
|
52
44
|
var tickLength = axisX.allTicks.length;
|
|
53
45
|
var setIndex = (0, _react.useCallback)(function (e) {
|
|
54
46
|
if (svg) {
|
|
55
47
|
var _getMousePos = (0, _utils.getMousePos)(e, svg.current),
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
48
|
+
mouseX = _getMousePos.x,
|
|
49
|
+
mouseY = _getMousePos.y,
|
|
50
|
+
boundWidth = _getMousePos.w,
|
|
51
|
+
boundHeight = _getMousePos.h;
|
|
61
52
|
var carousel = axisX.carousel,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
53
|
+
allTicks = axisX.allTicks,
|
|
54
|
+
ticks = axisX.ticks,
|
|
55
|
+
scaler = axisX.scaler,
|
|
56
|
+
direction = axisX.direction;
|
|
67
57
|
var _ticks = carousel ? ticks : allTicks;
|
|
68
|
-
|
|
69
58
|
var ratioX = parseInt(svg.current.style.width) / boundWidth;
|
|
70
59
|
var ratioY = parseInt(svg.current.style.height) / boundHeight;
|
|
71
60
|
var resetX = mouseX * ratioX;
|
|
72
61
|
var resetY = mouseY * ratioY;
|
|
73
62
|
var x = resetX - marginLeft;
|
|
74
63
|
var y = resetY - marginTop;
|
|
75
|
-
|
|
76
64
|
if (x > 0 && x < width && y > 0 && y < height && _ticks.length) {
|
|
77
65
|
var position = direction === "vertical" ? y : x;
|
|
78
|
-
|
|
79
66
|
var _name = _ticks.reduce(function (prev, current) {
|
|
80
67
|
return Math.abs(scaler(prev) - position) > Math.abs(scaler(current) - position) ? current : prev;
|
|
81
68
|
});
|
|
82
|
-
|
|
83
69
|
setCurrentIndex(allTicks.findIndex(function (tick) {
|
|
84
70
|
return tick == _name;
|
|
85
71
|
}));
|
|
@@ -92,17 +78,15 @@ var _default = function _default(_ref) {
|
|
|
92
78
|
}
|
|
93
79
|
}, [svg, marginLeft, axisX, auto]);
|
|
94
80
|
(0, _react.useEffect)(function () {
|
|
95
|
-
var on = auto && tickLength && !isHover && active;
|
|
96
|
-
|
|
81
|
+
var on = auto && tickLength && !isHover && active;
|
|
82
|
+
// if (!!on) setCurrentIndex(0);
|
|
97
83
|
var intervalHandler = on ? setInterval(function () {
|
|
98
84
|
setCurrentIndex(function (index) {
|
|
99
85
|
var tmp = index == null ? 0 : index;
|
|
100
86
|
var currentIndex = tmp + 1;
|
|
101
|
-
|
|
102
87
|
if (currentIndex >= tickLength) {
|
|
103
88
|
return 0;
|
|
104
89
|
}
|
|
105
|
-
|
|
106
90
|
return currentIndex;
|
|
107
91
|
});
|
|
108
92
|
}, interval * 1000) : null;
|
|
@@ -116,6 +100,4 @@ var _default = function _default(_ref) {
|
|
|
116
100
|
x: axisX.scaler(name),
|
|
117
101
|
setIndex: manual ? setIndex : callback
|
|
118
102
|
};
|
|
119
|
-
};
|
|
120
|
-
|
|
121
|
-
exports["default"] = _default;
|
|
103
|
+
};
|
package/lib/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -9,9 +8,7 @@ var _exportNames = {
|
|
|
9
8
|
utils: true
|
|
10
9
|
};
|
|
11
10
|
exports.utils = void 0;
|
|
12
|
-
|
|
13
11
|
var _components = require("./components");
|
|
14
|
-
|
|
15
12
|
Object.keys(_components).forEach(function (key) {
|
|
16
13
|
if (key === "default" || key === "__esModule") return;
|
|
17
14
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -23,9 +20,7 @@ Object.keys(_components).forEach(function (key) {
|
|
|
23
20
|
}
|
|
24
21
|
});
|
|
25
22
|
});
|
|
26
|
-
|
|
27
23
|
var _hooks = require("./hooks");
|
|
28
|
-
|
|
29
24
|
Object.keys(_hooks).forEach(function (key) {
|
|
30
25
|
if (key === "default" || key === "__esModule") return;
|
|
31
26
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -37,9 +32,7 @@ Object.keys(_hooks).forEach(function (key) {
|
|
|
37
32
|
}
|
|
38
33
|
});
|
|
39
34
|
});
|
|
40
|
-
|
|
41
35
|
var _context = require("./context");
|
|
42
|
-
|
|
43
36
|
Object.keys(_context).forEach(function (key) {
|
|
44
37
|
if (key === "default" || key === "__esModule") return;
|
|
45
38
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -51,9 +44,7 @@ Object.keys(_context).forEach(function (key) {
|
|
|
51
44
|
}
|
|
52
45
|
});
|
|
53
46
|
});
|
|
54
|
-
|
|
55
47
|
var _formatter = require("./formatter");
|
|
56
|
-
|
|
57
48
|
Object.keys(_formatter).forEach(function (key) {
|
|
58
49
|
if (key === "default" || key === "__esModule") return;
|
|
59
50
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -65,13 +56,9 @@ Object.keys(_formatter).forEach(function (key) {
|
|
|
65
56
|
}
|
|
66
57
|
});
|
|
67
58
|
});
|
|
68
|
-
|
|
69
59
|
var _utils = _interopRequireWildcard(require("./utils"));
|
|
70
|
-
|
|
71
60
|
exports.utils = _utils;
|
|
72
|
-
|
|
73
61
|
var _utils3 = require("@easyv/utils");
|
|
74
|
-
|
|
75
62
|
Object.keys(_utils3).forEach(function (key) {
|
|
76
63
|
if (key === "default" || key === "__esModule") return;
|
|
77
64
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -83,7 +70,5 @@ Object.keys(_utils3).forEach(function (key) {
|
|
|
83
70
|
}
|
|
84
71
|
});
|
|
85
72
|
});
|
|
86
|
-
|
|
87
|
-
function
|
|
88
|
-
|
|
89
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
73
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
74
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|