@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
package/lib/components/index.js
CHANGED
|
@@ -1,195 +1,195 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
Object.defineProperty(exports, "Mapping", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _Mapping["default"];
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
Object.defineProperty(exports, "AnimateData", {
|
|
15
|
-
enumerable: true,
|
|
16
|
-
get: function get() {
|
|
17
|
-
return _AnimateData["default"];
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
Object.defineProperty(exports, "FilterData", {
|
|
21
|
-
enumerable: true,
|
|
22
|
-
get: function get() {
|
|
23
|
-
return _FilterData["default"];
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
Object.defineProperty(exports, "ExtentData", {
|
|
27
|
-
enumerable: true,
|
|
28
|
-
get: function get() {
|
|
29
|
-
return _ExtentData["default"];
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
Object.defineProperty(exports, "StackData", {
|
|
33
|
-
enumerable: true,
|
|
34
|
-
get: function get() {
|
|
35
|
-
return _StackData["default"];
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
Object.defineProperty(exports, "ChartContainer", {
|
|
39
|
-
enumerable: true,
|
|
40
|
-
get: function get() {
|
|
41
|
-
return _ChartContainer["default"];
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
Object.defineProperty(exports, "Legend", {
|
|
45
|
-
enumerable: true,
|
|
46
|
-
get: function get() {
|
|
47
|
-
return _Legend["default"];
|
|
48
|
-
}
|
|
49
|
-
});
|
|
50
|
-
Object.defineProperty(exports, "Axis", {
|
|
51
|
-
enumerable: true,
|
|
52
|
-
get: function get() {
|
|
53
|
-
return _Axis["default"];
|
|
54
|
-
}
|
|
55
|
-
});
|
|
56
|
-
Object.defineProperty(exports, "Tooltip", {
|
|
57
|
-
enumerable: true,
|
|
58
|
-
get: function get() {
|
|
59
|
-
return _Tooltip["default"];
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
Object.defineProperty(exports, "Indicator", {
|
|
63
|
-
enumerable: true,
|
|
64
|
-
get: function get() {
|
|
65
|
-
return _Indicator["default"];
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
Object.defineProperty(exports, "Band", {
|
|
69
|
-
enumerable: true,
|
|
70
|
-
get: function get() {
|
|
71
|
-
return _Band["default"];
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
Object.defineProperty(exports, "Lighter", {
|
|
75
|
-
enumerable: true,
|
|
76
|
-
get: function get() {
|
|
77
|
-
return _Lighter["default"];
|
|
78
|
-
}
|
|
79
|
-
});
|
|
80
|
-
Object.defineProperty(exports, "Line", {
|
|
81
|
-
enumerable: true,
|
|
82
|
-
get: function get() {
|
|
83
|
-
return _Line["default"];
|
|
84
|
-
}
|
|
85
|
-
});
|
|
86
|
-
Object.defineProperty(exports, "Background", {
|
|
87
|
-
enumerable: true,
|
|
88
|
-
get: function get() {
|
|
89
|
-
return _Background["default"];
|
|
90
|
-
}
|
|
91
|
-
});
|
|
92
|
-
Object.defineProperty(exports, "LinearGradient", {
|
|
93
|
-
enumerable: true,
|
|
94
|
-
get: function get() {
|
|
95
|
-
return _LinearGradient["default"];
|
|
96
|
-
}
|
|
97
|
-
});
|
|
98
|
-
Object.defineProperty(exports, "Brush", {
|
|
99
|
-
enumerable: true,
|
|
100
|
-
get: function get() {
|
|
101
|
-
return _Brush["default"];
|
|
102
|
-
}
|
|
103
|
-
});
|
|
104
|
-
Object.defineProperty(exports, "Label", {
|
|
105
|
-
enumerable: true,
|
|
106
|
-
get: function get() {
|
|
107
|
-
return _Label["default"];
|
|
108
|
-
}
|
|
109
|
-
});
|
|
110
|
-
Object.defineProperty(exports, "StereoBar", {
|
|
111
|
-
enumerable: true,
|
|
112
|
-
get: function get() {
|
|
113
|
-
return _StereoBar["default"];
|
|
114
|
-
}
|
|
115
|
-
});
|
|
116
|
-
Object.defineProperty(exports, "Carousel", {
|
|
117
|
-
enumerable: true,
|
|
118
|
-
get: function get() {
|
|
119
|
-
return _Carousel["default"];
|
|
120
|
-
}
|
|
121
|
-
});
|
|
122
|
-
Object.defineProperty(exports, "Chart", {
|
|
123
|
-
enumerable: true,
|
|
124
|
-
get: function get() {
|
|
125
|
-
return _Chart["default"];
|
|
126
|
-
}
|
|
127
|
-
});
|
|
128
|
-
Object.defineProperty(exports, "ConicalGradient", {
|
|
129
|
-
enumerable: true,
|
|
130
|
-
get: function get() {
|
|
131
|
-
return _ConicalGradient["default"];
|
|
132
|
-
}
|
|
133
|
-
});
|
|
134
|
-
Object.defineProperty(exports, "CartesianChart", {
|
|
135
|
-
enumerable: true,
|
|
136
|
-
get: function get() {
|
|
137
|
-
return _CartesianChart["default"];
|
|
138
|
-
}
|
|
139
|
-
});
|
|
140
|
-
Object.defineProperty(exports, "PieChart", {
|
|
141
|
-
enumerable: true,
|
|
142
|
-
get: function get() {
|
|
143
|
-
return _PieChart["default"];
|
|
144
|
-
}
|
|
145
|
-
});
|
|
146
|
-
exports.Area = void 0;
|
|
147
|
-
|
|
148
|
-
var _Mapping = _interopRequireDefault(require("./Mapping"));
|
|
149
|
-
|
|
150
|
-
var _AnimateData = _interopRequireDefault(require("./AnimateData"));
|
|
151
|
-
|
|
152
|
-
var _FilterData = _interopRequireDefault(require("./FilterData"));
|
|
153
|
-
|
|
154
|
-
var _ExtentData = _interopRequireDefault(require("./ExtentData"));
|
|
155
|
-
|
|
156
|
-
var _StackData = _interopRequireDefault(require("./StackData"));
|
|
157
|
-
|
|
158
|
-
var _ChartContainer = _interopRequireDefault(require("./ChartContainer"));
|
|
159
|
-
|
|
160
|
-
var _Legend = _interopRequireDefault(require("./Legend"));
|
|
161
|
-
|
|
162
|
-
var _Axis = _interopRequireDefault(require("./Axis"));
|
|
163
|
-
|
|
164
|
-
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
165
|
-
|
|
166
|
-
var _Indicator = _interopRequireDefault(require("./Indicator"));
|
|
167
|
-
|
|
168
|
-
var _Band = _interopRequireDefault(require("./Band"));
|
|
169
|
-
|
|
170
|
-
var _Lighter = _interopRequireDefault(require("./Lighter"));
|
|
171
|
-
|
|
172
|
-
var _Line = _interopRequireDefault(require("./Line"));
|
|
173
|
-
|
|
174
|
-
var _Background = _interopRequireDefault(require("./Background"));
|
|
175
|
-
|
|
176
|
-
var _LinearGradient = _interopRequireDefault(require("./LinearGradient"));
|
|
177
|
-
|
|
178
|
-
var _Brush = _interopRequireDefault(require("./Brush"));
|
|
179
|
-
|
|
180
|
-
var _Label = _interopRequireDefault(require("./Label"));
|
|
181
|
-
|
|
182
|
-
var _StereoBar = _interopRequireDefault(require("./StereoBar"));
|
|
183
|
-
|
|
184
|
-
var _Carousel = _interopRequireDefault(require("./Carousel"));
|
|
185
|
-
|
|
186
|
-
var _Chart = _interopRequireDefault(require("./Chart"));
|
|
187
|
-
|
|
188
|
-
var _ConicalGradient = _interopRequireDefault(require("./ConicalGradient"));
|
|
189
|
-
|
|
190
|
-
var _CartesianChart = _interopRequireDefault(require("./CartesianChart"));
|
|
191
|
-
|
|
192
|
-
var _PieChart = _interopRequireDefault(require("./PieChart"));
|
|
193
|
-
|
|
194
|
-
var Area = _Line["default"];
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
Object.defineProperty(exports, "Mapping", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function get() {
|
|
11
|
+
return _Mapping["default"];
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
Object.defineProperty(exports, "AnimateData", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function get() {
|
|
17
|
+
return _AnimateData["default"];
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports, "FilterData", {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function get() {
|
|
23
|
+
return _FilterData["default"];
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
Object.defineProperty(exports, "ExtentData", {
|
|
27
|
+
enumerable: true,
|
|
28
|
+
get: function get() {
|
|
29
|
+
return _ExtentData["default"];
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
Object.defineProperty(exports, "StackData", {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function get() {
|
|
35
|
+
return _StackData["default"];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
Object.defineProperty(exports, "ChartContainer", {
|
|
39
|
+
enumerable: true,
|
|
40
|
+
get: function get() {
|
|
41
|
+
return _ChartContainer["default"];
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
Object.defineProperty(exports, "Legend", {
|
|
45
|
+
enumerable: true,
|
|
46
|
+
get: function get() {
|
|
47
|
+
return _Legend["default"];
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
Object.defineProperty(exports, "Axis", {
|
|
51
|
+
enumerable: true,
|
|
52
|
+
get: function get() {
|
|
53
|
+
return _Axis["default"];
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
Object.defineProperty(exports, "Tooltip", {
|
|
57
|
+
enumerable: true,
|
|
58
|
+
get: function get() {
|
|
59
|
+
return _Tooltip["default"];
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
Object.defineProperty(exports, "Indicator", {
|
|
63
|
+
enumerable: true,
|
|
64
|
+
get: function get() {
|
|
65
|
+
return _Indicator["default"];
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
Object.defineProperty(exports, "Band", {
|
|
69
|
+
enumerable: true,
|
|
70
|
+
get: function get() {
|
|
71
|
+
return _Band["default"];
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
Object.defineProperty(exports, "Lighter", {
|
|
75
|
+
enumerable: true,
|
|
76
|
+
get: function get() {
|
|
77
|
+
return _Lighter["default"];
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
Object.defineProperty(exports, "Line", {
|
|
81
|
+
enumerable: true,
|
|
82
|
+
get: function get() {
|
|
83
|
+
return _Line["default"];
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
Object.defineProperty(exports, "Background", {
|
|
87
|
+
enumerable: true,
|
|
88
|
+
get: function get() {
|
|
89
|
+
return _Background["default"];
|
|
90
|
+
}
|
|
91
|
+
});
|
|
92
|
+
Object.defineProperty(exports, "LinearGradient", {
|
|
93
|
+
enumerable: true,
|
|
94
|
+
get: function get() {
|
|
95
|
+
return _LinearGradient["default"];
|
|
96
|
+
}
|
|
97
|
+
});
|
|
98
|
+
Object.defineProperty(exports, "Brush", {
|
|
99
|
+
enumerable: true,
|
|
100
|
+
get: function get() {
|
|
101
|
+
return _Brush["default"];
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
Object.defineProperty(exports, "Label", {
|
|
105
|
+
enumerable: true,
|
|
106
|
+
get: function get() {
|
|
107
|
+
return _Label["default"];
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
Object.defineProperty(exports, "StereoBar", {
|
|
111
|
+
enumerable: true,
|
|
112
|
+
get: function get() {
|
|
113
|
+
return _StereoBar["default"];
|
|
114
|
+
}
|
|
115
|
+
});
|
|
116
|
+
Object.defineProperty(exports, "Carousel", {
|
|
117
|
+
enumerable: true,
|
|
118
|
+
get: function get() {
|
|
119
|
+
return _Carousel["default"];
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
Object.defineProperty(exports, "Chart", {
|
|
123
|
+
enumerable: true,
|
|
124
|
+
get: function get() {
|
|
125
|
+
return _Chart["default"];
|
|
126
|
+
}
|
|
127
|
+
});
|
|
128
|
+
Object.defineProperty(exports, "ConicalGradient", {
|
|
129
|
+
enumerable: true,
|
|
130
|
+
get: function get() {
|
|
131
|
+
return _ConicalGradient["default"];
|
|
132
|
+
}
|
|
133
|
+
});
|
|
134
|
+
Object.defineProperty(exports, "CartesianChart", {
|
|
135
|
+
enumerable: true,
|
|
136
|
+
get: function get() {
|
|
137
|
+
return _CartesianChart["default"];
|
|
138
|
+
}
|
|
139
|
+
});
|
|
140
|
+
Object.defineProperty(exports, "PieChart", {
|
|
141
|
+
enumerable: true,
|
|
142
|
+
get: function get() {
|
|
143
|
+
return _PieChart["default"];
|
|
144
|
+
}
|
|
145
|
+
});
|
|
146
|
+
exports.Area = void 0;
|
|
147
|
+
|
|
148
|
+
var _Mapping = _interopRequireDefault(require("./Mapping"));
|
|
149
|
+
|
|
150
|
+
var _AnimateData = _interopRequireDefault(require("./AnimateData"));
|
|
151
|
+
|
|
152
|
+
var _FilterData = _interopRequireDefault(require("./FilterData"));
|
|
153
|
+
|
|
154
|
+
var _ExtentData = _interopRequireDefault(require("./ExtentData"));
|
|
155
|
+
|
|
156
|
+
var _StackData = _interopRequireDefault(require("./StackData"));
|
|
157
|
+
|
|
158
|
+
var _ChartContainer = _interopRequireDefault(require("./ChartContainer"));
|
|
159
|
+
|
|
160
|
+
var _Legend = _interopRequireDefault(require("./Legend"));
|
|
161
|
+
|
|
162
|
+
var _Axis = _interopRequireDefault(require("./Axis"));
|
|
163
|
+
|
|
164
|
+
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
165
|
+
|
|
166
|
+
var _Indicator = _interopRequireDefault(require("./Indicator"));
|
|
167
|
+
|
|
168
|
+
var _Band = _interopRequireDefault(require("./Band"));
|
|
169
|
+
|
|
170
|
+
var _Lighter = _interopRequireDefault(require("./Lighter"));
|
|
171
|
+
|
|
172
|
+
var _Line = _interopRequireDefault(require("./Line"));
|
|
173
|
+
|
|
174
|
+
var _Background = _interopRequireDefault(require("./Background"));
|
|
175
|
+
|
|
176
|
+
var _LinearGradient = _interopRequireDefault(require("./LinearGradient"));
|
|
177
|
+
|
|
178
|
+
var _Brush = _interopRequireDefault(require("./Brush"));
|
|
179
|
+
|
|
180
|
+
var _Label = _interopRequireDefault(require("./Label"));
|
|
181
|
+
|
|
182
|
+
var _StereoBar = _interopRequireDefault(require("./StereoBar"));
|
|
183
|
+
|
|
184
|
+
var _Carousel = _interopRequireDefault(require("./Carousel"));
|
|
185
|
+
|
|
186
|
+
var _Chart = _interopRequireDefault(require("./Chart"));
|
|
187
|
+
|
|
188
|
+
var _ConicalGradient = _interopRequireDefault(require("./ConicalGradient"));
|
|
189
|
+
|
|
190
|
+
var _CartesianChart = _interopRequireDefault(require("./CartesianChart"));
|
|
191
|
+
|
|
192
|
+
var _PieChart = _interopRequireDefault(require("./PieChart"));
|
|
193
|
+
|
|
194
|
+
var Area = _Line["default"];
|
|
195
195
|
exports.Area = Area;
|
package/lib/formatter/legend.js
CHANGED
|
@@ -1,92 +1,92 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.pieLegendFormatter = void 0;
|
|
9
|
-
|
|
10
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
|
-
var _indexModule = _interopRequireDefault(require("../css/index.module.css"));
|
|
13
|
-
|
|
14
|
-
var _utils = require("../utils");
|
|
15
|
-
|
|
16
|
-
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; }
|
|
17
|
-
|
|
18
|
-
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; }
|
|
19
|
-
|
|
20
|
-
var pieLegendFormatter = function pieLegendFormatter(_ref, _ref2) {
|
|
21
|
-
var displayName = _ref.displayName,
|
|
22
|
-
data = _ref.data,
|
|
23
|
-
percent = _ref.percent,
|
|
24
|
-
_ref$series = _ref.series,
|
|
25
|
-
seriesColor = _ref$series.color,
|
|
26
|
-
_ref$series$icon = _ref$series.icon,
|
|
27
|
-
icon = _ref$series$icon === void 0 ? "" : _ref$series$icon;
|
|
28
|
-
var _ref2$name = _ref2.name,
|
|
29
|
-
showName = _ref2$name.show,
|
|
30
|
-
nameFont = _ref2$name.font,
|
|
31
|
-
_ref2$value = _ref2.value,
|
|
32
|
-
showValue = _ref2$value.show,
|
|
33
|
-
valueFont = _ref2$value.font,
|
|
34
|
-
valueSameColor = _ref2$value.sameColor,
|
|
35
|
-
valueGap = _ref2$value.gap,
|
|
36
|
-
_ref2$value$suffix = _ref2$value.suffix,
|
|
37
|
-
showSuffix = _ref2$value$suffix.show,
|
|
38
|
-
text = _ref2$value$suffix.text,
|
|
39
|
-
fontSize = _ref2$value$suffix.fontSize,
|
|
40
|
-
_ref2$value$suffix$tr = _ref2$value$suffix.translate,
|
|
41
|
-
x = _ref2$value$suffix$tr.x,
|
|
42
|
-
y = _ref2$value$suffix$tr.y,
|
|
43
|
-
_ref2$percent = _ref2.percent,
|
|
44
|
-
showPercent = _ref2$percent.show,
|
|
45
|
-
percentFont = _ref2$percent.font,
|
|
46
|
-
percentSameColor = _ref2$percent.sameColor,
|
|
47
|
-
percentGap = _ref2$percent.gap;
|
|
48
|
-
var seriesColorType = seriesColor.type,
|
|
49
|
-
pure = seriesColor.pure,
|
|
50
|
-
stops = seriesColor.linear.stops;
|
|
51
|
-
|
|
52
|
-
var _color = seriesColorType == 'pure' ? pure : stops[0].color;
|
|
53
|
-
|
|
54
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement("span", {
|
|
55
|
-
style: _objectSpread(_objectSpread({}, icon), {}, {
|
|
56
|
-
marginRight: icon.marginRight
|
|
57
|
-
})
|
|
58
|
-
}), /*#__PURE__*/React.createElement("span", {
|
|
59
|
-
className: showName && showValue && showPercent ? _indexModule["default"].showAllStyle : _indexModule["default"].notShowAllStyle
|
|
60
|
-
}, showName && /*#__PURE__*/React.createElement("span", {
|
|
61
|
-
style: _objectSpread(_objectSpread({
|
|
62
|
-
paddingLeft: 5
|
|
63
|
-
}, (0, _utils.getFontStyle)(nameFont)), {}, {
|
|
64
|
-
whiteSpace: "nowrap"
|
|
65
|
-
})
|
|
66
|
-
}, displayName), showValue && /*#__PURE__*/React.createElement("span", {
|
|
67
|
-
style: _objectSpread(_objectSpread({
|
|
68
|
-
whiteSpace: "nowrap"
|
|
69
|
-
}, (0, _utils.getFontStyle)(valueFont)), {}, {
|
|
70
|
-
marginLeft: valueGap,
|
|
71
|
-
display: 'flex',
|
|
72
|
-
color: valueSameColor ? _color : valueFont.color,
|
|
73
|
-
alignItems: 'center',
|
|
74
|
-
justifyContent: 'flex-start'
|
|
75
|
-
})
|
|
76
|
-
}, /*#__PURE__*/React.createElement("span", null, data.y), showSuffix && /*#__PURE__*/React.createElement("span", {
|
|
77
|
-
style: {
|
|
78
|
-
whiteSpace: "nowrap",
|
|
79
|
-
fontSize: fontSize,
|
|
80
|
-
transform: 'translate3d(' + x + 'px, ' + y + 'px, 0px)'
|
|
81
|
-
}
|
|
82
|
-
}, text)), showPercent && /*#__PURE__*/React.createElement("span", {
|
|
83
|
-
style: _objectSpread(_objectSpread({
|
|
84
|
-
whiteSpace: "nowrap"
|
|
85
|
-
}, (0, _utils.getFontStyle)(percentFont)), {}, {
|
|
86
|
-
marginLeft: percentGap,
|
|
87
|
-
color: percentSameColor ? _color : percentFont.color
|
|
88
|
-
})
|
|
89
|
-
}, percent + '%')));
|
|
90
|
-
};
|
|
91
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.pieLegendFormatter = void 0;
|
|
9
|
+
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
+
|
|
12
|
+
var _indexModule = _interopRequireDefault(require("../css/index.module.css"));
|
|
13
|
+
|
|
14
|
+
var _utils = require("../utils");
|
|
15
|
+
|
|
16
|
+
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; }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
20
|
+
var pieLegendFormatter = function pieLegendFormatter(_ref, _ref2) {
|
|
21
|
+
var displayName = _ref.displayName,
|
|
22
|
+
data = _ref.data,
|
|
23
|
+
percent = _ref.percent,
|
|
24
|
+
_ref$series = _ref.series,
|
|
25
|
+
seriesColor = _ref$series.color,
|
|
26
|
+
_ref$series$icon = _ref$series.icon,
|
|
27
|
+
icon = _ref$series$icon === void 0 ? "" : _ref$series$icon;
|
|
28
|
+
var _ref2$name = _ref2.name,
|
|
29
|
+
showName = _ref2$name.show,
|
|
30
|
+
nameFont = _ref2$name.font,
|
|
31
|
+
_ref2$value = _ref2.value,
|
|
32
|
+
showValue = _ref2$value.show,
|
|
33
|
+
valueFont = _ref2$value.font,
|
|
34
|
+
valueSameColor = _ref2$value.sameColor,
|
|
35
|
+
valueGap = _ref2$value.gap,
|
|
36
|
+
_ref2$value$suffix = _ref2$value.suffix,
|
|
37
|
+
showSuffix = _ref2$value$suffix.show,
|
|
38
|
+
text = _ref2$value$suffix.text,
|
|
39
|
+
fontSize = _ref2$value$suffix.fontSize,
|
|
40
|
+
_ref2$value$suffix$tr = _ref2$value$suffix.translate,
|
|
41
|
+
x = _ref2$value$suffix$tr.x,
|
|
42
|
+
y = _ref2$value$suffix$tr.y,
|
|
43
|
+
_ref2$percent = _ref2.percent,
|
|
44
|
+
showPercent = _ref2$percent.show,
|
|
45
|
+
percentFont = _ref2$percent.font,
|
|
46
|
+
percentSameColor = _ref2$percent.sameColor,
|
|
47
|
+
percentGap = _ref2$percent.gap;
|
|
48
|
+
var seriesColorType = seriesColor.type,
|
|
49
|
+
pure = seriesColor.pure,
|
|
50
|
+
stops = seriesColor.linear.stops;
|
|
51
|
+
|
|
52
|
+
var _color = seriesColorType == 'pure' ? pure : stops[0].color;
|
|
53
|
+
|
|
54
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement("span", {
|
|
55
|
+
style: _objectSpread(_objectSpread({}, icon), {}, {
|
|
56
|
+
marginRight: icon.marginRight
|
|
57
|
+
})
|
|
58
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
59
|
+
className: showName && showValue && showPercent ? _indexModule["default"].showAllStyle : _indexModule["default"].notShowAllStyle
|
|
60
|
+
}, showName && /*#__PURE__*/React.createElement("span", {
|
|
61
|
+
style: _objectSpread(_objectSpread({
|
|
62
|
+
paddingLeft: 5
|
|
63
|
+
}, (0, _utils.getFontStyle)(nameFont)), {}, {
|
|
64
|
+
whiteSpace: "nowrap"
|
|
65
|
+
})
|
|
66
|
+
}, displayName), showValue && /*#__PURE__*/React.createElement("span", {
|
|
67
|
+
style: _objectSpread(_objectSpread({
|
|
68
|
+
whiteSpace: "nowrap"
|
|
69
|
+
}, (0, _utils.getFontStyle)(valueFont)), {}, {
|
|
70
|
+
marginLeft: valueGap,
|
|
71
|
+
display: 'flex',
|
|
72
|
+
color: valueSameColor ? _color : valueFont.color,
|
|
73
|
+
alignItems: 'center',
|
|
74
|
+
justifyContent: 'flex-start'
|
|
75
|
+
})
|
|
76
|
+
}, /*#__PURE__*/React.createElement("span", null, data.y), showSuffix && /*#__PURE__*/React.createElement("span", {
|
|
77
|
+
style: {
|
|
78
|
+
whiteSpace: "nowrap",
|
|
79
|
+
fontSize: fontSize,
|
|
80
|
+
transform: 'translate3d(' + x + 'px, ' + y + 'px, 0px)'
|
|
81
|
+
}
|
|
82
|
+
}, text)), showPercent && /*#__PURE__*/React.createElement("span", {
|
|
83
|
+
style: _objectSpread(_objectSpread({
|
|
84
|
+
whiteSpace: "nowrap"
|
|
85
|
+
}, (0, _utils.getFontStyle)(percentFont)), {}, {
|
|
86
|
+
marginLeft: percentGap,
|
|
87
|
+
color: percentSameColor ? _color : percentFont.color
|
|
88
|
+
})
|
|
89
|
+
}, percent + '%')));
|
|
90
|
+
};
|
|
91
|
+
|
|
92
92
|
exports.pieLegendFormatter = pieLegendFormatter;
|