@easyv/charts 1.2.1 → 1.2.2
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/commitlint.config.js +1 -1
- package/lib/components/AnimateData.js +34 -34
- package/lib/components/Axis.js +319 -319
- package/lib/components/Band.js +173 -173
- package/lib/components/Brush.js +201 -201
- package/lib/components/Carousel.js +162 -162
- package/lib/components/Chart.js +109 -109
- package/lib/components/ChartContainer.js +58 -58
- package/lib/components/ConicalGradient.js +243 -243
- package/lib/components/ExtentData.js +45 -45
- package/lib/components/FilterData.js +53 -53
- package/lib/components/Label.js +278 -278
- package/lib/components/Legend.js +154 -154
- package/lib/components/Line.js +181 -181
- package/lib/components/Mapping.js +127 -127
- package/lib/components/Marquee.js +97 -0
- package/lib/components/PieChart.js +1069 -1061
- package/lib/components/StackData.js +45 -45
- package/lib/components/StereoBar.js +336 -336
- package/lib/components/Tooltip.js +155 -155
- package/lib/components/index.js +194 -194
- package/lib/formatter/legend.js +91 -91
- package/lib/hooks/index.js +62 -62
- package/lib/hooks/useAnimateData.js +83 -83
- package/lib/hooks/useAxes.js +130 -130
- package/lib/hooks/useCarouselAxisX.js +179 -179
- package/lib/hooks/useExtentData.js +122 -122
- package/lib/hooks/useFilterData.js +107 -107
- package/lib/hooks/useStackData.js +129 -129
- package/lib/index.js +84 -84
- package/lib/utils/index.js +832 -832
- package/package.json +3 -3
- package/src/components/PieChart.js +468 -277
|
@@ -1,185 +1,185 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
-
|
|
14
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
|
-
var _react = require("react");
|
|
17
|
-
|
|
18
|
-
var _popmotion = require("popmotion");
|
|
19
|
-
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
-
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
23
|
-
|
|
24
|
-
var initialState = {
|
|
25
|
-
currentIndex: null,
|
|
26
|
-
flag: false
|
|
27
|
-
};
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
+
|
|
12
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
+
|
|
14
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
+
|
|
16
|
+
var _react = require("react");
|
|
17
|
+
|
|
18
|
+
var _popmotion = require("popmotion");
|
|
19
|
+
|
|
20
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
+
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
23
|
+
|
|
24
|
+
var initialState = {
|
|
25
|
+
currentIndex: null,
|
|
26
|
+
flag: false
|
|
27
|
+
};
|
|
28
28
|
/**
|
|
29
29
|
* x轴滚动逻辑
|
|
30
30
|
* @param {Object} axis x轴配置项
|
|
31
31
|
* @param {Object} config x轴轮播动画的配置项
|
|
32
32
|
* @returns {Map} 返回经过改变后的x轴,主要是ticks和scaler的range发生了改变
|
|
33
|
-
*/
|
|
34
|
-
|
|
35
|
-
var _default = function _default(axis, config) {
|
|
36
|
-
var show = config.show,
|
|
37
|
-
interval = config.interval,
|
|
38
|
-
duration = config.duration;
|
|
39
|
-
var time = duration + interval;
|
|
40
|
-
var tickCount = axis.tickCount,
|
|
41
|
-
allTicks = axis.allTicks,
|
|
42
|
-
scaler = axis.scaler,
|
|
43
|
-
start = axis.start,
|
|
44
|
-
end = axis.end,
|
|
45
|
-
step = axis.step,
|
|
46
|
-
ticks = axis.ticks,
|
|
47
|
-
lengthWithoutPaddingOuter = axis.lengthWithoutPaddingOuter;
|
|
48
|
-
var tickLength = ticks.length;
|
|
49
|
-
|
|
50
|
-
var _useState = (0, _react.useState)({
|
|
51
|
-
scaler: scaler,
|
|
52
|
-
step: step,
|
|
53
|
-
ticks: ticks
|
|
54
|
-
}),
|
|
55
|
-
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
56
|
-
state = _useState2[0],
|
|
57
|
-
setState = _useState2[1];
|
|
58
|
-
|
|
59
|
-
var _useState3 = (0, _react.useState)(initialState),
|
|
60
|
-
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
61
|
-
status = _useState4[0],
|
|
62
|
-
setStatus = _useState4[1];
|
|
63
|
-
|
|
64
|
-
(0, _react.useEffect)(function () {
|
|
65
|
-
var handler;
|
|
66
|
-
|
|
67
|
-
if (show && time && tickLength > tickCount) {
|
|
68
|
-
setStatus({
|
|
69
|
-
currentIndex: 0,
|
|
70
|
-
flag: true
|
|
71
|
-
});
|
|
72
|
-
handler = setInterval(function () {
|
|
73
|
-
setStatus(function (_ref) {
|
|
74
|
-
var currentIndex = _ref.currentIndex;
|
|
75
|
-
var tmp = +currentIndex + 1;
|
|
76
|
-
return {
|
|
77
|
-
currentIndex: tmp >= tickLength ? 0 : tmp,
|
|
78
|
-
flag: false
|
|
79
|
-
};
|
|
80
|
-
});
|
|
81
|
-
}, time * 1000);
|
|
82
|
-
} else {
|
|
83
|
-
setStatus(initialState);
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
return function () {
|
|
87
|
-
handler && clearInterval(handler);
|
|
88
|
-
};
|
|
89
|
-
}, [show, time, tickCount, tickLength]);
|
|
90
|
-
(0, _react.useEffect)(function () {
|
|
91
|
-
var animation;
|
|
92
|
-
var currentIndex = status.currentIndex,
|
|
93
|
-
flag = status.flag;
|
|
94
|
-
|
|
95
|
-
if (currentIndex !== null) {
|
|
96
|
-
var _step = lengthWithoutPaddingOuter / tickCount;
|
|
97
|
-
|
|
98
|
-
if (flag) {
|
|
99
|
-
var _ticks = allTicks.slice(currentIndex, tickCount);
|
|
100
|
-
|
|
101
|
-
setState({
|
|
102
|
-
step: _step,
|
|
103
|
-
ticks: _ticks,
|
|
104
|
-
scaler: scaler.copy().domain(_ticks).range([start, end])
|
|
105
|
-
});
|
|
106
|
-
} else {
|
|
107
|
-
animation = (0, _popmotion.animate)({
|
|
108
|
-
from: 0,
|
|
109
|
-
to: -1,
|
|
110
|
-
duration: duration * 1000,
|
|
111
|
-
ease: _popmotion.linear,
|
|
112
|
-
onPlay: function onPlay() {
|
|
113
|
-
setState(function (axis) {
|
|
114
|
-
var ticks = axis.ticks,
|
|
115
|
-
scaler = axis.scaler;
|
|
116
|
-
|
|
117
|
-
var _ticks2 = (0, _slicedToArray2["default"])(ticks, 1),
|
|
118
|
-
tick = _ticks2[0];
|
|
119
|
-
|
|
120
|
-
var _ticks = [tick].concat((0, _toConsumableArray2["default"])(getTicks(allTicks, currentIndex, tickCount)));
|
|
121
|
-
|
|
122
|
-
return _objectSpread(_objectSpread({}, axis), {}, {
|
|
123
|
-
ticks: _ticks,
|
|
124
|
-
scaler: scaler.copy().range([start, end + _step]).domain(_ticks)
|
|
125
|
-
});
|
|
126
|
-
});
|
|
127
|
-
},
|
|
128
|
-
onUpdate: function onUpdate(v) {
|
|
129
|
-
setState(function (axis) {
|
|
130
|
-
var scaler = axis.scaler,
|
|
131
|
-
step = axis.step;
|
|
132
|
-
return _objectSpread(_objectSpread({}, axis), {}, {
|
|
133
|
-
scaler: scaler.copy().range([start + step * v, end + step + step * v])
|
|
134
|
-
});
|
|
135
|
-
});
|
|
136
|
-
},
|
|
137
|
-
onComplete: function onComplete() {
|
|
138
|
-
setState(function (axis) {
|
|
139
|
-
var scaler = axis.scaler,
|
|
140
|
-
ticks = axis.ticks;
|
|
141
|
-
|
|
142
|
-
var _ticks = ticks.slice(1, ticks.length);
|
|
143
|
-
|
|
144
|
-
return _objectSpread(_objectSpread({}, axis), {}, {
|
|
145
|
-
ticks: _ticks,
|
|
146
|
-
scaler: scaler.copy().range([start, end]).domain(_ticks)
|
|
147
|
-
});
|
|
148
|
-
});
|
|
149
|
-
}
|
|
150
|
-
});
|
|
151
|
-
}
|
|
152
|
-
} else {
|
|
153
|
-
var _ticks3 = scaler.type == 'linear' ? scaler.domain() : allTicks;
|
|
154
|
-
|
|
155
|
-
setState({
|
|
156
|
-
step: step,
|
|
157
|
-
scaler: scaler.copy().domain(_ticks3).range([start, end]),
|
|
158
|
-
ticks: ticks
|
|
159
|
-
});
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
return function () {
|
|
163
|
-
animation && animation.stop();
|
|
164
|
-
};
|
|
165
|
-
}, [tickCount, allTicks, scaler, start, end, step, ticks, lengthWithoutPaddingOuter, status, duration]);
|
|
166
|
-
return _objectSpread(_objectSpread({}, axis), state);
|
|
167
|
-
};
|
|
168
|
-
|
|
169
|
-
exports["default"] = _default;
|
|
170
|
-
|
|
171
|
-
var getTicks = function getTicks(ticks, currentIndex, length) {
|
|
172
|
-
var _currentIndex = +currentIndex;
|
|
173
|
-
|
|
174
|
-
var ticksLength = ticks.length;
|
|
175
|
-
if (ticksLength <= length) return ticks;
|
|
176
|
-
var end = _currentIndex + length;
|
|
177
|
-
|
|
178
|
-
if (ticksLength < end) {
|
|
179
|
-
var prev = ticks.slice(_currentIndex, ticksLength);
|
|
180
|
-
var next = ticks.slice(0, end - ticksLength);
|
|
181
|
-
return [].concat((0, _toConsumableArray2["default"])(prev), (0, _toConsumableArray2["default"])(next));
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
return ticks.slice(_currentIndex, end);
|
|
33
|
+
*/
|
|
34
|
+
|
|
35
|
+
var _default = function _default(axis, config) {
|
|
36
|
+
var show = config.show,
|
|
37
|
+
interval = config.interval,
|
|
38
|
+
duration = config.duration;
|
|
39
|
+
var time = duration + interval;
|
|
40
|
+
var tickCount = axis.tickCount,
|
|
41
|
+
allTicks = axis.allTicks,
|
|
42
|
+
scaler = axis.scaler,
|
|
43
|
+
start = axis.start,
|
|
44
|
+
end = axis.end,
|
|
45
|
+
step = axis.step,
|
|
46
|
+
ticks = axis.ticks,
|
|
47
|
+
lengthWithoutPaddingOuter = axis.lengthWithoutPaddingOuter;
|
|
48
|
+
var tickLength = ticks.length;
|
|
49
|
+
|
|
50
|
+
var _useState = (0, _react.useState)({
|
|
51
|
+
scaler: scaler,
|
|
52
|
+
step: step,
|
|
53
|
+
ticks: ticks
|
|
54
|
+
}),
|
|
55
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
56
|
+
state = _useState2[0],
|
|
57
|
+
setState = _useState2[1];
|
|
58
|
+
|
|
59
|
+
var _useState3 = (0, _react.useState)(initialState),
|
|
60
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
61
|
+
status = _useState4[0],
|
|
62
|
+
setStatus = _useState4[1];
|
|
63
|
+
|
|
64
|
+
(0, _react.useEffect)(function () {
|
|
65
|
+
var handler;
|
|
66
|
+
|
|
67
|
+
if (show && time && tickLength > tickCount) {
|
|
68
|
+
setStatus({
|
|
69
|
+
currentIndex: 0,
|
|
70
|
+
flag: true
|
|
71
|
+
});
|
|
72
|
+
handler = setInterval(function () {
|
|
73
|
+
setStatus(function (_ref) {
|
|
74
|
+
var currentIndex = _ref.currentIndex;
|
|
75
|
+
var tmp = +currentIndex + 1;
|
|
76
|
+
return {
|
|
77
|
+
currentIndex: tmp >= tickLength ? 0 : tmp,
|
|
78
|
+
flag: false
|
|
79
|
+
};
|
|
80
|
+
});
|
|
81
|
+
}, time * 1000);
|
|
82
|
+
} else {
|
|
83
|
+
setStatus(initialState);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
return function () {
|
|
87
|
+
handler && clearInterval(handler);
|
|
88
|
+
};
|
|
89
|
+
}, [show, time, tickCount, tickLength]);
|
|
90
|
+
(0, _react.useEffect)(function () {
|
|
91
|
+
var animation;
|
|
92
|
+
var currentIndex = status.currentIndex,
|
|
93
|
+
flag = status.flag;
|
|
94
|
+
|
|
95
|
+
if (currentIndex !== null) {
|
|
96
|
+
var _step = lengthWithoutPaddingOuter / tickCount;
|
|
97
|
+
|
|
98
|
+
if (flag) {
|
|
99
|
+
var _ticks = allTicks.slice(currentIndex, tickCount);
|
|
100
|
+
|
|
101
|
+
setState({
|
|
102
|
+
step: _step,
|
|
103
|
+
ticks: _ticks,
|
|
104
|
+
scaler: scaler.copy().domain(_ticks).range([start, end])
|
|
105
|
+
});
|
|
106
|
+
} else {
|
|
107
|
+
animation = (0, _popmotion.animate)({
|
|
108
|
+
from: 0,
|
|
109
|
+
to: -1,
|
|
110
|
+
duration: duration * 1000,
|
|
111
|
+
ease: _popmotion.linear,
|
|
112
|
+
onPlay: function onPlay() {
|
|
113
|
+
setState(function (axis) {
|
|
114
|
+
var ticks = axis.ticks,
|
|
115
|
+
scaler = axis.scaler;
|
|
116
|
+
|
|
117
|
+
var _ticks2 = (0, _slicedToArray2["default"])(ticks, 1),
|
|
118
|
+
tick = _ticks2[0];
|
|
119
|
+
|
|
120
|
+
var _ticks = [tick].concat((0, _toConsumableArray2["default"])(getTicks(allTicks, currentIndex, tickCount)));
|
|
121
|
+
|
|
122
|
+
return _objectSpread(_objectSpread({}, axis), {}, {
|
|
123
|
+
ticks: _ticks,
|
|
124
|
+
scaler: scaler.copy().range([start, end + _step]).domain(_ticks)
|
|
125
|
+
});
|
|
126
|
+
});
|
|
127
|
+
},
|
|
128
|
+
onUpdate: function onUpdate(v) {
|
|
129
|
+
setState(function (axis) {
|
|
130
|
+
var scaler = axis.scaler,
|
|
131
|
+
step = axis.step;
|
|
132
|
+
return _objectSpread(_objectSpread({}, axis), {}, {
|
|
133
|
+
scaler: scaler.copy().range([start + step * v, end + step + step * v])
|
|
134
|
+
});
|
|
135
|
+
});
|
|
136
|
+
},
|
|
137
|
+
onComplete: function onComplete() {
|
|
138
|
+
setState(function (axis) {
|
|
139
|
+
var scaler = axis.scaler,
|
|
140
|
+
ticks = axis.ticks;
|
|
141
|
+
|
|
142
|
+
var _ticks = ticks.slice(1, ticks.length);
|
|
143
|
+
|
|
144
|
+
return _objectSpread(_objectSpread({}, axis), {}, {
|
|
145
|
+
ticks: _ticks,
|
|
146
|
+
scaler: scaler.copy().range([start, end]).domain(_ticks)
|
|
147
|
+
});
|
|
148
|
+
});
|
|
149
|
+
}
|
|
150
|
+
});
|
|
151
|
+
}
|
|
152
|
+
} else {
|
|
153
|
+
var _ticks3 = scaler.type == 'linear' ? scaler.domain() : allTicks;
|
|
154
|
+
|
|
155
|
+
setState({
|
|
156
|
+
step: step,
|
|
157
|
+
scaler: scaler.copy().domain(_ticks3).range([start, end]),
|
|
158
|
+
ticks: ticks
|
|
159
|
+
});
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
return function () {
|
|
163
|
+
animation && animation.stop();
|
|
164
|
+
};
|
|
165
|
+
}, [tickCount, allTicks, scaler, start, end, step, ticks, lengthWithoutPaddingOuter, status, duration]);
|
|
166
|
+
return _objectSpread(_objectSpread({}, axis), state);
|
|
167
|
+
};
|
|
168
|
+
|
|
169
|
+
exports["default"] = _default;
|
|
170
|
+
|
|
171
|
+
var getTicks = function getTicks(ticks, currentIndex, length) {
|
|
172
|
+
var _currentIndex = +currentIndex;
|
|
173
|
+
|
|
174
|
+
var ticksLength = ticks.length;
|
|
175
|
+
if (ticksLength <= length) return ticks;
|
|
176
|
+
var end = _currentIndex + length;
|
|
177
|
+
|
|
178
|
+
if (ticksLength < end) {
|
|
179
|
+
var prev = ticks.slice(_currentIndex, ticksLength);
|
|
180
|
+
var next = ticks.slice(0, end - ticksLength);
|
|
181
|
+
return [].concat((0, _toConsumableArray2["default"])(prev), (0, _toConsumableArray2["default"])(next));
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
return ticks.slice(_currentIndex, end);
|
|
185
185
|
};
|
|
@@ -1,129 +1,129 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
|
|
12
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
15
|
-
|
|
16
|
-
var _react = require("react");
|
|
17
|
-
|
|
18
|
-
var _d3v = require("d3v7");
|
|
19
|
-
|
|
20
|
-
var _utils = require("../utils");
|
|
21
|
-
|
|
22
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
23
|
-
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
25
|
-
|
|
26
|
-
var stackData = function stackData(data, series) {
|
|
27
|
-
var dataMap = (0, _d3v.group)(data, function (d) {
|
|
28
|
-
return d.x;
|
|
29
|
-
});
|
|
30
|
-
var stacks = (0, _utils.getStacks)(series);
|
|
31
|
-
var min = 0,
|
|
32
|
-
max = 0;
|
|
33
|
-
dataMap.forEach(function (value) {
|
|
34
|
-
var arr = [];
|
|
35
|
-
(0, _utils.resetStacks)(stacks);
|
|
36
|
-
|
|
37
|
-
for (var i = 0, j = value.length; i < j; i++) {
|
|
38
|
-
var d = value[i];
|
|
39
|
-
var stack = series.get(d.s);
|
|
40
|
-
|
|
41
|
-
if (d && d.y !== undefined && !isNaN(d.y)) {
|
|
42
|
-
var currentStack = (0, _utils.getCurrentStack)(stack, stacks);
|
|
43
|
-
|
|
44
|
-
if (stack && currentStack) {
|
|
45
|
-
if (d.y >= 0) {
|
|
46
|
-
currentStack.positive += d.y;
|
|
47
|
-
arr.push(currentStack.positive);
|
|
48
|
-
} else {
|
|
49
|
-
currentStack.negative += d.y;
|
|
50
|
-
arr.push(currentStack.negative);
|
|
51
|
-
}
|
|
52
|
-
} else {
|
|
53
|
-
arr.push(d.y);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
min = Math.min.apply(Math, arr.concat([min]));
|
|
59
|
-
max = Math.max.apply(Math, arr.concat([max]));
|
|
60
|
-
});
|
|
61
|
-
dataMap.clear();
|
|
62
|
-
return [min, max];
|
|
63
|
-
};
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
+
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
|
|
14
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
15
|
+
|
|
16
|
+
var _react = require("react");
|
|
17
|
+
|
|
18
|
+
var _d3v = require("d3v7");
|
|
19
|
+
|
|
20
|
+
var _utils = require("../utils");
|
|
21
|
+
|
|
22
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
23
|
+
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
25
|
+
|
|
26
|
+
var stackData = function stackData(data, series) {
|
|
27
|
+
var dataMap = (0, _d3v.group)(data, function (d) {
|
|
28
|
+
return d.x;
|
|
29
|
+
});
|
|
30
|
+
var stacks = (0, _utils.getStacks)(series);
|
|
31
|
+
var min = 0,
|
|
32
|
+
max = 0;
|
|
33
|
+
dataMap.forEach(function (value) {
|
|
34
|
+
var arr = [];
|
|
35
|
+
(0, _utils.resetStacks)(stacks);
|
|
36
|
+
|
|
37
|
+
for (var i = 0, j = value.length; i < j; i++) {
|
|
38
|
+
var d = value[i];
|
|
39
|
+
var stack = series.get(d.s);
|
|
40
|
+
|
|
41
|
+
if (d && d.y !== undefined && !isNaN(d.y)) {
|
|
42
|
+
var currentStack = (0, _utils.getCurrentStack)(stack, stacks);
|
|
43
|
+
|
|
44
|
+
if (stack && currentStack) {
|
|
45
|
+
if (d.y >= 0) {
|
|
46
|
+
currentStack.positive += d.y;
|
|
47
|
+
arr.push(currentStack.positive);
|
|
48
|
+
} else {
|
|
49
|
+
currentStack.negative += d.y;
|
|
50
|
+
arr.push(currentStack.negative);
|
|
51
|
+
}
|
|
52
|
+
} else {
|
|
53
|
+
arr.push(d.y);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
min = Math.min.apply(Math, arr.concat([min]));
|
|
59
|
+
max = Math.max.apply(Math, arr.concat([max]));
|
|
60
|
+
});
|
|
61
|
+
dataMap.clear();
|
|
62
|
+
return [min, max];
|
|
63
|
+
};
|
|
64
64
|
/**
|
|
65
65
|
* 计算轴的domain
|
|
66
66
|
* @param {Array} axes x轴列表
|
|
67
67
|
* @param {Object} series 图表的系列,主要是为了读取type, stack, yOrZ三个字段
|
|
68
68
|
* @param {Object} data 数据列表
|
|
69
69
|
* @returns {Array} 返回带domain的轴
|
|
70
|
-
*/
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
var _default = function _default(_ref) {
|
|
74
|
-
var axes = _ref.axes,
|
|
75
|
-
series = _ref.series,
|
|
76
|
-
data = _ref.data;
|
|
77
|
-
|
|
78
|
-
var _series = (0, _react.useMemo)(function () {
|
|
79
|
-
return (0, _utils.seriesYOrZ)(series);
|
|
80
|
-
}, [series]);
|
|
81
|
-
|
|
82
|
-
var _useMemo = (0, _react.useMemo)(function () {
|
|
83
|
-
return (0, _utils.dataYOrZ)(data, _series);
|
|
84
|
-
}, [data, _series]),
|
|
85
|
-
dataY = _useMemo.y,
|
|
86
|
-
dataZ = _useMemo.z;
|
|
87
|
-
|
|
88
|
-
var x = (0, _react.useMemo)(function () {
|
|
89
|
-
return (0, _toConsumableArray2["default"])((0, _d3v.group)(data, function (d) {
|
|
90
|
-
return d.x;
|
|
91
|
-
}).keys());
|
|
92
|
-
}, [data]);
|
|
93
|
-
var y = stackData(dataY, _series.y);
|
|
94
|
-
var z = stackData(dataZ, _series.z);
|
|
95
|
-
return axes.map(function (item) {
|
|
96
|
-
var axisType = item.axisType,
|
|
97
|
-
domain = item.domain,
|
|
98
|
-
type = item.type;
|
|
99
|
-
|
|
100
|
-
switch (axisType) {
|
|
101
|
-
case 'x':
|
|
102
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
103
|
-
domain: type == 'linear' ? (0, _d3v.extent)(x) : x
|
|
104
|
-
});
|
|
105
|
-
|
|
106
|
-
case 'y':
|
|
107
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
108
|
-
domain: domain ? getDomain(y, domain) : y
|
|
109
|
-
});
|
|
110
|
-
|
|
111
|
-
case 'z':
|
|
112
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
113
|
-
domain: domain ? getDomain(z, domain) : z
|
|
114
|
-
});
|
|
115
|
-
}
|
|
116
|
-
});
|
|
117
|
-
};
|
|
118
|
-
|
|
119
|
-
exports["default"] = _default;
|
|
120
|
-
|
|
121
|
-
var getDomain = function getDomain(_ref2, _ref3) {
|
|
122
|
-
var _ref4 = (0, _slicedToArray2["default"])(_ref2, 2),
|
|
123
|
-
min1 = _ref4[0],
|
|
124
|
-
max1 = _ref4[1];
|
|
125
|
-
|
|
126
|
-
var min = _ref3.min,
|
|
127
|
-
max = _ref3.max;
|
|
128
|
-
return [min !== '' ? +min : min1, max !== '' ? +max : max1];
|
|
70
|
+
*/
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
var _default = function _default(_ref) {
|
|
74
|
+
var axes = _ref.axes,
|
|
75
|
+
series = _ref.series,
|
|
76
|
+
data = _ref.data;
|
|
77
|
+
|
|
78
|
+
var _series = (0, _react.useMemo)(function () {
|
|
79
|
+
return (0, _utils.seriesYOrZ)(series);
|
|
80
|
+
}, [series]);
|
|
81
|
+
|
|
82
|
+
var _useMemo = (0, _react.useMemo)(function () {
|
|
83
|
+
return (0, _utils.dataYOrZ)(data, _series);
|
|
84
|
+
}, [data, _series]),
|
|
85
|
+
dataY = _useMemo.y,
|
|
86
|
+
dataZ = _useMemo.z;
|
|
87
|
+
|
|
88
|
+
var x = (0, _react.useMemo)(function () {
|
|
89
|
+
return (0, _toConsumableArray2["default"])((0, _d3v.group)(data, function (d) {
|
|
90
|
+
return d.x;
|
|
91
|
+
}).keys());
|
|
92
|
+
}, [data]);
|
|
93
|
+
var y = stackData(dataY, _series.y);
|
|
94
|
+
var z = stackData(dataZ, _series.z);
|
|
95
|
+
return axes.map(function (item) {
|
|
96
|
+
var axisType = item.axisType,
|
|
97
|
+
domain = item.domain,
|
|
98
|
+
type = item.type;
|
|
99
|
+
|
|
100
|
+
switch (axisType) {
|
|
101
|
+
case 'x':
|
|
102
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
103
|
+
domain: type == 'linear' ? (0, _d3v.extent)(x) : x
|
|
104
|
+
});
|
|
105
|
+
|
|
106
|
+
case 'y':
|
|
107
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
108
|
+
domain: domain ? getDomain(y, domain) : y
|
|
109
|
+
});
|
|
110
|
+
|
|
111
|
+
case 'z':
|
|
112
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
113
|
+
domain: domain ? getDomain(z, domain) : z
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
};
|
|
118
|
+
|
|
119
|
+
exports["default"] = _default;
|
|
120
|
+
|
|
121
|
+
var getDomain = function getDomain(_ref2, _ref3) {
|
|
122
|
+
var _ref4 = (0, _slicedToArray2["default"])(_ref2, 2),
|
|
123
|
+
min1 = _ref4[0],
|
|
124
|
+
max1 = _ref4[1];
|
|
125
|
+
|
|
126
|
+
var min = _ref3.min,
|
|
127
|
+
max = _ref3.max;
|
|
128
|
+
return [min !== '' ? +min : min1, max !== '' ? +max : max1];
|
|
129
129
|
};
|