@opentinyvue/vue-huicharts-core 2.21.0
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/LICENSE +22 -0
- package/common/constants.d.ts +68 -0
- package/common/defendXSS.d.ts +4 -0
- package/common/extend.d.ts +5 -0
- package/common/numerify.d.ts +13 -0
- package/common/object.d.ts +87 -0
- package/common/type.d.ts +96 -0
- package/common/util.d.ts +25 -0
- package/index.d.ts +9 -0
- package/lib/index.js +1429 -0
- package/package.json +20 -0
- package/src/chart-core.d.ts +214 -0
- package/utils/deep-clone.d.ts +1 -0
- package/utils/options.d.ts +6 -0
- package/utils/throttle.d.ts +8 -0
- package/utils/type.d.ts +8 -0
package/lib/index.js
ADDED
|
@@ -0,0 +1,1429 @@
|
|
|
1
|
+
function _extends() {
|
|
2
|
+
return _extends = Object.assign ? Object.assign.bind() : function(n) {
|
|
3
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
4
|
+
var t = arguments[e];
|
|
5
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
6
|
+
}
|
|
7
|
+
return n;
|
|
8
|
+
}, _extends.apply(null, arguments);
|
|
9
|
+
}
|
|
10
|
+
import cloneDeep$1 from "@opentiny/huicharts/util/cloneDeep";
|
|
11
|
+
import IntegrateChart from "@opentiny/huicharts";
|
|
12
|
+
import BaiduMapChart from "@opentiny/huicharts/components/BaiduMapChart";
|
|
13
|
+
import AutonaviMapChart from "@opentiny/huicharts/components/AutonaviMapChart";
|
|
14
|
+
import "@opentinyvue/vue-theme/chart-core/index.css";
|
|
15
|
+
var toString = Object.prototype.toString;
|
|
16
|
+
var hasOwn = Object.prototype.hasOwnProperty;
|
|
17
|
+
var getProto = Object.getPrototypeOf;
|
|
18
|
+
var fnToString = hasOwn.toString;
|
|
19
|
+
var ObjectFunctionString = fnToString.call(Object);
|
|
20
|
+
var class2type = {
|
|
21
|
+
"[object Error]": "error",
|
|
22
|
+
"[object Object]": "object",
|
|
23
|
+
"[object RegExp]": "regExp",
|
|
24
|
+
"[object Date]": "date",
|
|
25
|
+
"[object Array]": "array",
|
|
26
|
+
"[object Function]": "function",
|
|
27
|
+
"[object String]": "string",
|
|
28
|
+
"[object Number]": "number",
|
|
29
|
+
"[object Boolean]": "boolean"
|
|
30
|
+
};
|
|
31
|
+
var isNull = function isNull2(x) {
|
|
32
|
+
return x === null || x === void 0 || x === "undefined";
|
|
33
|
+
};
|
|
34
|
+
var typeOf$1 = function typeOf$12(obj) {
|
|
35
|
+
return isNull(obj) ? String(obj) : class2type[toString.call(obj)] || "object";
|
|
36
|
+
};
|
|
37
|
+
var isObject = function isObject2(obj) {
|
|
38
|
+
return typeOf$1(obj) === "object";
|
|
39
|
+
};
|
|
40
|
+
var isPlainObject = function isPlainObject2(obj) {
|
|
41
|
+
if (!obj || toString.call(obj) !== "[object Object]") {
|
|
42
|
+
return false;
|
|
43
|
+
}
|
|
44
|
+
var proto = getProto(obj);
|
|
45
|
+
if (!proto) {
|
|
46
|
+
return true;
|
|
47
|
+
}
|
|
48
|
+
var Ctor = hasOwn.call(proto, "constructor") && proto.constructor;
|
|
49
|
+
return typeof Ctor === "function" && fnToString.call(Ctor) === ObjectFunctionString;
|
|
50
|
+
};
|
|
51
|
+
var extend$2;
|
|
52
|
+
var getObj = function getObj2(data2, names, isExceptRoot) {
|
|
53
|
+
if (!data2 || !isPlainObject(data2) || !names || typeof names !== "string") {
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
names = names.split(".");
|
|
57
|
+
var obj = data2;
|
|
58
|
+
var len = names.length;
|
|
59
|
+
if (len > 1) {
|
|
60
|
+
var startIndex = isExceptRoot ? 1 : 0;
|
|
61
|
+
for (var i = startIndex; i < len; i++) {
|
|
62
|
+
obj = obj[names[i]];
|
|
63
|
+
if (isNull(obj)) {
|
|
64
|
+
return obj;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
return obj;
|
|
68
|
+
} else {
|
|
69
|
+
return obj[names[0]];
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
var setObj = function setObj2(data2, names, value, isMerge) {
|
|
73
|
+
if (!data2 || !isPlainObject(data2) || !names || typeof names !== "string") {
|
|
74
|
+
return data2;
|
|
75
|
+
}
|
|
76
|
+
names = names.split(".");
|
|
77
|
+
var obj = data2;
|
|
78
|
+
var len = names.length;
|
|
79
|
+
var item = names[0];
|
|
80
|
+
if (len > 1) {
|
|
81
|
+
len--;
|
|
82
|
+
var tmpl = obj;
|
|
83
|
+
var name, target;
|
|
84
|
+
for (var i = 0; i < len; i++) {
|
|
85
|
+
name = names[i];
|
|
86
|
+
target = tmpl[name];
|
|
87
|
+
if (target === null || !isPlainObject(target)) {
|
|
88
|
+
tmpl[name] = {};
|
|
89
|
+
target = tmpl[name];
|
|
90
|
+
}
|
|
91
|
+
tmpl = target;
|
|
92
|
+
}
|
|
93
|
+
item = names[len];
|
|
94
|
+
isMerge ? isPlainObject(tmpl[item]) ? extend$2(true, tmpl[item], value) : tmpl[item] = value : tmpl[item] = value;
|
|
95
|
+
} else {
|
|
96
|
+
isMerge ? isPlainObject(obj[item]) ? extend$2(true, obj[item], value) : obj[item] = value : obj[item] = value;
|
|
97
|
+
}
|
|
98
|
+
return obj;
|
|
99
|
+
};
|
|
100
|
+
var copyField = function copyField2(data2, fields, isMerge, isExclude) {
|
|
101
|
+
var innerCopyFields = function innerCopyFields2(obj, fields2, isMerge2, isExclude2) {
|
|
102
|
+
var result = {};
|
|
103
|
+
{
|
|
104
|
+
fields2.forEach(function(field) {
|
|
105
|
+
return setObj(result, field, getObj(obj, field), isMerge2);
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
return result;
|
|
109
|
+
};
|
|
110
|
+
if (isPlainObject(data2)) {
|
|
111
|
+
return Array.isArray(fields) ? innerCopyFields(data2, fields, isMerge) : extend$2(isMerge !== false, {}, data2);
|
|
112
|
+
}
|
|
113
|
+
return data2;
|
|
114
|
+
};
|
|
115
|
+
var copyArray = function copyArray2(arr) {
|
|
116
|
+
return Array.isArray(arr) ? arr.map(function(item) {
|
|
117
|
+
return copyField(item);
|
|
118
|
+
}) : arr;
|
|
119
|
+
};
|
|
120
|
+
var deepCopy$1 = function deepCopy$12(target, name, deep, copy, src) {
|
|
121
|
+
var copyIsArray;
|
|
122
|
+
if (deep && copy && (isPlainObject(copy) || (copyIsArray = Array.isArray(copy)))) {
|
|
123
|
+
if (copyIsArray) {
|
|
124
|
+
copyIsArray = false;
|
|
125
|
+
target[name] = copyArray(copy);
|
|
126
|
+
} else {
|
|
127
|
+
var clone = src && isPlainObject(src) ? src : {};
|
|
128
|
+
target[name] = extend$2(deep, clone, copy);
|
|
129
|
+
}
|
|
130
|
+
} else if (copy !== void 0) {
|
|
131
|
+
try {
|
|
132
|
+
target[name] = copy;
|
|
133
|
+
} catch (e) {
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
extend$2 = function extend$22() {
|
|
138
|
+
var args = arguments;
|
|
139
|
+
var length = args.length;
|
|
140
|
+
var target = args[0] || {};
|
|
141
|
+
var i = 1;
|
|
142
|
+
var deep = false;
|
|
143
|
+
if (typeOf$1(target) === "boolean") {
|
|
144
|
+
deep = target;
|
|
145
|
+
target = args[i] || {};
|
|
146
|
+
i++;
|
|
147
|
+
}
|
|
148
|
+
if (!isObject(target) && typeOf$1(target) !== "function") {
|
|
149
|
+
target = {};
|
|
150
|
+
}
|
|
151
|
+
if (i === length) {
|
|
152
|
+
target = this;
|
|
153
|
+
i--;
|
|
154
|
+
}
|
|
155
|
+
for (; i < length; i++) {
|
|
156
|
+
var _options = args[i];
|
|
157
|
+
if (_options !== null && isObject(_options)) {
|
|
158
|
+
var names = Object.keys(_options);
|
|
159
|
+
for (var _i = 0, _names = names; _i < _names.length; _i++) {
|
|
160
|
+
var name = _names[_i];
|
|
161
|
+
var src = target[name];
|
|
162
|
+
var copy = _options[name];
|
|
163
|
+
if (target !== copy) {
|
|
164
|
+
deepCopy$1(target, name, deep, copy, src);
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
return target;
|
|
170
|
+
};
|
|
171
|
+
var ABBR = {
|
|
172
|
+
th: 3,
|
|
173
|
+
mi: 6,
|
|
174
|
+
bi: 9,
|
|
175
|
+
tr: 12
|
|
176
|
+
};
|
|
177
|
+
var abbrLabel = {
|
|
178
|
+
th: "k",
|
|
179
|
+
mi: "m",
|
|
180
|
+
bi: "b",
|
|
181
|
+
tr: "t"
|
|
182
|
+
};
|
|
183
|
+
var DEFAULT_OPTIONS = {
|
|
184
|
+
zeroFormat: null,
|
|
185
|
+
nullFormat: null,
|
|
186
|
+
defaultFormat: "0,0",
|
|
187
|
+
scalePercentBy100: true,
|
|
188
|
+
abbrLabel
|
|
189
|
+
};
|
|
190
|
+
var TRILLION = 1e12, BILLION = 1e9, MILLION = 1e6, THOUSAND = 1e3;
|
|
191
|
+
var numIsNaN = function numIsNaN2(value) {
|
|
192
|
+
return typeof value === "number" && isNaN(value);
|
|
193
|
+
};
|
|
194
|
+
var options = {};
|
|
195
|
+
var formats = {};
|
|
196
|
+
function getBoundedPrecision(value, maxDecimals, optionals) {
|
|
197
|
+
var splitValue = value.toString().split("e-");
|
|
198
|
+
var exponent = splitValue.length === 2 ? Number(splitValue[1]) : 0;
|
|
199
|
+
splitValue = splitValue[0].split(".");
|
|
200
|
+
exponent = splitValue.length === 2 ? splitValue[1].length + exponent : exponent;
|
|
201
|
+
var minDecimals = maxDecimals - (optionals || 0);
|
|
202
|
+
return Math.min(Math.max(exponent, minDecimals), maxDecimals);
|
|
203
|
+
}
|
|
204
|
+
function toFixed(value, maxDecimals, roundingFunction, optionals) {
|
|
205
|
+
var boundedPrecision = getBoundedPrecision(value, maxDecimals, optionals);
|
|
206
|
+
var power = Math.pow(10, boundedPrecision);
|
|
207
|
+
var output = (roundingFunction(value * ("1e+" + boundedPrecision)) / power).toFixed(boundedPrecision);
|
|
208
|
+
if (optionals > maxDecimals - boundedPrecision) {
|
|
209
|
+
var optionalsRegExp = new RegExp("\\.?0{1," + (optionals - (maxDecimals - boundedPrecision)) + "}$");
|
|
210
|
+
output = output.replace(optionalsRegExp, "");
|
|
211
|
+
}
|
|
212
|
+
return output;
|
|
213
|
+
}
|
|
214
|
+
function judgForFunc(num, abs, abbrForce) {
|
|
215
|
+
var flag;
|
|
216
|
+
if (num === 0) {
|
|
217
|
+
flag = abs >= TRILLION && !abbrForce || abbrForce === "t";
|
|
218
|
+
} else if (num === 1) {
|
|
219
|
+
flag = abs < TRILLION && abs >= BILLION && !abbrForce || abbrForce === "b";
|
|
220
|
+
} else if (num === 2) {
|
|
221
|
+
flag = abs < BILLION && abs >= MILLION && !abbrForce || abbrForce === "m";
|
|
222
|
+
} else if (num === 3) {
|
|
223
|
+
flag = abs < MILLION && abs >= THOUSAND && !abbrForce || abbrForce === "k";
|
|
224
|
+
}
|
|
225
|
+
return flag;
|
|
226
|
+
}
|
|
227
|
+
var negativeSigned = function negativeSigned2(_ref) {
|
|
228
|
+
var format3 = _ref.format, value = _ref.value;
|
|
229
|
+
return ~format3.indexOf("+") ? format3.indexOf("+") : value < 0 ? format3.indexOf("-") : -1;
|
|
230
|
+
};
|
|
231
|
+
var updateAbbrV = function updateAbbrV2(params) {
|
|
232
|
+
var abbr = params.abbr, abbrForce = params.abbrForce, format3 = params.format, value = params.value, abs = params.abs;
|
|
233
|
+
abbrForce = format3.match(/a(k|m|b|t)?/);
|
|
234
|
+
abbrForce = abbrForce ? abbrForce[1] : false;
|
|
235
|
+
if (~format3.indexOf(" a")) {
|
|
236
|
+
abbr = " ";
|
|
237
|
+
}
|
|
238
|
+
format3 = format3.replace(new RegExp(abbr + "a[kmbt]?"), "");
|
|
239
|
+
if (judgForFunc(0, abs, abbrForce)) {
|
|
240
|
+
abbr += options.abbrLabel.tr;
|
|
241
|
+
value = value / TRILLION;
|
|
242
|
+
} else if (judgForFunc(1, abs, abbrForce)) {
|
|
243
|
+
abbr += options.abbrLabel.bi;
|
|
244
|
+
value = value / BILLION;
|
|
245
|
+
} else if (judgForFunc(2, abs, abbrForce)) {
|
|
246
|
+
abbr += options.abbrLabel.mi;
|
|
247
|
+
value = value / MILLION;
|
|
248
|
+
} else if (judgForFunc(3, abs, abbrForce)) {
|
|
249
|
+
abbr += options.abbrLabel.th;
|
|
250
|
+
value = value / THOUSAND;
|
|
251
|
+
}
|
|
252
|
+
Object.assign(params, {
|
|
253
|
+
abbr,
|
|
254
|
+
abbrForce,
|
|
255
|
+
format: format3,
|
|
256
|
+
value,
|
|
257
|
+
abs
|
|
258
|
+
});
|
|
259
|
+
};
|
|
260
|
+
var handlePrecision = function handlePrecision2(params) {
|
|
261
|
+
var roundingFunction = params.roundingFunction, value = params.value, format3 = params.format;
|
|
262
|
+
var number = value.toString().split(".")[0];
|
|
263
|
+
var precision = format3.split(".")[1];
|
|
264
|
+
if (precision) {
|
|
265
|
+
if (~precision.indexOf("[")) {
|
|
266
|
+
precision = precision.replace("]", "");
|
|
267
|
+
precision = precision.split("[");
|
|
268
|
+
params.decimal = toFixed(value, precision[0].length + precision[1].length, roundingFunction, precision[1].length);
|
|
269
|
+
} else {
|
|
270
|
+
params.decimal = toFixed(value, precision.length, roundingFunction);
|
|
271
|
+
}
|
|
272
|
+
number = params.decimal.split(".")[0];
|
|
273
|
+
params.decimal = ~params.decimal.indexOf(".") ? "." + params.decimal.split(".")[1] : "";
|
|
274
|
+
if (params.optDec && Number(params.decimal.slice(1)) === 0) {
|
|
275
|
+
params.decimal = "";
|
|
276
|
+
}
|
|
277
|
+
} else {
|
|
278
|
+
number = toFixed(value, 0, roundingFunction);
|
|
279
|
+
}
|
|
280
|
+
return number;
|
|
281
|
+
};
|
|
282
|
+
function formatNumber(params) {
|
|
283
|
+
var number = handlePrecision(params);
|
|
284
|
+
var thousands = params.format.indexOf(",");
|
|
285
|
+
var leadingCount = (params.format.split(".")[0].split(",")[0].match(/0/g) || []).length;
|
|
286
|
+
if (params.abbr && !params.abbrForce && Number(number) >= 1e3 && params.abbr !== ABBR.trillion) {
|
|
287
|
+
number = String(Number(number) / 1e3);
|
|
288
|
+
params.abbr = ABBR.million;
|
|
289
|
+
}
|
|
290
|
+
if (~number.indexOf("-")) {
|
|
291
|
+
number = number.slice(1);
|
|
292
|
+
params.neg = true;
|
|
293
|
+
}
|
|
294
|
+
if (number.length < leadingCount) {
|
|
295
|
+
for (var i = leadingCount - number.length; i > 0; i--) {
|
|
296
|
+
number = "0" + number;
|
|
297
|
+
}
|
|
298
|
+
}
|
|
299
|
+
if (thousands > -1) {
|
|
300
|
+
number = number.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,");
|
|
301
|
+
}
|
|
302
|
+
if (!params.format.indexOf(".")) {
|
|
303
|
+
number = "";
|
|
304
|
+
}
|
|
305
|
+
return number;
|
|
306
|
+
}
|
|
307
|
+
function getOutStr(_ref2, number) {
|
|
308
|
+
var decimal = _ref2.decimal, negFlag = _ref2.negFlag, neg = _ref2.neg, signed = _ref2.signed, abbr = _ref2.abbr;
|
|
309
|
+
var outStr = number + decimal + (abbr || "");
|
|
310
|
+
if (negFlag) {
|
|
311
|
+
outStr = negFlag && neg ? "(" + outStr + ")" : outStr;
|
|
312
|
+
} else {
|
|
313
|
+
if (signed >= 0) {
|
|
314
|
+
var symbol = neg ? "-" : "+";
|
|
315
|
+
outStr = signed === 0 ? symbol + outStr : outStr + symbol;
|
|
316
|
+
} else if (neg) {
|
|
317
|
+
outStr = "-" + outStr;
|
|
318
|
+
}
|
|
319
|
+
}
|
|
320
|
+
return outStr;
|
|
321
|
+
}
|
|
322
|
+
function numberToFormat(options2, value, format3, roundingFunction) {
|
|
323
|
+
var params = {
|
|
324
|
+
abs: Math.abs(value),
|
|
325
|
+
negFlag: false,
|
|
326
|
+
optDec: false,
|
|
327
|
+
abbr: "",
|
|
328
|
+
decimal: "",
|
|
329
|
+
neg: false,
|
|
330
|
+
abbrForce: void 0,
|
|
331
|
+
signed: void 0,
|
|
332
|
+
format: format3 || "",
|
|
333
|
+
value: value || 0,
|
|
334
|
+
roundingFunction
|
|
335
|
+
};
|
|
336
|
+
if (~format3.indexOf("(")) {
|
|
337
|
+
params.negFlag = true;
|
|
338
|
+
params.format = format3.replace(/[(|)]/g, "");
|
|
339
|
+
} else if (~params.format.indexOf("+") || ~params.format.indexOf("-")) {
|
|
340
|
+
params.signed = negativeSigned(params);
|
|
341
|
+
params.format = format3.replace(/[+|-]/g, "");
|
|
342
|
+
}
|
|
343
|
+
if (~params.format.indexOf("a")) {
|
|
344
|
+
updateAbbrV(params);
|
|
345
|
+
}
|
|
346
|
+
if (~params.format.indexOf("[.]")) {
|
|
347
|
+
params.optDec = true;
|
|
348
|
+
params.format = format3.replace("[.]", ".");
|
|
349
|
+
}
|
|
350
|
+
var number = formatNumber(params);
|
|
351
|
+
return getOutStr(params, number);
|
|
352
|
+
}
|
|
353
|
+
function extend$1(target, sub) {
|
|
354
|
+
Object.keys(sub).forEach(function(key) {
|
|
355
|
+
target[key] = sub[key];
|
|
356
|
+
});
|
|
357
|
+
}
|
|
358
|
+
var numerifyPercent = {
|
|
359
|
+
regexp: /%/,
|
|
360
|
+
format: function format(value, formatType, roundingFunction, numerify22) {
|
|
361
|
+
var space = ~formatType.indexOf(" %") ? " " : "";
|
|
362
|
+
var outStr = void 0;
|
|
363
|
+
if (numerify22.options.scalePercentBy100) {
|
|
364
|
+
value = value * 100;
|
|
365
|
+
}
|
|
366
|
+
formatType = formatType.replace(/\s?%/, "");
|
|
367
|
+
outStr = numerify22._numberToFormat(value, formatType, roundingFunction);
|
|
368
|
+
if (~outStr.indexOf(")")) {
|
|
369
|
+
outStr = outStr.split("");
|
|
370
|
+
outStr.splice(-1, 0, space + "%");
|
|
371
|
+
outStr = outStr.join("");
|
|
372
|
+
} else {
|
|
373
|
+
outStr = outStr + space + "%";
|
|
374
|
+
}
|
|
375
|
+
return outStr;
|
|
376
|
+
}
|
|
377
|
+
};
|
|
378
|
+
extend$1(options, DEFAULT_OPTIONS);
|
|
379
|
+
var numerify;
|
|
380
|
+
function format2(value, formatType, roundingFunc) {
|
|
381
|
+
var zeroFormat = options.zeroFormat, nullFormat = options.nullFormat, defaultFormat = options.defaultFormat;
|
|
382
|
+
formatType = formatType || defaultFormat;
|
|
383
|
+
roundingFunc = roundingFunc || Math.round;
|
|
384
|
+
var _ref3 = {}, output = _ref3.output, fmtFunc = _ref3.fmtFunc;
|
|
385
|
+
if (value === 0 && zeroFormat !== null) {
|
|
386
|
+
output = zeroFormat;
|
|
387
|
+
} else if (value === null && nullFormat !== null) {
|
|
388
|
+
output = nullFormat;
|
|
389
|
+
} else {
|
|
390
|
+
for (var key in formats) {
|
|
391
|
+
if (formats[key] && formatType.match(formats[key].regexp)) {
|
|
392
|
+
fmtFunc = formats[key].format;
|
|
393
|
+
break;
|
|
394
|
+
}
|
|
395
|
+
}
|
|
396
|
+
fmtFunc = fmtFunc || numberToFormat.bind(null, options);
|
|
397
|
+
output = fmtFunc(value, formatType, roundingFunc, numerify);
|
|
398
|
+
}
|
|
399
|
+
return output;
|
|
400
|
+
}
|
|
401
|
+
numerify = function numerify2(input, formatType, roundingFunc) {
|
|
402
|
+
var zeroFormat = options.zeroFormat, nullFormat = options.nullFormat;
|
|
403
|
+
var value = Number(input) || null;
|
|
404
|
+
if (typeof input === "undefined" || input === 0) {
|
|
405
|
+
value = 0;
|
|
406
|
+
} else if (numIsNaN(input) || input === null) {
|
|
407
|
+
value = null;
|
|
408
|
+
} else if (typeof input === "string") {
|
|
409
|
+
value = Number(input);
|
|
410
|
+
if (input === zeroFormat && zeroFormat) {
|
|
411
|
+
value = 0;
|
|
412
|
+
} else if (input === nullFormat && nullFormat || !input.replace(/[^0-9]+/g, "").length) {
|
|
413
|
+
value = null;
|
|
414
|
+
}
|
|
415
|
+
}
|
|
416
|
+
return format2(value, formatType, roundingFunc);
|
|
417
|
+
};
|
|
418
|
+
var _register = function _register2(name, format3) {
|
|
419
|
+
formats[name] = format3;
|
|
420
|
+
};
|
|
421
|
+
var _unregister = function _unregister2(name) {
|
|
422
|
+
formats[name] = null;
|
|
423
|
+
};
|
|
424
|
+
var _setOptions = function _setOptions2(opts) {
|
|
425
|
+
extend$1(options, opts);
|
|
426
|
+
};
|
|
427
|
+
var _reset = function _reset2() {
|
|
428
|
+
extend$1(options, DEFAULT_OPTIONS);
|
|
429
|
+
};
|
|
430
|
+
numerify.options = options;
|
|
431
|
+
numerify._numberToFormat = numberToFormat.bind(null, options);
|
|
432
|
+
numerify.register = _register;
|
|
433
|
+
numerify.unregister = _unregister;
|
|
434
|
+
numerify.setOptions = _setOptions;
|
|
435
|
+
numerify.reset = _reset;
|
|
436
|
+
numerify.register("percentage", numerifyPercent);
|
|
437
|
+
var matchHtmlRegExp = /["'&<>/]/;
|
|
438
|
+
function escapeHtml(string) {
|
|
439
|
+
var str = "" + string;
|
|
440
|
+
var match = matchHtmlRegExp.exec(str);
|
|
441
|
+
if (!match) {
|
|
442
|
+
return str;
|
|
443
|
+
}
|
|
444
|
+
var escape;
|
|
445
|
+
var html = "";
|
|
446
|
+
var index;
|
|
447
|
+
var lastIndex = 0;
|
|
448
|
+
for (index = match.index; index < str.length; index++) {
|
|
449
|
+
switch (str.charCodeAt(index)) {
|
|
450
|
+
case 34:
|
|
451
|
+
escape = """;
|
|
452
|
+
break;
|
|
453
|
+
case 38:
|
|
454
|
+
escape = "&";
|
|
455
|
+
break;
|
|
456
|
+
case 39:
|
|
457
|
+
escape = "'";
|
|
458
|
+
break;
|
|
459
|
+
case 60:
|
|
460
|
+
escape = "<";
|
|
461
|
+
break;
|
|
462
|
+
case 62:
|
|
463
|
+
escape = ">";
|
|
464
|
+
break;
|
|
465
|
+
// /
|
|
466
|
+
case 47:
|
|
467
|
+
escape = "/";
|
|
468
|
+
break;
|
|
469
|
+
default:
|
|
470
|
+
continue;
|
|
471
|
+
}
|
|
472
|
+
if (lastIndex !== index) {
|
|
473
|
+
html += str.substring(lastIndex, index);
|
|
474
|
+
}
|
|
475
|
+
lastIndex = index + 1;
|
|
476
|
+
html += escape;
|
|
477
|
+
}
|
|
478
|
+
return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
|
|
479
|
+
}
|
|
480
|
+
var $prefix = "Tiny";
|
|
481
|
+
var getFormatted = function getFormatted2(value, type, digit, defaultVal) {
|
|
482
|
+
if (defaultVal === void 0) {
|
|
483
|
+
defaultVal = "-";
|
|
484
|
+
}
|
|
485
|
+
if (typeof value === "object" && !isNull(value)) {
|
|
486
|
+
value = value.value;
|
|
487
|
+
}
|
|
488
|
+
if (isNaN(value)) {
|
|
489
|
+
return defaultVal;
|
|
490
|
+
}
|
|
491
|
+
if (!type) {
|
|
492
|
+
return value;
|
|
493
|
+
}
|
|
494
|
+
if (typeOf$1(type) === "function") {
|
|
495
|
+
return type(value, numerify);
|
|
496
|
+
}
|
|
497
|
+
digit = !isNaN(digit) ? ++digit : 0;
|
|
498
|
+
var digitStr = ".[" + new Array(digit).join(0) + "]";
|
|
499
|
+
var formatter = type;
|
|
500
|
+
if (type === "KMB") {
|
|
501
|
+
formatter = digit ? "0,0" + digitStr + "a" : "0,0a";
|
|
502
|
+
} else if (type === "normal") {
|
|
503
|
+
formatter = digit ? "0,0" + digitStr : "0,0";
|
|
504
|
+
} else if (type === "percent") {
|
|
505
|
+
formatter = digit ? "0,0" + digitStr + "%" : "0,0.[00]%";
|
|
506
|
+
}
|
|
507
|
+
return numerify(value, formatter);
|
|
508
|
+
};
|
|
509
|
+
var cloneDeep = function cloneDeep2(data2) {
|
|
510
|
+
if (isObject(data2)) {
|
|
511
|
+
return extend(true, data2);
|
|
512
|
+
}
|
|
513
|
+
if (Array.isArray(data2)) {
|
|
514
|
+
return copyArray(data2);
|
|
515
|
+
}
|
|
516
|
+
return data2;
|
|
517
|
+
};
|
|
518
|
+
var getStackMap = function getStackMap2(stack) {
|
|
519
|
+
var result = {};
|
|
520
|
+
Object.keys(stack).forEach(function(item) {
|
|
521
|
+
stack[item].forEach(function(name) {
|
|
522
|
+
result[name] = item;
|
|
523
|
+
});
|
|
524
|
+
});
|
|
525
|
+
return result;
|
|
526
|
+
};
|
|
527
|
+
var _merge = function merge(source, other) {
|
|
528
|
+
if (typeof source !== "object" || typeof other !== "object") {
|
|
529
|
+
return other === void 0 ? source : other;
|
|
530
|
+
}
|
|
531
|
+
return Object.keys(_extends({}, source, other)).reduce(function(acc, key) {
|
|
532
|
+
acc[key] = _merge(source[key], other[key]);
|
|
533
|
+
return acc;
|
|
534
|
+
}, Array.isArray(source) ? [] : {});
|
|
535
|
+
};
|
|
536
|
+
var mapPromise = {};
|
|
537
|
+
var getMapJSON = function getMapJSON2(_ref4) {
|
|
538
|
+
var position = _ref4.position, positionJsonLink = _ref4.positionJsonLink, beforeRegisterMapOnce = _ref4.beforeRegisterMapOnce, _ref4$mapURLProfix = _ref4.mapURLProfix, mapURLProfix = _ref4$mapURLProfix === void 0 ? "" : _ref4$mapURLProfix;
|
|
539
|
+
var link = positionJsonLink || "" + mapURLProfix + position + ".json";
|
|
540
|
+
if (!mapPromise[link]) {
|
|
541
|
+
mapPromise[link] = $get(link).then(function(res) {
|
|
542
|
+
if (beforeRegisterMapOnce) {
|
|
543
|
+
res = beforeRegisterMapOnce(res);
|
|
544
|
+
}
|
|
545
|
+
return res;
|
|
546
|
+
});
|
|
547
|
+
}
|
|
548
|
+
return mapPromise[link];
|
|
549
|
+
};
|
|
550
|
+
var htmlHandler = function htmlHandler2(data2) {
|
|
551
|
+
if (!data2 || !Array.isArray(data2)) {
|
|
552
|
+
return data2;
|
|
553
|
+
}
|
|
554
|
+
return cloneDeep(data2).map(function(item) {
|
|
555
|
+
if (typeof item === "string" && /<[a-z]+/i.test(item)) {
|
|
556
|
+
return escapeHtml(item);
|
|
557
|
+
}
|
|
558
|
+
if (typeof item === "object") {
|
|
559
|
+
for (var key in item) {
|
|
560
|
+
if (typeof item[key] === "string" && /<[a-z]+/i.test(item[key])) {
|
|
561
|
+
item[key] = escapeHtml(item[key]);
|
|
562
|
+
}
|
|
563
|
+
}
|
|
564
|
+
return item;
|
|
565
|
+
}
|
|
566
|
+
return item;
|
|
567
|
+
});
|
|
568
|
+
};
|
|
569
|
+
var isArr = Array.isArray;
|
|
570
|
+
function removeNullKeys(obj) {
|
|
571
|
+
if (typeof obj !== "object" || obj === null) {
|
|
572
|
+
return obj;
|
|
573
|
+
}
|
|
574
|
+
for (var key in obj) {
|
|
575
|
+
if (obj[key] === null) {
|
|
576
|
+
delete obj[key];
|
|
577
|
+
} else {
|
|
578
|
+
obj[key] = removeNullKeys(obj[key]);
|
|
579
|
+
}
|
|
580
|
+
}
|
|
581
|
+
return obj;
|
|
582
|
+
}
|
|
583
|
+
var setExtend = function setExtend2(_ref5) {
|
|
584
|
+
var huiChartOption = _ref5.huiChartOption, extend2 = _ref5.extend;
|
|
585
|
+
var cloneOption = cloneDeep$1(huiChartOption);
|
|
586
|
+
var mergeOption = removeNullKeys(cloneOption);
|
|
587
|
+
if (!extend2) {
|
|
588
|
+
return;
|
|
589
|
+
}
|
|
590
|
+
Object.keys(extend2).forEach(function(key) {
|
|
591
|
+
var value = extend2[key];
|
|
592
|
+
if (~key.indexOf(".")) {
|
|
593
|
+
setObj(mergeOption, key, value);
|
|
594
|
+
} else if (typeof value === "function") {
|
|
595
|
+
mergeOption[key] = value(mergeOption[key]);
|
|
596
|
+
} else if (isArr(mergeOption[key]) && isArr(value)) {
|
|
597
|
+
var attrList = ["series", "yAxis", "xAxis", "color", "dataZoom", "legend", "toolbox", "grid", "graphic", "timeline", "visualMap", "brush"];
|
|
598
|
+
if (~attrList.indexOf(key)) {
|
|
599
|
+
if (key === "dataZoom") {
|
|
600
|
+
mergeOption[key] = value;
|
|
601
|
+
} else {
|
|
602
|
+
mergeOption[key] = _merge(mergeOption[key], value);
|
|
603
|
+
}
|
|
604
|
+
}
|
|
605
|
+
} else {
|
|
606
|
+
if (isArr(mergeOption[key]) && isObject(mergeOption[key][0])) {
|
|
607
|
+
mergeOption[key].forEach(function(huiChartOption2, i) {
|
|
608
|
+
return mergeOption[key][i] = _extends({}, huiChartOption2, value);
|
|
609
|
+
});
|
|
610
|
+
} else if (isObject(mergeOption[key])) {
|
|
611
|
+
var optionBase = mergeOption[key];
|
|
612
|
+
mergeOption[key] = _extends({}, optionBase, value);
|
|
613
|
+
} else {
|
|
614
|
+
mergeOption[key] = value;
|
|
615
|
+
}
|
|
616
|
+
}
|
|
617
|
+
});
|
|
618
|
+
var series = mergeOption.series;
|
|
619
|
+
if (series) {
|
|
620
|
+
if (Array.isArray(series)) {
|
|
621
|
+
mergeOption.series = series.map(function(item) {
|
|
622
|
+
if (getObj(item, "type") === "line" && getObj(item, "label.show")) {
|
|
623
|
+
item.showSymbol = true;
|
|
624
|
+
}
|
|
625
|
+
return item;
|
|
626
|
+
});
|
|
627
|
+
} else {
|
|
628
|
+
mergeOption.series.label = _extends({
|
|
629
|
+
show: false
|
|
630
|
+
}, mergeOption.series.label);
|
|
631
|
+
}
|
|
632
|
+
}
|
|
633
|
+
return mergeOption;
|
|
634
|
+
};
|
|
635
|
+
var SF = function SF2() {
|
|
636
|
+
return {
|
|
637
|
+
show: false
|
|
638
|
+
};
|
|
639
|
+
};
|
|
640
|
+
var DEFAULT_THEME = {
|
|
641
|
+
categoryAxis: {
|
|
642
|
+
axisLine: SF(),
|
|
643
|
+
axisTick: SF(),
|
|
644
|
+
splitLine: SF()
|
|
645
|
+
},
|
|
646
|
+
valueAxis: {
|
|
647
|
+
axisLine: SF()
|
|
648
|
+
},
|
|
649
|
+
line: {
|
|
650
|
+
smooth: true
|
|
651
|
+
},
|
|
652
|
+
grid: {
|
|
653
|
+
containLabel: true,
|
|
654
|
+
left: 10,
|
|
655
|
+
right: 10
|
|
656
|
+
}
|
|
657
|
+
};
|
|
658
|
+
var DEFAULT_COLORS = ["#19d4ae", "#5ab1ef", "#fa6e86", "#ffb980", "#0067a6", "#c4b4e4", "#d87a80", "#9cbbff", "#d9d0c7", "#87a997", "#d49ea2", "#5b4947", "#7ba3a8"];
|
|
659
|
+
var HEAT_MAP_COLOR = ["#5990FD", "#2DA769", "#EEBA18", "#F43146"];
|
|
660
|
+
var _SAAS_DEFAULT_COLORS1 = ["#2070F3", "#00A874", "#745EF7", "#8BC2FF", "#1B3F86", "#FDC000", "#00A2B5"];
|
|
661
|
+
var _SAAS_DEFAULT_COLORS2 = ["#FC916E", "#1F55B5", "#2D94FF", "#82DBB1", "#F36900", "#2A8290", "#EE8DDB"];
|
|
662
|
+
var _SAAS_DEFAULT_COLORS3 = ["#278661", "#4FA700", "#5CACFF", "#9185F0", "#B62BF7", "#26616B", "#F46465"];
|
|
663
|
+
var _SAAS_DEFAULT_COLORS4 = ["#5531EB", "#FCDBAA", "#112857", "#E61866", "#B98C1D", "#D41DBC", "#87D5E5"];
|
|
664
|
+
var SAAS_DEFAULT_COLORS = _SAAS_DEFAULT_COLORS1.concat(_SAAS_DEFAULT_COLORS2).concat(_SAAS_DEFAULT_COLORS3).concat(_SAAS_DEFAULT_COLORS4);
|
|
665
|
+
var SAAS_DEFAULT_SAME_COLORS = {
|
|
666
|
+
blue: [{
|
|
667
|
+
color: "#2E94FF",
|
|
668
|
+
idx: 3
|
|
669
|
+
}, {
|
|
670
|
+
color: "#8BC3FF",
|
|
671
|
+
idx: 5
|
|
672
|
+
}, {
|
|
673
|
+
color: "#1F55B5",
|
|
674
|
+
idx: 1
|
|
675
|
+
}, {
|
|
676
|
+
color: "#2070F3",
|
|
677
|
+
idx: 2
|
|
678
|
+
}, {
|
|
679
|
+
color: "#5CACFF",
|
|
680
|
+
idx: 4
|
|
681
|
+
}, {
|
|
682
|
+
color: "#B9DBFF",
|
|
683
|
+
idx: 6
|
|
684
|
+
}, {
|
|
685
|
+
color: "#1B3F86",
|
|
686
|
+
idx: 0
|
|
687
|
+
}],
|
|
688
|
+
green: [{
|
|
689
|
+
color: "#00A874",
|
|
690
|
+
idx: 3
|
|
691
|
+
}, {
|
|
692
|
+
color: "#82DBB1",
|
|
693
|
+
idx: 5
|
|
694
|
+
}, {
|
|
695
|
+
color: "#236549",
|
|
696
|
+
idx: 1
|
|
697
|
+
}, {
|
|
698
|
+
color: "#278661",
|
|
699
|
+
idx: 2
|
|
700
|
+
}, {
|
|
701
|
+
color: "#50C291",
|
|
702
|
+
idx: 4
|
|
703
|
+
}, {
|
|
704
|
+
color: "#AFEDCE",
|
|
705
|
+
idx: 6
|
|
706
|
+
}, {
|
|
707
|
+
color: "#1D4A37",
|
|
708
|
+
idx: 0
|
|
709
|
+
}]
|
|
710
|
+
};
|
|
711
|
+
var itemPoint = function itemPoint2(color) {
|
|
712
|
+
return ['<span style="', "background-color:" + color + ";", "display: inline-block;", "width: 6px;", "height: 6px;", "border-radius: 50%;", "margin-right:8px;", "vertical-align:middle;", '"></span>'].join("");
|
|
713
|
+
};
|
|
714
|
+
var itemLabel = function itemLabel2(seriesName, onlyLabel) {
|
|
715
|
+
return ['<span style="', "display:inline-block;", "font-size:12px;", "color:#4E4E4E;", onlyLabel ? "" : "margin-right:25px;", '">' + seriesName + "</span>"].join("");
|
|
716
|
+
};
|
|
717
|
+
var itemContent = function itemContent2(content) {
|
|
718
|
+
return ['<span style="', "float:right;", "font-size:14px;", "color:#191919;", '">' + content + "</span>"].join("");
|
|
719
|
+
};
|
|
720
|
+
var Core = {
|
|
721
|
+
name: $prefix + "ChartCore",
|
|
722
|
+
emits: ["ready", "ready-once", "handle-color"],
|
|
723
|
+
props: {
|
|
724
|
+
data: {
|
|
725
|
+
type: Object,
|
|
726
|
+
default: function _default() {
|
|
727
|
+
return {};
|
|
728
|
+
}
|
|
729
|
+
},
|
|
730
|
+
settings: {
|
|
731
|
+
type: Object,
|
|
732
|
+
default: function _default2() {
|
|
733
|
+
return {};
|
|
734
|
+
}
|
|
735
|
+
},
|
|
736
|
+
width: {
|
|
737
|
+
type: String,
|
|
738
|
+
default: "auto"
|
|
739
|
+
},
|
|
740
|
+
height: {
|
|
741
|
+
type: String,
|
|
742
|
+
default: "400px"
|
|
743
|
+
},
|
|
744
|
+
events: {
|
|
745
|
+
type: Object,
|
|
746
|
+
default: function _default3() {
|
|
747
|
+
}
|
|
748
|
+
},
|
|
749
|
+
initOptions: {
|
|
750
|
+
type: Object,
|
|
751
|
+
default: function _default4() {
|
|
752
|
+
return {};
|
|
753
|
+
}
|
|
754
|
+
},
|
|
755
|
+
tooltipVisible: {
|
|
756
|
+
type: Boolean,
|
|
757
|
+
default: true
|
|
758
|
+
},
|
|
759
|
+
legendVisible: {
|
|
760
|
+
type: Boolean,
|
|
761
|
+
default: true
|
|
762
|
+
},
|
|
763
|
+
legendPosition: {
|
|
764
|
+
type: String
|
|
765
|
+
},
|
|
766
|
+
theme: Object,
|
|
767
|
+
themeName: [Object, String],
|
|
768
|
+
judgeWidth: {
|
|
769
|
+
type: Boolean,
|
|
770
|
+
default: false
|
|
771
|
+
},
|
|
772
|
+
widthChangeDelay: {
|
|
773
|
+
type: Number,
|
|
774
|
+
default: 200
|
|
775
|
+
},
|
|
776
|
+
resizeable: {
|
|
777
|
+
type: Boolean,
|
|
778
|
+
default: true
|
|
779
|
+
},
|
|
780
|
+
changeDelay: {
|
|
781
|
+
type: Number,
|
|
782
|
+
default: 0
|
|
783
|
+
},
|
|
784
|
+
dataEmpty: Boolean,
|
|
785
|
+
beforeConfig: {
|
|
786
|
+
type: Function
|
|
787
|
+
},
|
|
788
|
+
afterConfig: {
|
|
789
|
+
type: Function
|
|
790
|
+
},
|
|
791
|
+
afterSetOption: {
|
|
792
|
+
type: Function
|
|
793
|
+
},
|
|
794
|
+
afterSetOptionOnce: {
|
|
795
|
+
type: Function
|
|
796
|
+
},
|
|
797
|
+
loading: {
|
|
798
|
+
type: Boolean,
|
|
799
|
+
default: false
|
|
800
|
+
},
|
|
801
|
+
extend: {
|
|
802
|
+
type: Object,
|
|
803
|
+
default: function _default5() {
|
|
804
|
+
}
|
|
805
|
+
},
|
|
806
|
+
tooltipFormatter: {
|
|
807
|
+
type: Function
|
|
808
|
+
},
|
|
809
|
+
markArea: {
|
|
810
|
+
type: Object
|
|
811
|
+
},
|
|
812
|
+
markLine: {
|
|
813
|
+
type: Object
|
|
814
|
+
},
|
|
815
|
+
markPoint: {
|
|
816
|
+
type: Object
|
|
817
|
+
},
|
|
818
|
+
grid: {
|
|
819
|
+
type: [Object, Array]
|
|
820
|
+
},
|
|
821
|
+
colors: {
|
|
822
|
+
type: Array
|
|
823
|
+
},
|
|
824
|
+
visualMap: [Object, Array],
|
|
825
|
+
dataZoom: [Object, Array],
|
|
826
|
+
toolbox: [Object, Array],
|
|
827
|
+
title: Object,
|
|
828
|
+
legend: [Object, Array],
|
|
829
|
+
xAxis: [Object, Array],
|
|
830
|
+
yAxis: [Object, Array],
|
|
831
|
+
radar: Object,
|
|
832
|
+
tooltip: Object,
|
|
833
|
+
axisPointer: Object,
|
|
834
|
+
brush: [Object, Array],
|
|
835
|
+
geo: Object,
|
|
836
|
+
timeline: [Object, Array],
|
|
837
|
+
graphic: [Object, Array],
|
|
838
|
+
series: [Object, Array],
|
|
839
|
+
backgroundColor: [Object, String],
|
|
840
|
+
textStyle: Object,
|
|
841
|
+
animation: Object,
|
|
842
|
+
options: {
|
|
843
|
+
type: Object,
|
|
844
|
+
default: function _default6() {
|
|
845
|
+
return {};
|
|
846
|
+
}
|
|
847
|
+
},
|
|
848
|
+
cancelResizeCheck: {
|
|
849
|
+
type: Boolean,
|
|
850
|
+
default: false
|
|
851
|
+
},
|
|
852
|
+
setOptionOpts: {
|
|
853
|
+
type: Object,
|
|
854
|
+
default: function _default7() {
|
|
855
|
+
}
|
|
856
|
+
},
|
|
857
|
+
colorMode: {
|
|
858
|
+
type: String,
|
|
859
|
+
default: "default"
|
|
860
|
+
}
|
|
861
|
+
},
|
|
862
|
+
data: function data() {
|
|
863
|
+
return {
|
|
864
|
+
huiChartOption: {},
|
|
865
|
+
eChartOption: {},
|
|
866
|
+
renderOption: {},
|
|
867
|
+
initOpts: {},
|
|
868
|
+
watchToPropsEchartOptions: [],
|
|
869
|
+
selfChart: ["BaiduMapChart", "AutonaviMapChart"],
|
|
870
|
+
isSelfChart: false,
|
|
871
|
+
chartList: [],
|
|
872
|
+
once: {},
|
|
873
|
+
store: {}
|
|
874
|
+
};
|
|
875
|
+
},
|
|
876
|
+
computed: {
|
|
877
|
+
// 图表延时的集合
|
|
878
|
+
delay: function delay() {
|
|
879
|
+
return {
|
|
880
|
+
widthChangeDelay: this.widthChangeDelay,
|
|
881
|
+
resizeDelay: this.resizeDelay
|
|
882
|
+
};
|
|
883
|
+
},
|
|
884
|
+
size: function size() {
|
|
885
|
+
return {
|
|
886
|
+
width: this.width,
|
|
887
|
+
height: this.height
|
|
888
|
+
};
|
|
889
|
+
},
|
|
890
|
+
// 图表参数的集合
|
|
891
|
+
setting: function setting() {
|
|
892
|
+
return {
|
|
893
|
+
data: this.data,
|
|
894
|
+
settings: this.settings,
|
|
895
|
+
extend: this.extend,
|
|
896
|
+
tooltipVisible: this.tooltipVisible,
|
|
897
|
+
legendVisible: this.legendVisible
|
|
898
|
+
};
|
|
899
|
+
}
|
|
900
|
+
},
|
|
901
|
+
watch: {
|
|
902
|
+
options: {
|
|
903
|
+
handler: function handler() {
|
|
904
|
+
this.refreshChart();
|
|
905
|
+
},
|
|
906
|
+
deep: true
|
|
907
|
+
},
|
|
908
|
+
setting: {
|
|
909
|
+
handler: function handler2() {
|
|
910
|
+
this.refreshChart();
|
|
911
|
+
},
|
|
912
|
+
deep: true
|
|
913
|
+
},
|
|
914
|
+
events: {
|
|
915
|
+
handler: function handler3(val, oldVal) {
|
|
916
|
+
this.addEvents(val);
|
|
917
|
+
this.removeEvents(oldVal);
|
|
918
|
+
},
|
|
919
|
+
deep: true
|
|
920
|
+
},
|
|
921
|
+
initOptions: {
|
|
922
|
+
handler: function handler4(val) {
|
|
923
|
+
this.initOpts = _extends({}, this.initOpts, val);
|
|
924
|
+
this.renderChart(this.huiChartOption);
|
|
925
|
+
},
|
|
926
|
+
deep: true
|
|
927
|
+
},
|
|
928
|
+
judgeWidth: {
|
|
929
|
+
handler: function handler5(val) {
|
|
930
|
+
this.initOpts.domResize = val;
|
|
931
|
+
this.renderChart(this.huiChartOption);
|
|
932
|
+
}
|
|
933
|
+
},
|
|
934
|
+
delay: {
|
|
935
|
+
handler: function handler6(val) {
|
|
936
|
+
this.initOpts.resizeThrottle = val;
|
|
937
|
+
this.renderChart(this.huiChartOption);
|
|
938
|
+
},
|
|
939
|
+
deep: true
|
|
940
|
+
},
|
|
941
|
+
resizeable: {
|
|
942
|
+
handler: function handler7(val) {
|
|
943
|
+
this.initOpts.windowResize = val;
|
|
944
|
+
this.renderChart(this.huiChartOption);
|
|
945
|
+
}
|
|
946
|
+
},
|
|
947
|
+
setOptionOpts: {
|
|
948
|
+
handler: function handler8(val) {
|
|
949
|
+
this.renderOption = val;
|
|
950
|
+
},
|
|
951
|
+
deep: true
|
|
952
|
+
},
|
|
953
|
+
loading: function loading(val) {
|
|
954
|
+
var _this = this;
|
|
955
|
+
this.$nextTick(function() {
|
|
956
|
+
if (val) {
|
|
957
|
+
_this.integrateChart.showLoading();
|
|
958
|
+
} else {
|
|
959
|
+
_this.integrateChart.closeLoading();
|
|
960
|
+
}
|
|
961
|
+
});
|
|
962
|
+
},
|
|
963
|
+
dataEmpty: function dataEmpty(val) {
|
|
964
|
+
var _this2 = this;
|
|
965
|
+
this.$nextTick(function() {
|
|
966
|
+
if (val) {
|
|
967
|
+
_this2.integrateChart.showEmpty();
|
|
968
|
+
} else {
|
|
969
|
+
_this2.integrateChart.closeEmpty();
|
|
970
|
+
}
|
|
971
|
+
});
|
|
972
|
+
},
|
|
973
|
+
size: {
|
|
974
|
+
handler: function handler9() {
|
|
975
|
+
var _this3 = this;
|
|
976
|
+
this.$nextTick(function() {
|
|
977
|
+
_this3.integrateChart && _this3.integrateChart.echartsIns && _this3.integrateChart.echartsIns.resize();
|
|
978
|
+
});
|
|
979
|
+
}
|
|
980
|
+
},
|
|
981
|
+
colors: {
|
|
982
|
+
handler: function handler10() {
|
|
983
|
+
this.refreshChart();
|
|
984
|
+
},
|
|
985
|
+
deep: true
|
|
986
|
+
}
|
|
987
|
+
},
|
|
988
|
+
methods: {
|
|
989
|
+
selfSetting: function selfSetting(options2) {
|
|
990
|
+
var _this4 = this;
|
|
991
|
+
var echartsSettings = ["grid", "dataZoom", "visualMap", "toolbox", "title", "legend", "xAxis", "yAxis", "radar", "tooltip", "axisPointer", "brush", "geo", "timeline", "graphic", "series", "backgroundColor", "textStyle"];
|
|
992
|
+
echartsSettings.forEach(function(setting2, index) {
|
|
993
|
+
var unwatch = _this4.watchToPropsEchartOptions[index];
|
|
994
|
+
if (_this4[setting2]) {
|
|
995
|
+
if (!options2.extend) {
|
|
996
|
+
options2.extend = {};
|
|
997
|
+
}
|
|
998
|
+
options2.extend[setting2] = cloneDeep$1(_this4[setting2]);
|
|
999
|
+
!unwatch && _this4.$watch(setting2, function() {
|
|
1000
|
+
_this4.refreshChart();
|
|
1001
|
+
}, {
|
|
1002
|
+
deep: true
|
|
1003
|
+
});
|
|
1004
|
+
} else {
|
|
1005
|
+
unwatch && unwatch();
|
|
1006
|
+
}
|
|
1007
|
+
});
|
|
1008
|
+
},
|
|
1009
|
+
setAnimation: function setAnimation(options2) {
|
|
1010
|
+
var _this5 = this;
|
|
1011
|
+
if (this.animation) {
|
|
1012
|
+
Object.keys(this.animation).forEach(function(key) {
|
|
1013
|
+
options2.extend[key] = _this5.animation[key];
|
|
1014
|
+
});
|
|
1015
|
+
}
|
|
1016
|
+
},
|
|
1017
|
+
applyMarks: function applyMarks(options2) {
|
|
1018
|
+
if (this.markArea || this.markLine || this.markPoint) {
|
|
1019
|
+
var marks = {
|
|
1020
|
+
markArea: this.markArea,
|
|
1021
|
+
markLine: this.markLine,
|
|
1022
|
+
markPoint: this.markPoint
|
|
1023
|
+
};
|
|
1024
|
+
var series = options2.series;
|
|
1025
|
+
var setMark = function setMark2(seriesItem, marks2) {
|
|
1026
|
+
Object.keys(marks2).forEach(function(key) {
|
|
1027
|
+
if (marks2[key]) {
|
|
1028
|
+
seriesItem[key] = marks2[key];
|
|
1029
|
+
}
|
|
1030
|
+
});
|
|
1031
|
+
};
|
|
1032
|
+
if (Array.isArray(series)) {
|
|
1033
|
+
series.forEach(function(item) {
|
|
1034
|
+
setMark(item, marks);
|
|
1035
|
+
});
|
|
1036
|
+
} else if (isObject(series)) {
|
|
1037
|
+
setMark(series, marks);
|
|
1038
|
+
}
|
|
1039
|
+
}
|
|
1040
|
+
},
|
|
1041
|
+
applyExtend: function applyExtend(huiChartOption) {
|
|
1042
|
+
if (this.extend) {
|
|
1043
|
+
return setExtend({
|
|
1044
|
+
huiChartOption,
|
|
1045
|
+
extend: this.extend
|
|
1046
|
+
});
|
|
1047
|
+
}
|
|
1048
|
+
},
|
|
1049
|
+
// 更新图表
|
|
1050
|
+
refreshChart: function refreshChart() {
|
|
1051
|
+
var _this6 = this;
|
|
1052
|
+
var data2 = this.data;
|
|
1053
|
+
if (Object.keys(this.options).length === 0) {
|
|
1054
|
+
this.updateChart(data2);
|
|
1055
|
+
} else {
|
|
1056
|
+
this.huiChartOption = cloneDeep$1(this.options);
|
|
1057
|
+
}
|
|
1058
|
+
var huiChartOption = cloneDeep$1(this.huiChartOption);
|
|
1059
|
+
if (!huiChartOption.theme) {
|
|
1060
|
+
huiChartOption.theme = "cloud-light";
|
|
1061
|
+
}
|
|
1062
|
+
if (Array.isArray(this.colors) && this.colors.length > 0) {
|
|
1063
|
+
huiChartOption.color = cloneDeep$1(this.colors);
|
|
1064
|
+
}
|
|
1065
|
+
clearTimeout(this.timer);
|
|
1066
|
+
this.timer = null;
|
|
1067
|
+
this.timer = setTimeout(function() {
|
|
1068
|
+
if (_this6.afterConfig) {
|
|
1069
|
+
huiChartOption = _this6.afterConfig(huiChartOption);
|
|
1070
|
+
}
|
|
1071
|
+
_this6.selfSetting(huiChartOption);
|
|
1072
|
+
_this6.setAnimation(huiChartOption);
|
|
1073
|
+
_this6.applyMarks(_this6.integrateChart.eChartOption);
|
|
1074
|
+
_this6.integrateChart.refresh(cloneDeep$1(huiChartOption));
|
|
1075
|
+
if (_this6.colorMode !== "default") {
|
|
1076
|
+
huiChartOption.color = _this6.computedChartColor();
|
|
1077
|
+
}
|
|
1078
|
+
if (_this6.extend && Object.keys(_this6.extend).length !== 0) {
|
|
1079
|
+
huiChartOption.extend = cloneDeep$1(_this6.applyExtend(_this6.integrateChart.eChartOption));
|
|
1080
|
+
_this6.integrateChart.refresh(cloneDeep$1(huiChartOption));
|
|
1081
|
+
}
|
|
1082
|
+
_this6.$emit("handle-color", huiChartOption.color);
|
|
1083
|
+
if (_this6.afterSetOption) {
|
|
1084
|
+
_this6.afterSetOption(_this6.integrateChart.echartsIns);
|
|
1085
|
+
}
|
|
1086
|
+
_this6.$emit("ready", _this6.integrateChart.echartsIns, huiChartOption);
|
|
1087
|
+
}, this.changeDelay);
|
|
1088
|
+
this.eChartOption = this.integrateChart.eChartOption;
|
|
1089
|
+
},
|
|
1090
|
+
// 初始渲染图表
|
|
1091
|
+
renderChart: function renderChart(huiChartOption) {
|
|
1092
|
+
if (!huiChartOption.theme) {
|
|
1093
|
+
huiChartOption.theme = "cloud-light";
|
|
1094
|
+
}
|
|
1095
|
+
if (Array.isArray(this.colors) && this.colors.length > 0) {
|
|
1096
|
+
huiChartOption.color = cloneDeep$1(this.colors);
|
|
1097
|
+
}
|
|
1098
|
+
var plugins = this.plugins || {};
|
|
1099
|
+
if (this.isSelfChart) {
|
|
1100
|
+
this.integrateChart.init(this.$refs.chartRef);
|
|
1101
|
+
if (this.colorMode !== "default") {
|
|
1102
|
+
huiChartOption.color = this.computedChartColor();
|
|
1103
|
+
}
|
|
1104
|
+
this.integrateChart.setSimpleOption(this.chartList[this.iChartName], huiChartOption, plugins);
|
|
1105
|
+
this.$emit("handle-color", huiChartOption.color);
|
|
1106
|
+
} else {
|
|
1107
|
+
this.selfSetting(huiChartOption);
|
|
1108
|
+
this.setAnimation(huiChartOption);
|
|
1109
|
+
var theme = this.themeName || this.theme || DEFAULT_THEME;
|
|
1110
|
+
this.integrateChart.init(this.$refs.chartRef, this.initOpts, theme);
|
|
1111
|
+
if (this.colorMode !== "default") {
|
|
1112
|
+
huiChartOption.color = this.computedChartColor();
|
|
1113
|
+
}
|
|
1114
|
+
this.integrateChart.setSimpleOption(this.iChartName, cloneDeep$1(huiChartOption), plugins);
|
|
1115
|
+
this.$emit("handle-color", huiChartOption.color);
|
|
1116
|
+
this.applyMarks(this.integrateChart.eChartOption);
|
|
1117
|
+
}
|
|
1118
|
+
if (this.extend && Object.keys(this.extend).length !== 0) {
|
|
1119
|
+
huiChartOption.extend = this.applyExtend(this.integrateChart.eChartOption);
|
|
1120
|
+
this.integrateChart.setSimpleOption(this.iChartName, cloneDeep$1(huiChartOption), plugins);
|
|
1121
|
+
}
|
|
1122
|
+
this.integrateChart.render(this.renderOption);
|
|
1123
|
+
this.$emit("ready", this.integrateChart.echartsIns, huiChartOption);
|
|
1124
|
+
if (!this.once["ready-once"]) {
|
|
1125
|
+
this.once["ready-once"] = true;
|
|
1126
|
+
this.$emit("ready-once", this.integrateChart.echartsIns, huiChartOption);
|
|
1127
|
+
}
|
|
1128
|
+
this.eChartOption = this.integrateChart.eChartOption;
|
|
1129
|
+
},
|
|
1130
|
+
addEvents: function addEvents(val) {
|
|
1131
|
+
var _this7 = this;
|
|
1132
|
+
if (typeof val === "object" && val !== null && Object.keys(val).length > 0) {
|
|
1133
|
+
var events = Object.keys(val);
|
|
1134
|
+
this.$nextTick(function() {
|
|
1135
|
+
events.forEach(function(item) {
|
|
1136
|
+
_this7.integrateChart.on(item, val[item]);
|
|
1137
|
+
});
|
|
1138
|
+
});
|
|
1139
|
+
}
|
|
1140
|
+
},
|
|
1141
|
+
removeEvents: function removeEvents(oldVal) {
|
|
1142
|
+
var _this8 = this;
|
|
1143
|
+
if (typeof oldVal === "object" && oldVal !== null && Object.keys(oldVal).length > 0) {
|
|
1144
|
+
var events = Object.keys(oldVal);
|
|
1145
|
+
this.$nextTick(function() {
|
|
1146
|
+
events.forEach(function(item) {
|
|
1147
|
+
_this8.integrateChart.on(item, oldVal[item]);
|
|
1148
|
+
});
|
|
1149
|
+
});
|
|
1150
|
+
}
|
|
1151
|
+
},
|
|
1152
|
+
resize: function resize() {
|
|
1153
|
+
if (!this.cancelResizeCheck) {
|
|
1154
|
+
this.integrateChart.echartsIns.resize();
|
|
1155
|
+
}
|
|
1156
|
+
},
|
|
1157
|
+
afterConfigFn: function afterConfigFn(huiChartOption) {
|
|
1158
|
+
if (this.afterConfig) {
|
|
1159
|
+
huiChartOption = this.afterConfig(huiChartOption);
|
|
1160
|
+
this.huiChartOption = huiChartOption;
|
|
1161
|
+
}
|
|
1162
|
+
return huiChartOption;
|
|
1163
|
+
},
|
|
1164
|
+
beforeConfigFn: function beforeConfigFn(data2) {
|
|
1165
|
+
if (this.beforeConfig) {
|
|
1166
|
+
data2 = this.beforeConfig(data2);
|
|
1167
|
+
}
|
|
1168
|
+
return data2;
|
|
1169
|
+
},
|
|
1170
|
+
isStack: function isStack() {
|
|
1171
|
+
var stack = this.settings.stack, columns = this.data.columns;
|
|
1172
|
+
var flag = false;
|
|
1173
|
+
if (typeof stack !== "object" || !Array.isArray(columns)) return flag;
|
|
1174
|
+
Object.keys(stack).forEach(function(key) {
|
|
1175
|
+
stack[key].forEach(function(stackItem) {
|
|
1176
|
+
var isExist = columns.includes(stackItem);
|
|
1177
|
+
if (isExist) {
|
|
1178
|
+
flag = true;
|
|
1179
|
+
}
|
|
1180
|
+
});
|
|
1181
|
+
});
|
|
1182
|
+
return flag;
|
|
1183
|
+
},
|
|
1184
|
+
calcColors: function calcColors(_ref6) {
|
|
1185
|
+
var len = _ref6.len, type = _ref6.type, isStack2 = _ref6.isStack;
|
|
1186
|
+
var SAAS_COLOR = SAAS_DEFAULT_COLORS;
|
|
1187
|
+
var lastColor = "#1B3F86";
|
|
1188
|
+
if (isStack2 && type === "") {
|
|
1189
|
+
return len && len > 6 ? [lastColor].concat(SAAS_COLOR.slice(0, len - 1)) : SAAS_COLOR.slice(0, [len || 8]);
|
|
1190
|
+
}
|
|
1191
|
+
if (!isStack2 && type === "") {
|
|
1192
|
+
type = "default";
|
|
1193
|
+
}
|
|
1194
|
+
if (type === "blue" || type === "green") {
|
|
1195
|
+
SAAS_COLOR = SAAS_DEFAULT_SAME_COLORS[type].slice(0, len).sort(function(a, b) {
|
|
1196
|
+
return a.idx - b.idx;
|
|
1197
|
+
}).map(function(item) {
|
|
1198
|
+
return item.color;
|
|
1199
|
+
});
|
|
1200
|
+
}
|
|
1201
|
+
return len && len > 6 ? SAAS_COLOR.slice(0, len - 1).concat([lastColor]) : SAAS_COLOR.slice(0, [len || 8]);
|
|
1202
|
+
},
|
|
1203
|
+
computedChartColor: function computedChartColor() {
|
|
1204
|
+
var defaultColors = DEFAULT_COLORS;
|
|
1205
|
+
var flag = this.isStack();
|
|
1206
|
+
if (this.data && (Array.isArray(this.data.rows) || Array.isArray(this.data.columns))) {
|
|
1207
|
+
var _this$data = this.data, columns = _this$data.columns, rows = _this$data.rows;
|
|
1208
|
+
var len = Math.max(columns ? columns.length : 0, rows ? rows.length : 0);
|
|
1209
|
+
defaultColors = this.calcColors({
|
|
1210
|
+
len,
|
|
1211
|
+
type: this.colorMode,
|
|
1212
|
+
isStack: flag
|
|
1213
|
+
});
|
|
1214
|
+
} else if (Array.isArray(this.data)) {
|
|
1215
|
+
defaultColors = this.calcColors({
|
|
1216
|
+
len: this.data.length,
|
|
1217
|
+
type: this.colorMode,
|
|
1218
|
+
isStack: flag
|
|
1219
|
+
});
|
|
1220
|
+
} else if (this.extend && this.extend.series && Array.isArray(this.extend.series.data)) {
|
|
1221
|
+
defaultColors = this.calcColors({
|
|
1222
|
+
len: this.extend.series.data.length,
|
|
1223
|
+
type: this.colorMode,
|
|
1224
|
+
isStack: flag
|
|
1225
|
+
});
|
|
1226
|
+
} else if (this.extend && Array.isArray(this.extend.series)) {
|
|
1227
|
+
defaultColors = this.calcColors({
|
|
1228
|
+
len: this.extend.series.length,
|
|
1229
|
+
type: this.colorMode,
|
|
1230
|
+
isStack: flag
|
|
1231
|
+
});
|
|
1232
|
+
}
|
|
1233
|
+
return this.colors || this.theme && this.theme.color || defaultColors;
|
|
1234
|
+
}
|
|
1235
|
+
},
|
|
1236
|
+
created: function created() {
|
|
1237
|
+
this.huiChartOption = {};
|
|
1238
|
+
if (!this.selfChart.includes(this.iChartName)) {
|
|
1239
|
+
this.isSelfChart = false;
|
|
1240
|
+
this.integrateChart = new IntegrateChart();
|
|
1241
|
+
} else {
|
|
1242
|
+
this.isSelfChart = true;
|
|
1243
|
+
this.chartList = {
|
|
1244
|
+
BaiduMapChart,
|
|
1245
|
+
AutonaviMapChart
|
|
1246
|
+
};
|
|
1247
|
+
this.integrateChart = new this.chartList[this.iChartName]();
|
|
1248
|
+
}
|
|
1249
|
+
},
|
|
1250
|
+
mounted: function mounted() {
|
|
1251
|
+
var _this9 = this;
|
|
1252
|
+
this.$nextTick(function() {
|
|
1253
|
+
_this9.addEvents(_this9.events);
|
|
1254
|
+
_this9.loading && _this9.integrateChart.showLoading();
|
|
1255
|
+
_this9.dataEmpty && _this9.integrateChart.showEmpty();
|
|
1256
|
+
});
|
|
1257
|
+
this.initOpts = _extends({}, this.initOptions, {
|
|
1258
|
+
domResize: this.judgeWidth,
|
|
1259
|
+
resizeThrottle: this.widthChangeDelay
|
|
1260
|
+
});
|
|
1261
|
+
var data2 = this.data;
|
|
1262
|
+
data2 = this.beforeConfigFn(data2);
|
|
1263
|
+
if (Object.keys(this.options).length === 0) {
|
|
1264
|
+
this.updateChart(data2);
|
|
1265
|
+
} else {
|
|
1266
|
+
this.huiChartOption = cloneDeep$1(this.options);
|
|
1267
|
+
}
|
|
1268
|
+
var huiChartOption = this.huiChartOption;
|
|
1269
|
+
huiChartOption = this.afterConfigFn(huiChartOption);
|
|
1270
|
+
this.renderChart(huiChartOption);
|
|
1271
|
+
this.afterSetOption && this.afterSetOption(this.integrateChart.echartsIns);
|
|
1272
|
+
this.afterSetOptionOnce && this.afterSetOptionOnce(this.integrateChart.echartsIns);
|
|
1273
|
+
},
|
|
1274
|
+
beforeUnmount: function beforeUnmount() {
|
|
1275
|
+
this.watchToPropsEchartOptions.forEach(function(unwatch) {
|
|
1276
|
+
unwatch && unwatch();
|
|
1277
|
+
});
|
|
1278
|
+
}
|
|
1279
|
+
};
|
|
1280
|
+
function typeOf(obj) {
|
|
1281
|
+
var map = {
|
|
1282
|
+
"[object Object]": "object",
|
|
1283
|
+
"[object Null]": "null",
|
|
1284
|
+
"[object Date]": "date",
|
|
1285
|
+
"[object Undefined]": "undefined",
|
|
1286
|
+
"[object RegExp]": "regExp",
|
|
1287
|
+
"[object Array]": "array",
|
|
1288
|
+
"[object Function]": "function",
|
|
1289
|
+
"[object String]": "string",
|
|
1290
|
+
"[object Number]": "number",
|
|
1291
|
+
"[object Boolean]": "boolean",
|
|
1292
|
+
"[object BigInt]": "bigint"
|
|
1293
|
+
};
|
|
1294
|
+
var toString2 = Object.prototype.toString;
|
|
1295
|
+
return map[toString2.call(obj)];
|
|
1296
|
+
}
|
|
1297
|
+
var isDefined = function isDefined2(val) {
|
|
1298
|
+
return val !== void 0 && val !== null;
|
|
1299
|
+
};
|
|
1300
|
+
function deepCopy(val) {
|
|
1301
|
+
var o;
|
|
1302
|
+
var t = typeOf(val);
|
|
1303
|
+
if (t === "array") {
|
|
1304
|
+
o = [];
|
|
1305
|
+
} else if (t === "object") {
|
|
1306
|
+
o = {};
|
|
1307
|
+
} else {
|
|
1308
|
+
return val;
|
|
1309
|
+
}
|
|
1310
|
+
if (t === "array") {
|
|
1311
|
+
for (var i = 0; i < val.length; i++) {
|
|
1312
|
+
o.push(deepCopy(val[i]));
|
|
1313
|
+
}
|
|
1314
|
+
} else if (t === "object") {
|
|
1315
|
+
Object.keys(val).forEach(function(i2) {
|
|
1316
|
+
o[i2] = deepCopy(val[i2]);
|
|
1317
|
+
});
|
|
1318
|
+
}
|
|
1319
|
+
return o;
|
|
1320
|
+
}
|
|
1321
|
+
var getRows = function getRows2(args) {
|
|
1322
|
+
var columns = args.columns, metrics = args.metrics, labelMap = args.labelMap, rows = args.rows, _args$dimension = args.dimension, dimension = _args$dimension === void 0 ? columns[0] : _args$dimension;
|
|
1323
|
+
var rowData = [];
|
|
1324
|
+
var data2 = labelMap ? metrics.map(function(item) {
|
|
1325
|
+
return !labelMap[item] ? item : labelMap[item];
|
|
1326
|
+
}) : metrics;
|
|
1327
|
+
dimension.forEach(function(item) {
|
|
1328
|
+
data2.unshift(item);
|
|
1329
|
+
});
|
|
1330
|
+
rows.forEach(function(item) {
|
|
1331
|
+
var obj = {};
|
|
1332
|
+
for (var i = 0; i < data2.length; i++) {
|
|
1333
|
+
obj[data2[i]] = item[data2[i]];
|
|
1334
|
+
}
|
|
1335
|
+
rowData.push(obj);
|
|
1336
|
+
});
|
|
1337
|
+
return rowData;
|
|
1338
|
+
};
|
|
1339
|
+
var getYAxis = function getYAxis2(args) {
|
|
1340
|
+
var yAxisType = args.yAxisType, yAxisName = args.yAxisName, _args$scale = args.scale, scale = _args$scale === void 0 ? [false, false] : _args$scale, axisVisible = args.axisVisible, max = args.max, min = args.min, metrics = args.metrics, axisSite = args.axisSite, _args$digit = args.digit, digit = _args$digit === void 0 ? 2 : _args$digit;
|
|
1341
|
+
var yAxis = [];
|
|
1342
|
+
var yAxisBase = {
|
|
1343
|
+
scale
|
|
1344
|
+
};
|
|
1345
|
+
var _loop = function _loop2(k2) {
|
|
1346
|
+
yAxis[k2] = _extends({}, yAxisBase);
|
|
1347
|
+
if (yAxisType[k2]) {
|
|
1348
|
+
yAxis[k2] = _extends({}, yAxisBase, {
|
|
1349
|
+
axisLabel: {
|
|
1350
|
+
formatter: function formatter(val) {
|
|
1351
|
+
return getFormatted(val, yAxisType[k2], digit);
|
|
1352
|
+
}
|
|
1353
|
+
}
|
|
1354
|
+
});
|
|
1355
|
+
} else {
|
|
1356
|
+
yAxis[k2] = _extends({}, yAxisBase);
|
|
1357
|
+
}
|
|
1358
|
+
yAxis[k2].name = yAxisName[k2];
|
|
1359
|
+
yAxis[k2].min = min[k2] || null;
|
|
1360
|
+
yAxis[k2].max = max[k2] || null;
|
|
1361
|
+
};
|
|
1362
|
+
for (var k = 0; k < 2; k++) {
|
|
1363
|
+
_loop(k);
|
|
1364
|
+
}
|
|
1365
|
+
metrics.forEach(function(item) {
|
|
1366
|
+
if (axisSite.right && axisSite.right.includes(item)) {
|
|
1367
|
+
yAxis[1].dataName = [].concat(axisSite.right);
|
|
1368
|
+
} else {
|
|
1369
|
+
yAxis[0].dataName = item;
|
|
1370
|
+
}
|
|
1371
|
+
});
|
|
1372
|
+
return yAxis;
|
|
1373
|
+
};
|
|
1374
|
+
var getTooltip = function getTooltip2(args) {
|
|
1375
|
+
var axisSite = args.axisSite, yAxisType = args.yAxisType, labelMap = args.labelMap, _args$digit2 = args.digit, digit = _args$digit2 === void 0 ? 2 : _args$digit2;
|
|
1376
|
+
var rightItemsArr = (axisSite == null ? void 0 : axisSite.right) || [];
|
|
1377
|
+
var rightListArr = labelMap ? rightItemsArr.map(function(item) {
|
|
1378
|
+
return labelMap[item] === void 0 ? item : labelMap[item];
|
|
1379
|
+
}) : rightItemsArr;
|
|
1380
|
+
var formatter = function formatter2(items) {
|
|
1381
|
+
var template = [];
|
|
1382
|
+
var _items$ = items[0], name = _items$.name, axisValueLabel = _items$.axisValueLabel;
|
|
1383
|
+
var title = name || axisValueLabel;
|
|
1384
|
+
template.push(title + "<br>");
|
|
1385
|
+
items.forEach(function(_ref7) {
|
|
1386
|
+
var seriesName = _ref7.seriesName, data2 = _ref7.data, color = _ref7.color;
|
|
1387
|
+
if (color === "transparent" && items.length === 1) {
|
|
1388
|
+
color = "#6d8ff0";
|
|
1389
|
+
}
|
|
1390
|
+
var showData = null;
|
|
1391
|
+
var type = ~rightListArr.indexOf(seriesName) ? yAxisType[1] : yAxisType[0];
|
|
1392
|
+
var itemData = Array.isArray(data2) ? data2[1] : data2;
|
|
1393
|
+
showData = getFormatted(itemData, type, digit);
|
|
1394
|
+
template.push(itemPoint(color));
|
|
1395
|
+
template.push("" + itemLabel(seriesName) + itemContent(showData));
|
|
1396
|
+
template.push("<br>");
|
|
1397
|
+
});
|
|
1398
|
+
return template.join("");
|
|
1399
|
+
};
|
|
1400
|
+
return {
|
|
1401
|
+
trigger: "axis",
|
|
1402
|
+
formatter
|
|
1403
|
+
};
|
|
1404
|
+
};
|
|
1405
|
+
Core.install = function(Vue) {
|
|
1406
|
+
Vue.component(Core.name, Core);
|
|
1407
|
+
};
|
|
1408
|
+
export {
|
|
1409
|
+
HEAT_MAP_COLOR,
|
|
1410
|
+
cloneDeep,
|
|
1411
|
+
deepCopy,
|
|
1412
|
+
Core as default,
|
|
1413
|
+
getObj as get,
|
|
1414
|
+
getFormatted,
|
|
1415
|
+
getMapJSON,
|
|
1416
|
+
getRows,
|
|
1417
|
+
getStackMap,
|
|
1418
|
+
getTooltip,
|
|
1419
|
+
getYAxis,
|
|
1420
|
+
htmlHandler,
|
|
1421
|
+
isDefined,
|
|
1422
|
+
isNull,
|
|
1423
|
+
isObject,
|
|
1424
|
+
itemContent,
|
|
1425
|
+
itemLabel,
|
|
1426
|
+
itemPoint,
|
|
1427
|
+
_merge as merge,
|
|
1428
|
+
setObj as set
|
|
1429
|
+
};
|