移动端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

7558 lines
190 KiB

/*
* uCharts (R)
* 高性能跨平台图表库,支持H5、APP、小程序(微信/支付宝/百度/头条/QQ/360/快手)、Vue、Taro等支持canvas的框架平台
* Copyright (C) 2021 QIUN (R) 秋云 https://www.ucharts.cn All rights reserved.
* Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
* 复制使用请保留本段注释,感谢支持开源!
*
* uCharts (R) 官方网站
* https://www.uCharts.cn
*
* 开源地址:
* https://gitee.com/uCharts/uCharts
*
* uni-app插件市场地址:
* http://ext.dcloud.net.cn/plugin?id=271
*
*/
"use strict";
var config = {
version: "v2.5.0-20230101",
yAxisWidth: 15,
xAxisHeight: 22,
padding: [10, 10, 10, 10],
rotate: false,
fontSize: 13,
fontColor: "#666666",
dataPointShape: ["circle", "circle", "circle", "circle"],
color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4", "#ea7ccc"],
linearColor: ["#0EE2F8", "#2BDCA8", "#FA7D8D", "#EB88E2", "#2AE3A0", "#0EE2F8", "#EB88E2", "#6773E3", "#F78A85"],
pieChartLinePadding: 15,
pieChartTextPadding: 5,
titleFontSize: 20,
subtitleFontSize: 15,
radarLabelTextMargin: 13
};
var assign = function(e, ...t) {
if (e == null) {
throw new TypeError("[uCharts] Cannot convert undefined or null to object")
}
if (!t || t.length <= 0) {
return e
}
function i(e, a) {
for (let t in a) {
e[t] = e[t] && e[t].toString() === "[object Object]" ? i(e[t], a[t]) : e[t] = a[t]
}
return e
}
t.forEach(t => {
e = i(e, t)
});
return e
};
var util = {
toFixed: function t(e, a) {
a = a || 2;
if (this.isFloat(e)) {
e = e.toFixed(a)
}
return e
},
isFloat: function t(e) {
return e % 1 !== 0
},
approximatelyEqual: function t(e, a) {
return Math.abs(e - a) < 1e-10
},
isSameSign: function t(e, a) {
return Math.abs(e) === e && Math.abs(a) === a || Math.abs(e) !== e && Math.abs(a) !== a
},
isSameXCoordinateArea: function t(e, a) {
return this.isSameSign(e.x, a.x)
},
isCollision: function t(e, a) {
e.end = {};
e.end.x = e.start.x + e.width;
e.end.y = e.start.y - e.height;
a.end = {};
a.end.x = a.start.x + a.width;
a.end.y = a.start.y - a.height;
var i = a.start.x > e.end.x || a.end.x < e.start.x || a.end.y > e.start.y || a.start.y < e.end.y;
return !i
}
};
function getH5Offset(t) {
t.mp = {
changedTouches: []
};
t.mp.changedTouches.push({
x: t.offsetX,
y: t.offsetY
});
return t
}
function hexToRgb(t, e) {
var a = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
var i = t.replace(a, function(t, e, a, i) {
return e + e + a + a + i + i
});
var r = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(i);
var o = parseInt(r[1], 16);
var n = parseInt(r[2], 16);
var l = parseInt(r[3], 16);
return "rgba(" + o + "," + n + "," + l + "," + e + ")"
}
function findRange(t, e, a) {
if (isNaN(t)) {
throw new Error("[uCharts] series数据需为Number格式")
}
a = a || 10;
e = e ? e : "upper";
var i = 1;
while (a < 1) {
a *= 10;
i *= 10
}
if (e === "upper") {
t = Math.ceil(t * i)
} else {
t = Math.floor(t * i)
}
while (t % a !== 0) {
if (e === "upper") {
if (t == t + 1) {
break
}
t++
} else {
t--
}
}
return t / i
}
function calCandleMA(o, t, e, n) {
let a = [];
for (let r = 0; r < o.length; r++) {
let i = {
data: [],
name: t[r],
color: e[r]
};
for (let a = 0, t = n.length; a < t; a++) {
if (a < o[r]) {
i.data.push(null);
continue
}
let e = 0;
for (let t = 0; t < o[r]; t++) {
e += n[a - t][1]
}
i.data.push(+(e / o[r]).toFixed(3))
}
a.push(i)
}
return a
}
function calValidDistance(t, e, a, i, r) {
var o = r.width - r.area[1] - r.area[3];
var n = a.eachSpacing * (r.chartData.xAxisData.xAxisPoints.length - 1);
if (r.type == "mount" && r.extra && r.extra.mount && r.extra.mount.widthRatio && r.extra.mount.widthRatio > 1) {
if (r.extra.mount.widthRatio > 2) r.extra.mount.widthRatio = 2;
n += (r.extra.mount.widthRatio - 1) * a.eachSpacing
}
var l = e;
if (e >= 0) {
l = 0;
t.uevent.trigger("scrollLeft");
t.scrollOption.position = "left";
r.xAxis.scrollPosition = "left"
} else if (Math.abs(e) >= n - o) {
l = o - n;
t.uevent.trigger("scrollRight");
t.scrollOption.position = "right";
r.xAxis.scrollPosition = "right"
} else {
t.scrollOption.position = e;
r.xAxis.scrollPosition = e
}
return l
}
function isInAngleRange(t, e, a) {
function i(t) {
while (t < 0) {
t += 2 * Math.PI
}
while (t > 2 * Math.PI) {
t -= 2 * Math.PI
}
return t
}
t = i(t);
e = i(e);
a = i(a);
if (e > a) {
a += 2 * Math.PI;
if (t < e) {
t += 2 * Math.PI
}
}
return t >= e && t <= a
}
function createCurveControlPoints(t, e) {
function a(t, e) {
if (t[e - 1] && t[e + 1]) {
return t[e].y >= Math.max(t[e - 1].y, t[e + 1].y) || t[e].y <= Math.min(t[e - 1].y, t[e + 1].y)
} else {
return false
}
}
function c(t, e) {
if (t[e - 1] && t[e + 1]) {
return t[e].x >= Math.max(t[e - 1].x, t[e + 1].x) || t[e].x <= Math.min(t[e - 1].x, t[e + 1].x)
} else {
return false
}
}
var i = .2;
var r = .2;
var o = null;
var n = null;
var l = null;
var s = null;
if (e < 1) {
o = t[0].x + (t[1].x - t[0].x) * i;
n = t[0].y + (t[1].y - t[0].y) * i
} else {
o = t[e].x + (t[e + 1].x - t[e - 1].x) * i;
n = t[e].y + (t[e + 1].y - t[e - 1].y) * i
}
if (e > t.length - 3) {
var h = t.length - 1;
l = t[h].x - (t[h].x - t[h - 1].x) * r;
s = t[h].y - (t[h].y - t[h - 1].y) * r
} else {
l = t[e + 1].x - (t[e + 2].x - t[e].x) * r;
s = t[e + 1].y - (t[e + 2].y - t[e].y) * r
}
if (a(t, e + 1)) {
s = t[e + 1].y
}
if (a(t, e)) {
n = t[e].y
}
if (c(t, e + 1)) {
l = t[e + 1].x
}
if (c(t, e)) {
o = t[e].x
}
if (n >= Math.max(t[e].y, t[e + 1].y) || n <= Math.min(t[e].y, t[e + 1].y)) {
n = t[e].y
}
if (s >= Math.max(t[e].y, t[e + 1].y) || s <= Math.min(t[e].y, t[e + 1].y)) {
s = t[e + 1].y
}
if (o >= Math.max(t[e].x, t[e + 1].x) || o <= Math.min(t[e].x, t[e + 1].x)) {
o = t[e].x
}
if (l >= Math.max(t[e].x, t[e + 1].x) || l <= Math.min(t[e].x, t[e + 1].x)) {
l = t[e + 1].x
}
return {
ctrA: {
x: o,
y: n
},
ctrB: {
x: l,
y: s
}
}
}
function convertCoordinateOrigin(t, e, a) {
return {
x: a.x + t,
y: a.y - e
}
}
function avoidCollision(t, e) {
if (e) {
while (util.isCollision(t, e)) {
if (t.start.x > 0) {
t.start.y--
} else if (t.start.x < 0) {
t.start.y++
} else {
if (t.start.y > 0) {
t.start.y++
} else {
t.start.y--
}
}
}
}
return t
}
function fixPieSeries(e, a, t) {
let i = [];
if (e.length > 0 && e[0].data.constructor.toString().indexOf("Array") > -1) {
a._pieSeries_ = e;
let t = e[0].data;
for (var r = 0; r < t.length; r++) {
t[r].formatter = e[0].formatter;
t[r].data = t[r].value;
i.push(t[r])
}
a.series = i
} else {
i = e
}
return i
}
function fillSeries(e, a, i) {
var r = 0;
for (var o = 0; o < e.length; o++) {
let t = e[o];
if (!t.color) {
t.color = i.color[r];
r = (r + 1) % i.color.length
}
if (!t.linearIndex) {
t.linearIndex = o
}
if (!t.index) {
t.index = 0
}
if (!t.type) {
t.type = a.type
}
if (typeof t.show == "undefined") {
t.show = true
}
if (!t.type) {
t.type = a.type
}
if (!t.pointShape) {
t.pointShape = "circle"
}
if (!t.legendShape) {
switch (t.type) {
case "line":
t.legendShape = "line";
break;
case "column":
case "bar":
t.legendShape = "rect";
break;
case "area":
case "mount":
t.legendShape = "triangle";
break;
default:
t.legendShape = "circle"
}
}
}
return e
}
function fillCustomColor(t, e, a, i) {
var r = e || [];
if (t == "custom" && r.length == 0) {
r = i.linearColor
}
if (t == "custom" && r.length < a.length) {
let t = a.length - r.length;
for (var o = 0; o < t; o++) {
r.push(i.linearColor[(o + 1) % i.linearColor.length])
}
}
return r
}
function getDataRange(t, e) {
var a = 0;
var i = e - t;
if (i >= 1e4) {
a = 1e3
} else if (i >= 1e3) {
a = 100
} else if (i >= 100) {
a = 10
} else if (i >= 10) {
a = 5
} else if (i >= 1) {
a = 1
} else if (i >= .1) {
a = .1
} else if (i >= .01) {
a = .01
} else if (i >= .001) {
a = .001
} else if (i >= 1e-4) {
a = 1e-4
} else if (i >= 1e-5) {
a = 1e-5
} else {
a = 1e-6
}
return {
minRange: findRange(t, "lower", a),
maxRange: findRange(e, "upper", a)
}
}
function measureText(a, t, e) {
var i = 0;
a = String(a);
e = false;
if (e !== false && e !== undefined && e.setFontSize && e.measureText) {
e.setFontSize(t);
return e.measureText(a).width
} else {
var a = a.split("");
for (let e = 0; e < a.length; e++) {
let t = a[e];
if (/[a-zA-Z]/.test(t)) {
i += 7
} else if (/[0-9]/.test(t)) {
i += 5.5
} else if (/\./.test(t)) {
i += 2.7
} else if (/-/.test(t)) {
i += 3.25
} else if (/:/.test(t)) {
i += 2.5
} else if (/[\u4e00-\u9fa5]/.test(t)) {
i += 10
} else if (/\(|\)/.test(t)) {
i += 3.73
} else if (/\s/.test(t)) {
i += 2.5
} else if (/%/.test(t)) {
i += 8
} else {
i += 10
}
}
return i * t / 10
}
}
function dataCombine(t) {
return t.reduce(function(t, e) {
return (t.data ? t.data : t).concat(e.data)
}, [])
}
function dataCombineStack(t, e) {
var a = new Array(e);
for (var i = 0; i < a.length; i++) {
a[i] = 0
}
for (var r = 0; r < t.length; r++) {
for (var i = 0; i < a.length; i++) {
a[i] += t[r].data[i]
}
}
return t.reduce(function(t, e) {
return (t.data ? t.data : t).concat(e.data).concat(a)
}, [])
}
function getTouches(t, e, a) {
let i, r;
if (t.clientX) {
if (e.rotate) {
r = e.height - t.clientX * e.pix;
i = (t.pageY - a.currentTarget.offsetTop - e.height / e.pix / 2 * (e.pix - 1)) * e.pix
} else {
i = t.clientX * e.pix;
r = (t.pageY - a.currentTarget.offsetTop - e.height / e.pix / 2 * (e.pix - 1)) * e.pix
}
} else {
if (e.rotate) {
r = e.height - t.x * e.pix;
i = t.y * e.pix
} else {
i = t.x * e.pix;
r = t.y * e.pix
}
}
return {
x: i,
y: r
}
}
function getSeriesDataItem(e, i, a) {
var r = [];
var o = [];
var n = i.constructor.toString().indexOf("Array") > -1;
if (n) {
let t = filterSeries(e);
for (var l = 0; l < a.length; l++) {
o.push(t[a[l]])
}
} else {
o = e
}
for (let t = 0; t < o.length; t++) {
let e = o[t];
let a = -1;
if (n) {
a = i[t]
} else {
a = i
}
if (e.data[a] !== null && typeof e.data[a] !== "undefined" && e.show) {
let t = {};
t.color = e.color;
t.type = e.type;
t.style = e.style;
t.pointShape = e.pointShape;
t.disableLegend = e.disableLegend;
t.legendShape = e.legendShape;
t.name = e.name;
t.show = e.show;
t.data = e.formatter ? e.formatter(e.data[a]) : e.data[a];
r.push(t)
}
}
return r
}
function getMaxTextListLength(t, e, a) {
var i = t.map(function(t) {
return measureText(t, e, a)
});
return Math.max.apply(null, i)
}
function getRadarCoordinateSeries(t) {
var e = 2 * Math.PI / t;
var a = [];
for (var i = 0; i < t; i++) {
a.push(e * i)
}
return a.map(function(t) {
return -1 * t + Math.PI / 2
})
}
function getToolTipData(t, a, i, r, o) {
var n = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
var l = a.chartData.calPoints ? a.chartData.calPoints : [];
let s = {};
if (r.length > 0) {
let e = [];
for (let t = 0; t < r.length; t++) {
e.push(l[r[t]])
}
s = e[0][i[0]]
} else {
for (let t = 0; t < l.length; t++) {
if (l[t][i]) {
s = l[t][i];
break
}
}
}
var e = t.map(function(t) {
let e = null;
if (a.categories && a.categories.length > 0) {
e = o[i]
}
return {
text: n.formatter ? n.formatter(t, e, i, a) : t.name + ": " + t.data,
color: t.color,
legendShape: a.extra.tooltip.legendShape == "auto" ? t.legendShape : a.extra.tooltip.legendShape
}
});
var h = {
x: Math.round(s.x),
y: Math.round(s.y)
};
return {
textList: e,
offset: h
}
}
function getMixToolTipData(t, e, a, i) {
var r = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
var o = e.chartData.xAxisPoints[a] + e.chartData.eachSpacing / 2;
var n = t.map(function(t) {
return {
text: r.formatter ? r.formatter(t, i[a], a, e) : t.name + ": " + t.data,
color: t.color,
disableLegend: t.disableLegend ? true : false,
legendShape: e.extra.tooltip.legendShape == "auto" ? t.legendShape : e.extra.tooltip.legendShape
}
});
n = n.filter(function(t) {
if (t.disableLegend !== true) {
return t
}
});
var l = {
x: Math.round(o),
y: 0
};
return {
textList: n,
offset: l
}
}
function getCandleToolTipData(o, e, n, l, i, t) {
var r = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
var a = n.chartData.calPoints;
let s = t.color.upFill;
let h = t.color.downFill;
let c = [s, s, h, s];
var d = [];
e.map(function(t) {
if (l == 0) {
if (t.data[1] - t.data[0] < 0) {
c[1] = h
} else {
c[1] = s
}
} else {
if (t.data[0] < o[l - 1][1]) {
c[0] = h
}
if (t.data[1] < t.data[0]) {
c[1] = h
}
if (t.data[2] > o[l - 1][1]) {
c[2] = s
}
if (t.data[3] < o[l - 1][1]) {
c[3] = h
}
}
let e = {
text: "开盘:" + t.data[0],
color: c[0],
legendShape: n.extra.tooltip.legendShape == "auto" ? t.legendShape : n.extra.tooltip.legendShape
};
let a = {
text: "收盘:" + t.data[1],
color: c[1],
legendShape: n.extra.tooltip.legendShape == "auto" ? t.legendShape : n.extra.tooltip.legendShape
};
let i = {
text: "最低:" + t.data[2],
color: c[2],
legendShape: n.extra.tooltip.legendShape == "auto" ? t.legendShape : n.extra.tooltip.legendShape
};
let r = {
text: "最高:" + t.data[3],
color: c[3],
legendShape: n.extra.tooltip.legendShape == "auto" ? t.legendShape : n.extra.tooltip.legendShape
};
d.push(e, a, i, r)
});
var x = [];
var f = {
x: 0,
y: 0
};
for (let e = 0; e < a.length; e++) {
let t = a[e];
if (typeof t[l] !== "undefined" && t[l] !== null) {
x.push(t[l])
}
}
f.x = Math.round(x[0][0].x);
return {
textList: d,
offset: f
}
}
function filterSeries(e) {
let a = [];
for (let t = 0; t < e.length; t++) {
if (e[t].show == true) {
a.push(e[t])
}
}
return a
}
function findCurrentIndex(o, n, e, t) {
var a = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
var l = {
index: -1,
group: []
};
var i = e.chartData.eachSpacing / 2;
let r = [];
if (n && n.length > 0) {
if (!e.categories) {
i = 0
} else {
for (let t = 1; t < e.chartData.xAxisPoints.length; t++) {
r.push(e.chartData.xAxisPoints[t] - i)
}
if ((e.type == "line" || e.type == "area") && e.xAxis.boundaryGap == "justify") {
r = e.chartData.xAxisPoints
}
}
if (isInExactChartArea(o, e, t)) {
if (!e.categories) {
let a = Array(n.length);
for (let e = 0; e < n.length; e++) {
a[e] = Array(n[e].length);
for (let t = 0; t < n[e].length; t++) {
a[e][t] = Math.abs(n[e][t].x - o.x)
}
}
let e = Array(a.length);
let i = Array(a.length);
for (let t = 0; t < a.length; t++) {
e[t] = Math.min.apply(null, a[t]);
i[t] = a[t].indexOf(e[t])
}
let r = Math.min.apply(null, e);
l.index = [];
for (let t = 0; t < e.length; t++) {
if (e[t] == r) {
l.group.push(t);
l.index.push(i[t])
}
}
} else {
r.forEach(function(t, e) {
if (o.x + a + i > t) {
l.index = e
}
})
}
}
}
return l
}
function findBarChartCurrentIndex(a, t, e, i) {
var r = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
var o = {
index: -1,
group: []
};
var n = e.chartData.eachSpacing / 2;
let l = e.chartData.yAxisPoints;
if (t && t.length > 0) {
if (isInExactChartArea(a, e, i)) {
l.forEach(function(t, e) {
if (a.y + r + n > t) {
o.index = e
}
})
}
}
return o
}
function findLegendIndex(o, t, e) {
let n = -1;
let l = 0;
if (isInExactLegendArea(o, t.area)) {
let i = t.points;
let r = -1;
for (let t = 0, e = i.length; t < e; t++) {
let a = i[t];
for (let e = 0; e < a.length; e++) {
r += 1;
let t = a[e]["area"];
if (t && o.x > t[0] - l && o.x < t[2] + l && o.y > t[1] - l && o.y < t[3] + l) {
n = r;
break
}
}
}
return n
}
return n
}
function isInExactLegendArea(t, e) {
return t.x > e.start.x && t.x < e.end.x && t.y > e.start.y && t.y < e.end.y
}
function isInExactChartArea(t, e, a) {
return t.x <= e.width - e.area[1] + 10 && t.x >= e.area[3] - 10 && t.y >= e.area[0] && t.y <= e.height - e.area[2]
}
function findRadarChartCurrentIndex(t, e, a) {
var r = 2 * Math.PI / a;
var o = -1;
if (isInExactPieChartArea(t, e.center, e.radius)) {
var n = function t(e) {
if (e < 0) {
e += 2 * Math.PI
}
if (e > 2 * Math.PI) {
e -= 2 * Math.PI
}
return e
};
var l = Math.atan2(e.center.y - t.y, t.x - e.center.x);
l = -1 * l;
if (l < 0) {
l += 2 * Math.PI
}
var i = e.angleList.map(function(t) {
t = n(-1 * t);
return t
});
i.forEach(function(t, e) {
var a = n(t - r / 2);
var i = n(t + r / 2);
if (i < a) {
i += 2 * Math.PI
}
if (l >= a && l <= i || l + 2 * Math.PI >= a && l + 2 * Math.PI <= i) {
o = e
}
})
}
return o
}
function findFunnelChartCurrentIndex(t, e) {
var a = -1;
for (var i = 0, r = e.series.length; i < r; i++) {
var o = e.series[i];
if (t.x > o.funnelArea[0] && t.x < o.funnelArea[2] && t.y > o.funnelArea[1] && t.y < o.funnelArea[3]) {
a = i;
break
}
}
return a
}
function findWordChartCurrentIndex(t, e) {
var a = -1;
for (var i = 0, r = e.length; i < r; i++) {
var o = e[i];
if (t.x > o.area[0] && t.x < o.area[2] && t.y > o.area[1] && t.y < o.area[3]) {
a = i;
break
}
}
return a
}
function findMapChartCurrentIndex(t, e) {
var a = -1;
var i = e.chartData.mapData;
var r = e.series;
var o = pointToCoordinate(t.y, t.x, i.bounds, i.scale, i.xoffset, i.yoffset);
var n = [o.x, o.y];
for (var l = 0, s = r.length; l < s; l++) {
var h = r[l].geometry.coordinates;
if (isPoiWithinPoly(n, h, e.chartData.mapData.mercator)) {
a = l;
break
}
}
return a
}
function findRoseChartCurrentIndex(t, e, a) {
var i = -1;
var r = getRoseDataPoints(a._series_, a.extra.rose.type, e.radius, e.radius);
if (e && e.center && isInExactPieChartArea(t, e.center, e.radius)) {
var o = Math.atan2(e.center.y - t.y, t.x - e.center.x);
o = -o;
if (a.extra.rose && a.extra.rose.offsetAngle) {
o = o - a.extra.rose.offsetAngle * Math.PI / 180
}
for (var n = 0, l = r.length; n < l; n++) {
if (isInAngleRange(o, r[n]._start_, r[n]._start_ + r[n]._rose_proportion_ * 2 * Math.PI)) {
i = n;
break
}
}
}
return i
}
function findPieChartCurrentIndex(t, e, a) {
var i = -1;
var r = getPieDataPoints(e.series);
if (e && e.center && isInExactPieChartArea(t, e.center, e.radius)) {
var o = Math.atan2(e.center.y - t.y, t.x - e.center.x);
o = -o;
if (a.extra.pie && a.extra.pie.offsetAngle) {
o = o - a.extra.pie.offsetAngle * Math.PI / 180
}
if (a.extra.ring && a.extra.ring.offsetAngle) {
o = o - a.extra.ring.offsetAngle * Math.PI / 180
}
for (var n = 0, l = r.length; n < l; n++) {
if (isInAngleRange(o, r[n]._start_, r[n]._start_ + r[n]._proportion_ * 2 * Math.PI)) {
i = n;
break
}
}
}
return i
}
function isInExactPieChartArea(t, e, a) {
return Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2) <= Math.pow(a, 2)
}
function splitPoints(t, a) {
var i = [];
var r = [];
t.forEach(function(t, e) {
if (a.connectNulls) {
if (t !== null) {
r.push(t)
}
} else {
if (t !== null) {
r.push(t)
} else {
if (r.length) {
i.push(r)
}
r = []
}
}
});
if (r.length) {
i.push(r)
}
return i
}
function calLegendData(l, s, e, t, h) {
let c = {
area: {
start: {
x: 0,
y: 0
},
end: {
x: 0,
y: 0
},
width: 0,
height: 0,
wholeWidth: 0,
wholeHeight: 0
},
points: [],
widthArr: [],
heightArr: []
};
if (s.legend.show === false) {
t.legendData = c;
return c
}
let d = s.legend.padding * s.pix;
let x = s.legend.margin * s.pix;
let f = s.legend.fontSize ? s.legend.fontSize * s.pix : e.fontSize;
let p = 15 * s.pix;
let g = 5 * s.pix;
let u = Math.max(s.legend.lineHeight * s.pix, f);
if (s.legend.position == "top" || s.legend.position == "bottom") {
let i = [];
let r = 0;
let o = [];
let n = [];
for (let a = 0; a < l.length; a++) {
let t = l[a];
const y = t.legendText ? t.legendText : t.name;
let e = p + g + measureText(y || "undefined", f, h) + s.legend.itemGap * s.pix;
if (r + e > s.width - s.area[1] - s.area[3]) {
i.push(n);
o.push(r - s.legend.itemGap * s.pix);
r = e;
n = [t]
} else {
r += e;
n.push(t)
}
}
if (n.length) {
i.push(n);
o.push(r - s.legend.itemGap * s.pix);
c.widthArr = o;
let t = Math.max.apply(null, o);
switch (s.legend.float) {
case "left":
c.area.start.x = s.area[3];
c.area.end.x = s.area[3] + t + 2 * d;
break;
case "right":
c.area.start.x = s.width - s.area[1] - t - 2 * d;
c.area.end.x = s.width - s.area[1];
break;
default:
c.area.start.x = (s.width - t) / 2 - d;
c.area.end.x = (s.width + t) / 2 + d
}
c.area.width = t + 2 * d;
c.area.wholeWidth = t + 2 * d;
c.area.height = i.length * u + 2 * d;
c.area.wholeHeight = i.length * u + 2 * d + 2 * x;
c.points = i
}
} else {
let t = l.length;
let e = s.height - s.area[0] - s.area[2] - 2 * x - 2 * d;
let a = Math.min(Math.floor(e / u), t);
c.area.height = a * u + d * 2;
c.area.wholeHeight = a * u + d * 2;
switch (s.legend.float) {
case "top":
c.area.start.y = s.area[0] + x;
c.area.end.y = s.area[0] + x + c.area.height;
break;
case "bottom":
c.area.start.y = s.height - s.area[2] - x - c.area.height;
c.area.end.y = s.height - s.area[2] - x;
break;
default:
c.area.start.y = (s.height - c.area.height) / 2;
c.area.end.y = (s.height + c.area.height) / 2
}
let i = t % a === 0 ? t / a : Math.floor(t / a + 1);
let r = [];
for (let e = 0; e < i; e++) {
let t = l.slice(e * a, e * a + a);
r.push(t)
}
c.points = r;
if (r.length) {
for (let t = 0; t < r.length; t++) {
let a = r[t];
let i = 0;
for (let e = 0; e < a.length; e++) {
let t = p + g + measureText(a[e].name || "undefined", f, h) + s.legend.itemGap * s.pix;
if (t > i) {
i = t
}
}
c.widthArr.push(i);
c.heightArr.push(a.length * u + d * 2)
}
let e = 0;
for (let t = 0; t < c.widthArr.length; t++) {
e += c.widthArr[t]
}
c.area.width = e - s.legend.itemGap * s.pix + 2 * d;
c.area.wholeWidth = c.area.width + d
}
}
switch (s.legend.position) {
case "top":
c.area.start.y = s.area[0] + x;
c.area.end.y = s.area[0] + x + c.area.height;
break;
case "bottom":
c.area.start.y = s.height - s.area[2] - c.area.height - x;
c.area.end.y = s.height - s.area[2] - x;
break;
case "left":
c.area.start.x = s.area[3];
c.area.end.x = s.area[3] + c.area.width;
break;
case "right":
c.area.start.x = s.width - s.area[1] - c.area.width;
c.area.end.x = s.width - s.area[1];
break
}
t.legendData = c;
return c
}
function calCategoriesData(t, i, e, a, r) {
var o = {
angle: 0,
xAxisHeight: i.xAxis.lineHeight * i.pix + i.xAxis.marginTop * i.pix
};
var n = i.xAxis.fontSize * i.pix;
var l = t.map(function(t, e) {
var a = i.xAxis.formatter ? i.xAxis.formatter(t, e, i) : t;
return measureText(String(a), n, r)
});
var s = Math.max.apply(this, l);
if (i.xAxis.rotateLabel == true) {
o.angle = i.xAxis.rotateAngle * Math.PI / 180;
let t = i.xAxis.marginTop * i.pix * 2 + Math.abs(s * Math.sin(o.angle));
t = t < n + i.xAxis.marginTop * i.pix * 2 ? t + i.xAxis.marginTop * i.pix * 2 : t;
o.xAxisHeight = t
}
if (i.enableScroll && i.xAxis.scrollShow) {
o.xAxisHeight += 6 * i.pix
}
if (i.xAxis.disabled) {
o.xAxisHeight = 0
}
return o
}
function getXAxisTextList(t, e, h, c) {
var a = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : -1;
var i;
if (c == "stack") {
i = dataCombineStack(t, e.categories.length)
} else {
i = dataCombine(t)
}
var r = [];
i = i.filter(function(t) {
if (typeof t === "object" && t !== null) {
if (t.constructor.toString().indexOf("Array") > -1) {
return t !== null
} else {
return t.value !== null
}
} else {
return t !== null
}
});
i.map(function(t) {
if (typeof t === "object") {
if (t.constructor.toString().indexOf("Array") > -1) {
if (e.type == "candle") {
t.map(function(t) {
r.push(t)
})
} else {
r.push(t[0])
}
} else {
r.push(t.value)
}
} else {
r.push(t)
}
});
var o = 0;
var n = 0;
if (r.length > 0) {
o = Math.min.apply(this, r);
n = Math.max.apply(this, r)
}
if (a > -1) {
if (typeof e.xAxis.data[a].min === "number") {
o = Math.min(e.xAxis.data[a].min, o)
}
if (typeof e.xAxis.data[a].max === "number") {
n = Math.max(e.xAxis.data[a].max, n)
}
} else {
if (typeof e.xAxis.min === "number") {
o = Math.min(e.xAxis.min, o)
}
if (typeof e.xAxis.max === "number") {
n = Math.max(e.xAxis.max, n)
}
}
if (o === n) {
var d = n || 10;
n += d
}
var l = o;
var x = n;
var f = [];
var p = (x - l) / e.xAxis.splitNumber;
for (var s = 0; s <= e.xAxis.splitNumber; s++) {
f.push(l + p * s)
}
return f
}
function calXAxisData(t, e, a, i) {
var r = assign({}, {
type: ""
}, e.extra.bar);
var o = {
angle: 0,
xAxisHeight: e.xAxis.lineHeight * e.pix + e.xAxis.marginTop * e.pix
};
o.ranges = getXAxisTextList(t, e, a, r.type);
o.rangesFormat = o.ranges.map(function(t) {
t = util.toFixed(t, 2);
return t
});
var n = o.ranges.map(function(t) {
t = util.toFixed(t, 2);
return t
});
o = Object.assign(o, getXAxisPoints(n, e, a));
var l = o.eachSpacing;
var s = n.map(function(t) {
return measureText(t, e.xAxis.fontSize * e.pix, i)
});
if (e.xAxis.disabled === true) {
o.xAxisHeight = 0
}
return o
}
function getRadarDataPoints(r, o, n, a, t) {
var l = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;
var e = t.extra.radar || {};
e.max = e.max || 0;
var s = Math.max(e.max, Math.max.apply(null, dataCombine(a)));
var h = [];
for (let e = 0; e < a.length; e++) {
let t = a[e];
let i = {};
i.color = t.color;
i.legendShape = t.legendShape;
i.pointShape = t.pointShape;
i.data = [];
t.data.forEach(function(t, e) {
let a = {};
a.angle = r[e];
a.proportion = t / s;
a.value = t;
a.position = convertCoordinateOrigin(n * a.proportion * l * Math.cos(a.angle), n * a.proportion * l * Math
.sin(a.angle), o);
i.data.push(a)
});
h.push(i)
}
return h
}
function getPieDataPoints(a, i) {
var r = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
var o = 0;
var n = 0;
for (let e = 0; e < a.length; e++) {
let t = a[e];
t.data = t.data === null ? 0 : t.data;
o += t.data
}
for (let e = 0; e < a.length; e++) {
let t = a[e];
t.data = t.data === null ? 0 : t.data;
if (o === 0) {
t._proportion_ = 1 / a.length * r
} else {
t._proportion_ = t.data / o * r
}
t._radius_ = i
}
for (let e = 0; e < a.length; e++) {
let t = a[e];
t._start_ = n;
n += 2 * t._proportion_ * Math.PI
}
return a
}
function getFunnelDataPoints(e, a, i, r) {
var o = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
for (let t = 0; t < e.length; t++) {
if (i.type == "funnel") {
e[t].radius = e[t].data / e[0].data * a * o
} else {
e[t].radius = r * (e.length - t) / (r * e.length) * a * o
}
e[t]._proportion_ = e[t].data / e[0].data
}
return e
}
function getRoseDataPoints(a, i, r, o) {
var n = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
var l = 0;
var s = 0;
var h = [];
for (let e = 0; e < a.length; e++) {
let t = a[e];
t.data = t.data === null ? 0 : t.data;
l += t.data;
h.push(t.data)
}
var c = Math.min.apply(null, h);
var d = Math.max.apply(null, h);
var x = o - r;
for (let e = 0; e < a.length; e++) {
let t = a[e];
t.data = t.data === null ? 0 : t.data;
if (l === 0) {
t._proportion_ = 1 / a.length * n;
t._rose_proportion_ = 1 / a.length * n
} else {
t._proportion_ = t.data / l * n;
if (i == "area") {
t._rose_proportion_ = 1 / a.length * n
} else {
t._rose_proportion_ = t.data / l * n
}
}
t._radius_ = r + x * ((t.data - c) / (d - c)) || o
}
for (let e = 0; e < a.length; e++) {
let t = a[e];
t._start_ = s;
s += 2 * t._rose_proportion_ * Math.PI
}
return a
}
function getArcbarDataPoints(i, r) {
var o = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
if (o == 1) {
o = .999999
}
for (let a = 0; a < i.length; a++) {
let t = i[a];
t.data = t.data === null ? 0 : t.data;
let e;
if (r.type == "circle") {
e = 2
} else {
if (r.direction == "ccw") {
if (r.startAngle < r.endAngle) {
e = 2 + r.startAngle - r.endAngle
} else {
e = r.startAngle - r.endAngle
}
} else {
if (r.endAngle < r.startAngle) {
e = 2 + r.endAngle - r.startAngle
} else {
e = r.startAngle - r.endAngle
}
}
}
t._proportion_ = e * t.data * o + r.startAngle;
if (r.direction == "ccw") {
t._proportion_ = r.startAngle - e * t.data * o
}
if (t._proportion_ >= 2) {
t._proportion_ = t._proportion_ % 2
}
}
return i
}
function getGaugeArcbarDataPoints(i, r) {
var o = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
if (o == 1) {
o = .999999
}
for (let a = 0; a < i.length; a++) {
let t = i[a];
t.data = t.data === null ? 0 : t.data;
let e;
if (r.type == "circle") {
e = 2
} else {
if (r.endAngle < r.startAngle) {
e = 2 + r.endAngle - r.startAngle
} else {
e = r.startAngle - r.endAngle
}
}
t._proportion_ = e * t.data * o + r.startAngle;
if (t._proportion_ >= 2) {
t._proportion_ = t._proportion_ % 2
}
}
return i
}
function getGaugeAxisPoints(e, a, t) {
let i;
if (t < a) {
i = 2 + t - a
} else {
i = a - t
}
let r = a;
for (let t = 0; t < e.length; t++) {
e[t].value = e[t].value === null ? 0 : e[t].value;
e[t]._startAngle_ = r;
e[t]._endAngle_ = i * e[t].value + a;
if (e[t]._endAngle_ >= 2) {
e[t]._endAngle_ = e[t]._endAngle_ % 2
}
r = e[t]._endAngle_
}
return e
}
function getGaugeDataPoints(i, r, o) {
let n = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
for (let a = 0; a < i.length; a++) {
let e = i[a];
e.data = e.data === null ? 0 : e.data;
if (o.pointer.color == "auto") {
for (let t = 0; t < r.length; t++) {
if (e.data <= r[t].value) {
e.color = r[t].color;
break
}
}
} else {
e.color = o.pointer.color
}
let t;
if (o.endAngle < o.startAngle) {
t = 2 + o.endAngle - o.startAngle
} else {
t = o.startAngle - o.endAngle
}
e._endAngle_ = t * e.data + o.startAngle;
e._oldAngle_ = o.oldAngle;
if (o.oldAngle < o.endAngle) {
e._oldAngle_ += 2
}
if (e.data >= o.oldData) {
e._proportion_ = (e._endAngle_ - e._oldAngle_) * n + o.oldAngle
} else {
e._proportion_ = e._oldAngle_ - (e._oldAngle_ - e._endAngle_) * n
}
if (e._proportion_ >= 2) {
e._proportion_ = e._proportion_ % 2
}
}
return i
}
function getPieTextMaxLength(i, r, o, n) {
i = getPieDataPoints(i);
let l = 0;
for (let a = 0; a < i.length; a++) {
let t = i[a];
let e = t.formatter ? t.formatter(+t._proportion_.toFixed(2)) : util.toFixed(t._proportion_ * 100) + "%";
l = Math.max(l, measureText(e, t.textSize * n.pix || r.fontSize, o))
}
return l
}
function fixColumeData(t, i, r, o, e, n) {
return t.map(function(t) {
if (t === null) {
return null
}
var e = 0;
var a = 0;
if (n.type == "mix") {
e = n.extra.mix.column.seriesGap * n.pix || 0;
a = n.extra.mix.column.categoryGap * n.pix || 0
} else {
e = n.extra.column.seriesGap * n.pix || 0;
a = n.extra.column.categoryGap * n.pix || 0
}
e = Math.min(e, i / r);
a = Math.min(a, i / r);
t.width = Math.ceil((i - 2 * a - e * (r - 1)) / r);
if (n.extra.mix && n.extra.mix.column.width && +n.extra.mix.column.width > 0) {
t.width = Math.min(t.width, +n.extra.mix.column.width * n.pix)
}
if (n.extra.column && n.extra.column.width && +n.extra.column.width > 0) {
t.width = Math.min(t.width, +n.extra.column.width * n.pix)
}
if (t.width <= 0) {
t.width = 1
}
t.x += (o + .5 - r / 2) * (t.width + e);
return t
})
}
function fixBarData(t, i, r, o, e, n) {
return t.map(function(t) {
if (t === null) {
return null
}
var e = 0;
var a = 0;
e = n.extra.bar.seriesGap * n.pix || 0;
a = n.extra.bar.categoryGap * n.pix || 0;
e = Math.min(e, i / r);
a = Math.min(a, i / r);
t.width = Math.ceil((i - 2 * a - e * (r - 1)) / r);
if (n.extra.bar && n.extra.bar.width && +n.extra.bar.width > 0) {
t.width = Math.min(t.width, +n.extra.bar.width * n.pix)
}
if (t.width <= 0) {
t.width = 1
}
t.y += (o + .5 - r / 2) * (t.width + e);
return t
})
}
function fixColumeMeterData(t, e, a, i, r, o, n) {
var l = o.extra.column.categoryGap * o.pix || 0;
return t.map(function(t) {
if (t === null) {
return null
}
t.width = e - 2 * l;
if (o.extra.column && o.extra.column.width && +o.extra.column.width > 0) {
t.width = Math.min(t.width, +o.extra.column.width * o.pix)
}
if (i > 0) {
t.width -= n
}
return t
})
}
function fixColumeStackData(t, a, e, i, r, o, n) {
var l = o.extra.column.categoryGap * o.pix || 0;
return t.map(function(t, e) {
if (t === null) {
return null
}
t.width = Math.ceil(a - 2 * l);
if (o.extra.column && o.extra.column.width && +o.extra.column.width > 0) {
t.width = Math.min(t.width, +o.extra.column.width * o.pix)
}
if (t.width <= 0) {
t.width = 1
}
return t
})
}
function fixBarStackData(t, a, e, i, r, o, n) {
var l = o.extra.bar.categoryGap * o.pix || 0;
return t.map(function(t, e) {
if (t === null) {
return null
}
t.width = Math.ceil(a - 2 * l);
if (o.extra.bar && o.extra.bar.width && +o.extra.bar.width > 0) {
t.width = Math.min(t.width, +o.extra.bar.width * o.pix)
}
if (t.width <= 0) {
t.width = 1
}
return t
})
}
function getXAxisPoints(t, e, h) {
var a = e.width - e.area[1] - e.area[3];
var i = e.enableScroll ? Math.min(e.xAxis.itemCount, t.length) : t.length;
if ((e.type == "line" || e.type == "area" || e.type == "scatter" || e.type == "bubble" || e.type == "bar") && i > 1 &&
e.xAxis.boundaryGap == "justify") {
i -= 1
}
var r = 0;
if (e.type == "mount" && e.extra && e.extra.mount && e.extra.mount.widthRatio && e.extra.mount.widthRatio > 1) {
if (e.extra.mount.widthRatio > 2) e.extra.mount.widthRatio = 2;
r = e.extra.mount.widthRatio - 1;
i += r
}
var o = a / i;
var n = [];
var l = e.area[3];
var s = e.width - e.area[1];
t.forEach(function(t, e) {
n.push(l + r / 2 * o + e * o)
});
if (e.xAxis.boundaryGap !== "justify") {
if (e.enableScroll === true) {
n.push(l + r * o + t.length * o)
} else {
n.push(s)
}
}
return {
xAxisPoints: n,
startX: l,
endX: s,
eachSpacing: o
}
}
function getCandleDataPoints(t, l, s, h, c, d, a) {
var x = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 1;
var e = [];
var f = d.height - d.area[0] - d.area[2];
t.forEach(function(t, o) {
if (t === null) {
e.push(null)
} else {
var n = [];
t.forEach(function(t, e) {
var a = {};
a.x = h[o] + Math.round(c / 2);
var i = t.value || t;
var r = f * (i - l) / (s - l);
r *= x;
a.y = d.height - Math.round(r) - d.area[2];
n.push(a)
});
e.push(n)
}
});
return e
}
function getDataPoints(t, a, n, l, s, h, e) {
var c = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 1;
var d = "center";
if (h.type == "line" || h.type == "area" || h.type == "scatter" || h.type == "bubble") {
d = h.xAxis.boundaryGap
}
var x = [];
var f = h.height - h.area[0] - h.area[2];
var p = h.width - h.area[1] - h.area[3];
t.forEach(function(i, t) {
if (i === null) {
x.push(null)
} else {
var r = {};
r.color = i.color;
r.x = l[t];
var o = i;
if (typeof i === "object" && i !== null) {
if (i.constructor.toString().indexOf("Array") > -1) {
let t, e, a;
t = [].concat(h.chartData.xAxisData.ranges);
e = t.shift();
a = t.pop();
o = i[1];
r.x = h.area[3] + p * (i[0] - e) / (a - e);
if (h.type == "bubble") {
r.r = i[2];
r.t = i[3]
}
} else {
o = i.value
}
}
if (d == "center") {
r.x += s / 2
}
var e = f * (o - a) / (n - a);
e *= c;
r.y = h.height - e - h.area[2];
x.push(r)
}
});
return x
}
function getLineDataPoints(t, a, n, l, s, h, e, p, c) {
var c = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
var d = h.xAxis.boundaryGap;
var x = [];
var f = h.height - h.area[0] - h.area[2];
var u = h.width - h.area[1] - h.area[3];
t.forEach(function(i, t) {
if (i === null) {
x.push(null)
} else {
var r = {};
r.color = i.color;
if (p.animation == "vertical") {
r.x = l[t];
var o = i;
if (typeof i === "object" && i !== null) {
if (i.constructor.toString().indexOf("Array") > -1) {
let t, e, a;
t = [].concat(h.chartData.xAxisData.ranges);
e = t.shift();
a = t.pop();
o = i[1];
r.x = h.area[3] + u * (i[0] - e) / (a - e)
} else {
o = i.value
}
}
if (d == "center") {
r.x += s / 2
}
var e = f * (o - a) / (n - a);
e *= c;
r.y = h.height - e - h.area[2];
x.push(r)
} else {
r.x = l[0] + s * t * c;
var o = i;
if (d == "center") {
r.x += s / 2
}
var e = f * (o - a) / (n - a);
r.y = h.height - e - h.area[2];
x.push(r)
}
}
});
return x
}
function getColumnDataPoints(t, a, n, l, s, h, e, i, c) {
var c = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
var d = [];
var x = h.height - h.area[0] - h.area[2];
var f = h.width - h.area[1] - h.area[3];
t.forEach(function(i, t) {
if (i === null) {
d.push(null)
} else {
var r = {};
r.color = i.color;
r.x = l[t];
var o = i;
if (typeof i === "object" && i !== null) {
if (i.constructor.toString().indexOf("Array") > -1) {
let t, e, a;
t = [].concat(h.chartData.xAxisData.ranges);
e = t.shift();
a = t.pop();
o = i[1];
r.x = h.area[3] + f * (i[0] - e) / (a - e)
} else {
o = i.value
}
}
r.x += s / 2;
var e = x * (o * c - a) / (n - a);
r.y = h.height - e - h.area[2];
d.push(r)
}
});
return d
}
function getMountDataPoints(t, o, n, l, s, h, e, a) {
var c = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 1;
var d = [];
var x = h.height - h.area[0] - h.area[2];
var i = h.width - h.area[1] - h.area[3];
var f = s * e.widthRatio;
t.forEach(function(t, e) {
if (t === null) {
d.push(null)
} else {
var a = {};
a.color = t.color;
a.x = l[e];
a.x += s / 2;
var i = t.data;
var r = x * (i * c - o) / (n - o);
a.y = h.height - r - h.area[2];
a.value = i;
a.width = f;
d.push(a)
}
});
return d
}
function getBarDataPoints(t, o, n, l, e, s, a) {
var h = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 1;
var c = [];
var i = s.height - s.area[0] - s.area[2];
var d = s.width - s.area[1] - s.area[3];
t.forEach(function(t, e) {
if (t === null) {
c.push(null)
} else {
var a = {};
a.color = t.color;
a.y = l[e];
var i = t;
if (typeof t === "object" && t !== null) {
i = t.value
}
var r = d * (i - o) / (n - o);
r *= h;
a.height = r;
a.value = i;
a.x = r + s.area[3];
c.push(a)
}
});
return c
}
function getStackDataPoints(t, s, h, c, g, d, e, x, y) {
var f = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : 1;
var p = [];
var u = d.height - d.area[0] - d.area[2];
t.forEach(function(t, e) {
if (t === null) {
p.push(null)
} else {
var a = {};
a.color = t.color;
a.x = c[e] + Math.round(g / 2);
if (x > 0) {
var i = 0;
for (let t = 0; t <= x; t++) {
i += y[t].data[e]
}
var r = i - t;
var o = u * (i - s) / (h - s);
var n = u * (r - s) / (h - s)
} else {
var i = t;
if (typeof t === "object" && t !== null) {
i = t.value
}
var o = u * (i - s) / (h - s);
var n = 0
}
var l = n;
o *= f;
l *= f;
a.y = d.height - Math.round(o) - d.area[2];
a.y0 = d.height - Math.round(l) - d.area[2];
p.push(a)
}
});
return p
}
function getBarStackDataPoints(t, s, h, c, e, d, a, x, g) {
var f = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : 1;
var p = [];
var u = d.width - d.area[1] - d.area[3];
t.forEach(function(t, e) {
if (t === null) {
p.push(null)
} else {
var a = {};
a.color = t.color;
a.y = c[e];
if (x > 0) {
var i = 0;
for (let t = 0; t <= x; t++) {
i += g[t].data[e]
}
var r = i - t;
var o = u * (i - s) / (h - s);
var n = u * (r - s) / (h - s)
} else {
var i = t;
if (typeof t === "object" && t !== null) {
i = t.value
}
var o = u * (i - s) / (h - s);
var n = 0
}
var l = n;
o *= f;
l *= f;
a.height = o - l;
a.x = d.area[3] + o;
a.x0 = d.area[3] + l;
p.push(a)
}
});
return p
}
function getYAxisTextList(t, e, h, c, a) {
var d = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : -1;
var i;
if (c == "stack") {
i = dataCombineStack(t, e.categories.length)
} else {
i = dataCombine(t)
}
var r = [];
i = i.filter(function(t) {
if (typeof t === "object" && t !== null) {
if (t.constructor.toString().indexOf("Array") > -1) {
return t !== null
} else {
return t.value !== null
}
} else {
return t !== null
}
});
i.map(function(t) {
if (typeof t === "object") {
if (t.constructor.toString().indexOf("Array") > -1) {
if (e.type == "candle") {
t.map(function(t) {
r.push(t)
})
} else {
r.push(t[1])
}
} else {
r.push(t.value)
}
} else {
r.push(t)
}
});
var o = a.min || 0;
var n = a.max || 0;
if (r.length > 0) {
o = Math.min.apply(this, r);
n = Math.max.apply(this, r)
}
if (o === n) {
if (n == 0) {
n = 10
} else {
o = 0
}
}
var l = getDataRange(o, n);
var x = a.min === undefined || a.min === null ? l.minRange : a.min;
var f = a.max === undefined || a.max === null ? l.maxRange : a.max;
var p = (f - x) / e.yAxis.splitNumber;
var u = [];
for (var s = 0; s <= e.yAxis.splitNumber; s++) {
u.push(x + p * s)
}
return u.reverse()
}
function calYAxisData(a, o, e, n) {
var l = assign({}, {
type: ""
}, o.extra.column);
var t = o.yAxis.data.length;
var s = new Array(t);
if (t > 0) {
for (let e = 0; e < t; e++) {
s[e] = [];
for (let t = 0; t < a.length; t++) {
if (a[t].index == e) {
s[e].push(a[t])
}
}
}
var h = new Array(t);
var c = new Array(t);
var d = new Array(t);
for (let r = 0; r < t; r++) {
let i = o.yAxis.data[r];
if (o.yAxis.disabled == true) {
i.disabled = true
}
if (i.type === "categories") {
if (!i.formatter) {
i.formatter = (t, e, a) => {
return t + (i.unit || "")
}
}
i.categories = i.categories || o.categories;
h[r] = i.categories
} else {
if (!i.formatter) {
i.formatter = (t, e, a) => {
return util.toFixed(t, i.tofix || 0) + (i.unit || "")
}
}
h[r] = getYAxisTextList(s[r], o, e, l.type, i, r)
}
let a = i.fontSize * o.pix || e.fontSize;
d[r] = {
position: i.position ? i.position : "left",
width: 0
};
c[r] = h[r].map(function(t, e) {
t = i.formatter(t, e, o);
d[r].width = Math.max(d[r].width, measureText(t, a, n) + 5);
return t
});
let t = i.calibration ? 4 * o.pix : 0;
d[r].width += t + 3 * o.pix;
if (i.disabled === true) {
d[r].width = 0
}
}
} else {
var h = new Array(1);
var c = new Array(1);
var d = new Array(1);
if (o.type === "bar") {
h[0] = o.categories;
if (!o.yAxis.formatter) {
o.yAxis.formatter = (t, e, a) => {
return t + (a.yAxis.unit || "")
}
}
} else {
if (!o.yAxis.formatter) {
o.yAxis.formatter = (t, e, a) => {
return t.toFixed(a.yAxis.tofix) + (a.yAxis.unit || "")
}
}
h[0] = getYAxisTextList(a, o, e, l.type, {})
}
d[0] = {
position: "left",
width: 0
};
var i = o.yAxis.fontSize * o.pix || e.fontSize;
c[0] = h[0].map(function(t, e) {
t = o.yAxis.formatter(t, e, o);
d[0].width = Math.max(d[0].width, measureText(t, i, n) + 5);
return t
});
d[0].width += 3 * o.pix;
if (o.yAxis.disabled === true) {
d[0] = {
position: "left",
width: 0
};
o.yAxis.data[0] = {
disabled: true
}
} else {
o.yAxis.data[0] = {
disabled: false,
position: "left",
max: o.yAxis.max,
min: o.yAxis.min,
formatter: o.yAxis.formatter
};
if (o.type === "bar") {
o.yAxis.data[0].categories = o.categories;
o.yAxis.data[0].type = "categories"
}
}
}
return {
rangesFormat: c,
ranges: h,
yAxisWidth: d
}
}
function calTooltipYAxisData(r, t, o, e, a) {
let n = [].concat(o.chartData.yAxisData.ranges);
let l = o.height - o.area[0] - o.area[2];
let s = o.area[0];
let h = [];
for (let i = 0; i < n.length; i++) {
let t = Math.max.apply(this, n[i]);
let e = Math.min.apply(this, n[i]);
let a = t - (t - e) * (r - s) / l;
a = o.yAxis.data && o.yAxis.data[i].formatter ? o.yAxis.data[i].formatter(a, i, o) : a.toFixed(0);
h.push(String(a))
}
return h
}
function calMarkLineData(i, r) {
let o, n;
let l = r.height - r.area[0] - r.area[2];
for (let a = 0; a < i.length; a++) {
i[a].yAxisIndex = i[a].yAxisIndex ? i[a].yAxisIndex : 0;
let t = [].concat(r.chartData.yAxisData.ranges[i[a].yAxisIndex]);
o = t.pop();
n = t.shift();
let e = l * (i[a].value - o) / (n - o);
i[a].y = r.height - Math.round(e) - r.area[2]
}
return i
}
function contextRotate(t, e) {
if (e.rotateLock !== true) {
t.translate(e.height, 0);
t.rotate(90 * Math.PI / 180)
} else if (e._rotate_ !== true) {
t.translate(e.height, 0);
t.rotate(90 * Math.PI / 180);
e._rotate_ = true
}
}
function drawPointShape(t, e, a, i, r) {
i.beginPath();
if (r.dataPointShapeType == "hollow") {
i.setStrokeStyle(e);
i.setFillStyle(r.background);
i.setLineWidth(2 * r.pix)
} else {
i.setStrokeStyle("#ffffff");
i.setFillStyle(e);
i.setLineWidth(1 * r.pix)
}
if (a === "diamond") {
t.forEach(function(t, e) {
if (t !== null) {
i.moveTo(t.x, t.y - 4.5);
i.lineTo(t.x - 4.5, t.y);
i.lineTo(t.x, t.y + 4.5);
i.lineTo(t.x + 4.5, t.y);
i.lineTo(t.x, t.y - 4.5)
}
})
} else if (a === "circle") {
t.forEach(function(t, e) {
if (t !== null) {
i.moveTo(t.x + 2.5 * r.pix, t.y);
i.arc(t.x, t.y, 3 * r.pix, 0, 2 * Math.PI, false)
}
})
} else if (a === "square") {
t.forEach(function(t, e) {
if (t !== null) {
i.moveTo(t.x - 3.5, t.y - 3.5);
i.rect(t.x - 3.5, t.y - 3.5, 7, 7)
}
})
} else if (a === "triangle") {
t.forEach(function(t, e) {
if (t !== null) {
i.moveTo(t.x, t.y - 4.5);
i.lineTo(t.x - 4.5, t.y + 4.5);
i.lineTo(t.x + 4.5, t.y + 4.5);
i.lineTo(t.x, t.y - 4.5)
}
})
} else if (a === "none") {
return
}
i.closePath();
i.fill();
i.stroke()
}
function drawActivePoint(t, e, a, i, r, o, n) {
if (!r.tooltip) {
return
}
if (r.tooltip.group.length > 0 && r.tooltip.group.includes(n) == false) {
return
}
var l = typeof r.tooltip.index === "number" ? r.tooltip.index : r.tooltip.index[r.tooltip.group.indexOf(n)];
i.beginPath();
if (o.activeType == "hollow") {
i.setStrokeStyle(e);
i.setFillStyle(r.background);
i.setLineWidth(2 * r.pix)
} else {
i.setStrokeStyle("#ffffff");
i.setFillStyle(e);
i.setLineWidth(1 * r.pix)
}
if (a === "diamond") {
t.forEach(function(t, e) {
if (t !== null && l == e) {
i.moveTo(t.x, t.y - 4.5);
i.lineTo(t.x - 4.5, t.y);
i.lineTo(t.x, t.y + 4.5);
i.lineTo(t.x + 4.5, t.y);
i.lineTo(t.x, t.y - 4.5)
}
})
} else if (a === "circle") {
t.forEach(function(t, e) {
if (t !== null && l == e) {
i.moveTo(t.x + 2.5 * r.pix, t.y);
i.arc(t.x, t.y, 3 * r.pix, 0, 2 * Math.PI, false)
}
})
} else if (a === "square") {
t.forEach(function(t, e) {
if (t !== null && l == e) {
i.moveTo(t.x - 3.5, t.y - 3.5);
i.rect(t.x - 3.5, t.y - 3.5, 7, 7)
}
})
} else if (a === "triangle") {
t.forEach(function(t, e) {
if (t !== null && l == e) {
i.moveTo(t.x, t.y - 4.5);
i.lineTo(t.x - 4.5, t.y + 4.5);
i.lineTo(t.x + 4.5, t.y + 4.5);
i.lineTo(t.x, t.y - 4.5)
}
})
} else if (a === "none") {
return
}
i.closePath();
i.fill();
i.stroke()
}
function drawRingTitle(t, e, a, i) {
var r = t.title.fontSize || e.titleFontSize;
var o = t.subtitle.fontSize || e.subtitleFontSize;
var n = t.title.name || "";
var l = t.subtitle.name || "";
var c = t.title.color || t.fontColor;
var d = t.subtitle.color || t.fontColor;
var x = n ? r : 0;
var f = l ? o : 0;
var s = 5;
if (l) {
var p = measureText(l, o * t.pix, a);
var u = i.x - p / 2 + (t.subtitle.offsetX || 0) * t.pix;
var h = i.y + o * t.pix / 2 + (t.subtitle.offsetY || 0) * t.pix;
if (n) {
h += (x * t.pix + s) / 2
}
a.beginPath();
a.setFontSize(o * t.pix);
a.setFillStyle(d);
a.fillText(l, u, h);
a.closePath();
a.stroke()
}
if (n) {
var g = measureText(n, r * t.pix, a);
var y = i.x - g / 2 + (t.title.offsetX || 0);
var v = i.y + r * t.pix / 2 + (t.title.offsetY || 0) * t.pix;
if (l) {
v -= (f * t.pix + s) / 2
}
a.beginPath();
a.setFontSize(r * t.pix);
a.setFillStyle(c);
a.fillText(n, y, v);
a.closePath();
a.stroke()
}
}
function drawPointText(t, o, n, l, s) {
var h = o.data;
var c = o.textOffset ? o.textOffset : 0;
t.forEach(function(t, e) {
if (t !== null) {
l.beginPath();
var a = o.textSize ? o.textSize * s.pix : n.fontSize;
l.setFontSize(a);
l.setFillStyle(o.textColor || s.fontColor);
var i = h[e];
if (typeof h[e] === "object" && h[e] !== null) {
if (h[e].constructor.toString().indexOf("Array") > -1) {
i = h[e][1]
} else {
i = h[e].value
}
}
var r = o.formatter ? o.formatter(i, e, o, s) : i;
l.setTextAlign("center");
l.fillText(String(r), t.x, t.y - 4 + c * s.pix);
l.closePath();
l.stroke();
l.setTextAlign("left")
}
})
}
function drawColumePointText(t, n, l, s, h) {
var c = n.data;
var d = n.textOffset ? n.textOffset : 0;
var x = h.extra.column.labelPosition;
t.forEach(function(t, e) {
if (t !== null) {
s.beginPath();
var a = n.textSize ? n.textSize * h.pix : l.fontSize;
s.setFontSize(a);
s.setFillStyle(n.textColor || h.fontColor);
var i = c[e];
if (typeof c[e] === "object" && c[e] !== null) {
if (c[e].constructor.toString().indexOf("Array") > -1) {
i = c[e][1]
} else {
i = c[e].value
}
}
var r = n.formatter ? n.formatter(i, e, n, h) : i;
s.setTextAlign("center");
var o = t.y - 4 * h.pix + d * h.pix;
if (t.y > n.zeroPoints) {
o = t.y + d * h.pix + a
}
if (x == "insideTop") {
o = t.y + a + d * h.pix;
if (t.y > n.zeroPoints) {
o = t.y - d * h.pix - 4 * h.pix
}
}
if (x == "center") {
o = t.y + d * h.pix + (h.height - h.area[2] - t.y + a) / 2;
if (n.zeroPoints < h.height - h.area[2]) {
o = t.y + d * h.pix + (n.zeroPoints - t.y + a) / 2
}
if (t.y > n.zeroPoints) {
o = t.y - d * h.pix - (t.y - n.zeroPoints - a) / 2
}
if (h.extra.column.type == "stack") {
o = t.y + d * h.pix + (t.y0 - t.y + a) / 2
}
}
if (x == "bottom") {
o = h.height - h.area[2] + d * h.pix - 4 * h.pix;
if (n.zeroPoints < h.height - h.area[2]) {
o = n.zeroPoints + d * h.pix - 4 * h.pix
}
if (t.y > n.zeroPoints) {
o = n.zeroPoints - d * h.pix + a + 2 * h.pix
}
if (h.extra.column.type == "stack") {
o = t.y0 + d * h.pix - 4 * h.pix
}
}
s.fillText(String(r), t.x, o);
s.closePath();
s.stroke();
s.setTextAlign("left")
}
})
}
function drawMountPointText(t, n, l, s, h, c) {
var e = n.data;
var d = n.textOffset ? n.textOffset : 0;
var a = h.extra.mount.labelPosition;
t.forEach(function(t, e) {
if (t !== null) {
s.beginPath();
var a = n[e].textSize ? n[e].textSize * h.pix : l.fontSize;
s.setFontSize(a);
s.setFillStyle(n[e].textColor || h.fontColor);
var i = t.value;
var r = n[e].formatter ? n[e].formatter(i, e, n, h) : i;
s.setTextAlign("center");
var o = t.y - 4 * h.pix + d * h.pix;
if (t.y > c) {
o = t.y + d * h.pix + a
}
s.fillText(String(r), t.x, o);
s.closePath();
s.stroke();
s.setTextAlign("left")
}
})
}
function drawBarPointText(t, o, n, l, s) {
var h = o.data;
var e = o.textOffset ? o.textOffset : 0;
t.forEach(function(t, e) {
if (t !== null) {
l.beginPath();
var a = o.textSize ? o.textSize * s.pix : n.fontSize;
l.setFontSize(a);
l.setFillStyle(o.textColor || s.fontColor);
var i = h[e];
if (typeof h[e] === "object" && h[e] !== null) {
i = h[e].value
}
var r = o.formatter ? o.formatter(i, e, o, s) : i;
l.setTextAlign("left");
l.fillText(String(r), t.x + 4 * s.pix, t.y + a / 2 - 3);
l.closePath();
l.stroke()
}
})
}
function drawGaugeLabel(e, a, i, r, o, n) {
a -= e.width / 2 + e.labelOffset * r.pix;
a = a < 10 ? 10 : a;
let t;
if (e.endAngle < e.startAngle) {
t = 2 + e.endAngle - e.startAngle
} else {
t = e.startAngle - e.endAngle
}
let c = t / e.splitLine.splitNumber;
let d = e.endNumber - e.startNumber;
let x = d / e.splitLine.splitNumber;
let l = e.startAngle;
let s = e.startNumber;
for (let t = 0; t < e.splitLine.splitNumber + 1; t++) {
var h = {
x: a * Math.cos(l * Math.PI),
y: a * Math.sin(l * Math.PI)
};
var f = e.formatter ? e.formatter(s, t, r) : s;
h.x += i.x - measureText(f, o.fontSize, n) / 2;
h.y += i.y;
var p = h.x;
var u = h.y;
n.beginPath();
n.setFontSize(o.fontSize);
n.setFillStyle(e.labelColor || r.fontColor);
n.fillText(f, p, u + o.fontSize / 2);
n.closePath();
n.stroke();
l += c;
if (l >= 2) {
l = l % 2
}
s += x
}
}
function drawRadarLabel(t, s, h, c, d, x) {
var f = c.extra.radar || {};
t.forEach(function(t, e) {
if (f.labelPointShow === true && c.categories[e] !== "") {
var a = {
x: s * Math.cos(t),
y: s * Math.sin(t)
};
var i = convertCoordinateOrigin(a.x, a.y, h);
x.setFillStyle(f.labelPointColor);
x.beginPath();
x.arc(i.x, i.y, f.labelPointRadius * c.pix, 0, 2 * Math.PI, false);
x.closePath();
x.fill()
}
if (f.labelShow === true) {
var r = {
x: (s + d.radarLabelTextMargin * c.pix) * Math.cos(t),
y: (s + d.radarLabelTextMargin * c.pix) * Math.sin(t)
};
var o = convertCoordinateOrigin(r.x, r.y, h);
var n = o.x;
var l = o.y;
if (util.approximatelyEqual(r.x, 0)) {
n -= measureText(c.categories[e] || "", d.fontSize, x) / 2
} else if (r.x < 0) {
n -= measureText(c.categories[e] || "", d.fontSize, x)
}
x.beginPath();
x.setFontSize(d.fontSize);
x.setFillStyle(f.labelColor || c.fontColor);
x.fillText(c.categories[e] || "", n, l + d.fontSize / 2);
x.closePath();
x.stroke()
}
})
}
function drawPieText(n, d, x, f, t, l) {
var p = x.pieChartLinePadding;
var u = [];
var g = null;
var y = n.map(function(t, e) {
var a = t.formatter ? t.formatter(t, e, n, d) : util.toFixed(t._proportion_.toFixed(4) * 100) + "%";
a = t.labelText ? t.labelText : a;
var i = 2 * Math.PI - (t._start_ + 2 * Math.PI * t._proportion_ / 2);
if (t._rose_proportion_) {
i = 2 * Math.PI - (t._start_ + 2 * Math.PI * t._rose_proportion_ / 2)
}
var r = t.color;
var o = t._radius_;
return {
arc: i,
text: a,
color: r,
radius: o,
textColor: t.textColor,
textSize: t.textSize,
labelShow: t.labelShow
}
});
for (let c = 0; c < y.length; c++) {
let t = y[c];
let e = Math.cos(t.arc) * (t.radius + p);
let a = Math.sin(t.arc) * (t.radius + p);
let i = Math.cos(t.arc) * t.radius;
let r = Math.sin(t.arc) * t.radius;
let o = e >= 0 ? e + x.pieChartTextPadding : e - x.pieChartTextPadding;
let n = a;
let l = measureText(t.text, t.textSize * d.pix || x.fontSize, f);
let s = n;
if (g && util.isSameXCoordinateArea(g.start, {
x: o
})) {
if (o > 0) {
s = Math.min(n, g.start.y)
} else if (e < 0) {
s = Math.max(n, g.start.y)
} else {
if (n > 0) {
s = Math.max(n, g.start.y)
} else {
s = Math.min(n, g.start.y)
}
}
}
if (o < 0) {
o -= l
}
let h = {
lineStart: {
x: i,
y: r
},
lineEnd: {
x: e,
y: a
},
start: {
x: o,
y: s
},
width: l,
height: x.fontSize,
text: t.text,
color: t.color,
textColor: t.textColor,
textSize: t.textSize
};
g = avoidCollision(h, g);
u.push(g)
}
for (let n = 0; n < u.length; n++) {
if (y[n].labelShow === false) {
continue
}
let t = u[n];
let e = convertCoordinateOrigin(t.lineStart.x, t.lineStart.y, l);
let a = convertCoordinateOrigin(t.lineEnd.x, t.lineEnd.y, l);
let i = convertCoordinateOrigin(t.start.x, t.start.y, l);
f.setLineWidth(1 * d.pix);
f.setFontSize(t.textSize * d.pix || x.fontSize);
f.beginPath();
f.setStrokeStyle(t.color);
f.setFillStyle(t.color);
f.moveTo(e.x, e.y);
let r = t.start.x < 0 ? i.x + t.width : i.x;
let o = t.start.x < 0 ? i.x - 5 : i.x + 5;
f.quadraticCurveTo(a.x, a.y, r, i.y);
f.moveTo(e.x, e.y);
f.stroke();
f.closePath();
f.beginPath();
f.moveTo(i.x + t.width, i.y);
f.arc(r, i.y, 2 * d.pix, 0, 2 * Math.PI);
f.closePath();
f.fill();
f.beginPath();
f.setFontSize(t.textSize * d.pix || x.fontSize);
f.setFillStyle(t.textColor || d.fontColor);
f.fillText(t.text, o, i.y + 3);
f.closePath();
f.stroke();
f.closePath()
}
}
function drawToolTipSplitLine(r, o, n, l) {
var s = o.extra.tooltip || {};
s.gridType = s.gridType == undefined ? "solid" : s.gridType;
s.dashLength = s.dashLength == undefined ? 4 : s.dashLength;
var t = o.area[0];
var h = o.height - o.area[2];
if (s.gridType == "dash") {
l.setLineDash([s.dashLength, s.dashLength])
}
l.setStrokeStyle(s.gridColor || "#cccccc");
l.setLineWidth(1 * o.pix);
l.beginPath();
l.moveTo(r, t);
l.lineTo(r, h);
l.stroke();
l.setLineDash([]);
if (s.xAxisLabel) {
let t = o.categories[o.tooltip.index];
l.setFontSize(n.fontSize);
let e = measureText(t, n.fontSize, l);
let a = r - .5 * e;
let i = h + 2 * o.pix;
l.beginPath();
l.setFillStyle(hexToRgb(s.labelBgColor || n.toolTipBackground, s.labelBgOpacity || n.toolTipOpacity));
l.setStrokeStyle(s.labelBgColor || n.toolTipBackground);
l.setLineWidth(1 * o.pix);
l.rect(a - s.boxPadding * o.pix, i, e + 2 * s.boxPadding * o.pix, n.fontSize + 2 * s.boxPadding * o.pix);
l.closePath();
l.stroke();
l.fill();
l.beginPath();
l.setFontSize(n.fontSize);
l.setFillStyle(s.labelFontColor || o.fontColor);
l.fillText(String(t), a, i + s.boxPadding * o.pix + n.fontSize);
l.closePath();
l.stroke()
}
}
function drawMarkLine(h, t, c) {
let e = assign({}, {
type: "solid",
dashLength: 4,
data: []
}, h.extra.markLine);
let a = h.area[3];
let i = h.width - h.area[1];
let r = calMarkLineData(e.data, h);
for (let t = 0; t < r.length; t++) {
let s = assign({}, {
lineColor: "#DE4A42",
showLabel: false,
labelFontSize: 13,
labelPadding: 6,
labelFontColor: "#666666",
labelBgColor: "#DFE8FF",
labelBgOpacity: .8,
labelAlign: "left",
labelOffsetX: 0,
labelOffsetY: 0
}, r[t]);
if (e.type == "dash") {
c.setLineDash([e.dashLength, e.dashLength])
}
c.setStrokeStyle(s.lineColor);
c.setLineWidth(1 * h.pix);
c.beginPath();
c.moveTo(a, s.y);
c.lineTo(i, s.y);
c.stroke();
c.setLineDash([]);
if (s.showLabel) {
let t = s.labelFontSize * h.pix;
let e = s.labelText ? s.labelText : s.value;
c.setFontSize(t);
let a = measureText(e, t, c);
let i = a + s.labelPadding * h.pix * 2;
let r = s.labelAlign == "left" ? h.area[3] - i : h.width - h.area[1];
r += s.labelOffsetX;
let o = s.y - .5 * t - s.labelPadding * h.pix;
o += s.labelOffsetY;
let n = r + s.labelPadding * h.pix;
let l = s.y;
c.setFillStyle(hexToRgb(s.labelBgColor, s.labelBgOpacity));
c.setStrokeStyle(s.labelBgColor);
c.setLineWidth(1 * h.pix);
c.beginPath();
c.rect(r, o, i, t + 2 * s.labelPadding * h.pix);
c.closePath();
c.stroke();
c.fill();
c.setFontSize(t);
c.setTextAlign("left");
c.setFillStyle(s.labelFontColor);
c.fillText(String(e), n, o + t + s.labelPadding * h.pix / 2);
c.stroke();
c.setTextAlign("left")
}
}
}
function drawToolTipHorizentalLine(x, f, p, t, e) {
var u = assign({}, {
gridType: "solid",
dashLength: 4
}, x.extra.tooltip);
var a = x.area[3];
var i = x.width - x.area[1];
if (u.gridType == "dash") {
p.setLineDash([u.dashLength, u.dashLength])
}
p.setStrokeStyle(u.gridColor || "#cccccc");
p.setLineWidth(1 * x.pix);
p.beginPath();
p.moveTo(a, x.tooltip.offset.y);
p.lineTo(i, x.tooltip.offset.y);
p.stroke();
p.setLineDash([]);
if (u.yAxisLabel) {
let l = u.boxPadding * x.pix;
let s = calTooltipYAxisData(x.tooltip.offset.y, x.series, x, f, t);
let h = x.chartData.yAxisData.yAxisWidth;
let c = x.area[3];
let d = x.width - x.area[1];
for (let n = 0; n < s.length; n++) {
p.setFontSize(u.fontSize * x.pix);
let t = measureText(s[n], u.fontSize * x.pix, p);
let e, a, i;
if (h[n].position == "left") {
e = c - (t + l * 2) - 2 * x.pix;
a = Math.max(e, e + t + l * 2)
} else {
e = d + 2 * x.pix;
a = Math.max(e + h[n].width, e + t + l * 2)
}
i = a - e;
let r = e + (i - t) / 2;
let o = x.tooltip.offset.y;
p.beginPath();
p.setFillStyle(hexToRgb(u.labelBgColor || f.toolTipBackground, u.labelBgOpacity || f.toolTipOpacity));
p.setStrokeStyle(u.labelBgColor || f.toolTipBackground);
p.setLineWidth(1 * x.pix);
p.rect(e, o - .5 * f.fontSize - l, i, f.fontSize + 2 * l);
p.closePath();
p.stroke();
p.fill();
p.beginPath();
p.setFontSize(f.fontSize);
p.setFillStyle(u.labelFontColor || x.fontColor);
p.fillText(s[n], r, o + .5 * f.fontSize);
p.closePath();
p.stroke();
if (h[n].position == "left") {
c -= h[n].width + x.yAxis.padding * x.pix
} else {
d += h[n].width + x.yAxis.padding * x.pix
}
}
}
}
function drawToolTipSplitArea(t, e, a, i, r) {
var o = assign({}, {
activeBgColor: "#000000",
activeBgOpacity: .08,
activeWidth: r
}, e.extra.column);
o.activeWidth = o.activeWidth > r ? r : o.activeWidth;
var n = e.area[0];
var l = e.height - e.area[2];
i.beginPath();
i.setFillStyle(hexToRgb(o.activeBgColor, o.activeBgOpacity));
i.rect(t - o.activeWidth / 2, n, o.activeWidth, l - n);
i.closePath();
i.fill();
i.setFillStyle("#FFFFFF")
}
function drawBarToolTipSplitArea(t, e, a, i, r) {
var o = assign({}, {
activeBgColor: "#000000",
activeBgOpacity: .08
}, e.extra.bar);
var n = e.area[3];
var l = e.width - e.area[1];
i.beginPath();
i.setFillStyle(hexToRgb(o.activeBgColor, o.activeBgOpacity));
i.rect(n, t - r / 2, l - n, r);
i.closePath();
i.fill();
i.setFillStyle("#FFFFFF")
}
function drawToolTip(e, r, o, a, n, i, f) {
var l = assign({}, {
showBox: true,
showArrow: true,
showCategory: false,
bgColor: "#000000",
bgOpacity: .7,
borderColor: "#000000",
borderWidth: 0,
borderRadius: 0,
borderOpacity: .7,
boxPadding: 3,
fontColor: "#FFFFFF",
fontSize: 13,
lineHeight: 20,
legendShow: true,
legendShape: "auto",
splitLine: true
}, o.extra.tooltip);
if (l.showCategory == true && o.categories) {
e.unshift({
text: o.categories[o.tooltip.index],
color: null
})
}
var s = l.fontSize * o.pix;
var p = l.lineHeight * o.pix;
var h = l.boxPadding * o.pix;
var c = s;
var u = 5 * o.pix;
if (l.legendShow == false) {
c = 0;
u = 0
}
var d = l.showArrow ? 8 * o.pix : 0;
var g = false;
if (o.type == "line" || o.type == "mount" || o.type == "area" || o.type == "candle" || o.type == "mix") {
if (l.splitLine == true) {
drawToolTipSplitLine(o.tooltip.offset.x, o, a, n)
}
}
r = assign({
x: 0,
y: 0
}, r);
r.y -= 8 * o.pix;
var y = e.map(function(t) {
return measureText(t.text, s, n)
});
var x = c + u + 4 * h + Math.max.apply(null, y);
var v = 2 * h + e.length * p;
if (l.showBox == false) {
return
}
if (r.x - Math.abs(o._scrollDistance_ || 0) + d + x > o.width) {
g = true
}
if (v + r.y > o.height) {
r.y = o.height - v
}
n.beginPath();
n.setFillStyle(hexToRgb(l.bgColor, l.bgOpacity));
n.setLineWidth(l.borderWidth * o.pix);
n.setStrokeStyle(hexToRgb(l.borderColor, l.borderOpacity));
var t = l.borderRadius;
if (g) {
if (x + d > o.width) {
r.x = o.width + Math.abs(o._scrollDistance_ || 0) + d + (x - o.width)
}
if (x > r.x) {
r.x = o.width + Math.abs(o._scrollDistance_ || 0) + d + (x - o.width)
}
if (l.showArrow) {
n.moveTo(r.x, r.y + 10 * o.pix);
n.lineTo(r.x - d, r.y + 10 * o.pix + 5 * o.pix)
}
n.arc(r.x - d - t, r.y + v - t, t, 0, Math.PI / 2, false);
n.arc(r.x - d - Math.round(x) + t, r.y + v - t, t, Math.PI / 2, Math.PI, false);
n.arc(r.x - d - Math.round(x) + t, r.y + t, t, -Math.PI, -Math.PI / 2, false);
n.arc(r.x - d - t, r.y + t, t, -Math.PI / 2, 0, false);
if (l.showArrow) {
n.lineTo(r.x - d, r.y + 10 * o.pix - 5 * o.pix);
n.lineTo(r.x, r.y + 10 * o.pix)
}
} else {
if (l.showArrow) {
n.moveTo(r.x, r.y + 10 * o.pix);
n.lineTo(r.x + d, r.y + 10 * o.pix - 5 * o.pix)
}
n.arc(r.x + d + t, r.y + t, t, -Math.PI, -Math.PI / 2, false);
n.arc(r.x + d + Math.round(x) - t, r.y + t, t, -Math.PI / 2, 0, false);
n.arc(r.x + d + Math.round(x) - t, r.y + v - t, t, 0, Math.PI / 2, false);
n.arc(r.x + d + t, r.y + v - t, t, Math.PI / 2, Math.PI, false);
if (l.showArrow) {
n.lineTo(r.x + d, r.y + 10 * o.pix + 5 * o.pix);
n.lineTo(r.x, r.y + 10 * o.pix)
}
}
n.closePath();
n.fill();
if (l.borderWidth > 0) {
n.stroke()
}
if (l.legendShow) {
e.forEach(function(t, e) {
if (t.color !== null) {
n.beginPath();
n.setFillStyle(t.color);
var a = r.x + d + 2 * h;
var i = r.y + (p - s) / 2 + p * e + h + 1;
if (g) {
a = r.x - x - d + 2 * h
}
switch (t.legendShape) {
case "line":
n.moveTo(a, i + .5 * c - 2 * o.pix);
n.fillRect(a, i + .5 * c - 2 * o.pix, c, 4 * o.pix);
break;
case "triangle":
n.moveTo(a + 7.5 * o.pix, i + .5 * c - 5 * o.pix);
n.lineTo(a + 2.5 * o.pix, i + .5 * c + 5 * o.pix);
n.lineTo(a + 12.5 * o.pix, i + .5 * c + 5 * o.pix);
n.lineTo(a + 7.5 * o.pix, i + .5 * c - 5 * o.pix);
break;
case "diamond":
n.moveTo(a + 7.5 * o.pix, i + .5 * c - 5 * o.pix);
n.lineTo(a + 2.5 * o.pix, i + .5 * c);
n.lineTo(a + 7.5 * o.pix, i + .5 * c + 5 * o.pix);
n.lineTo(a + 12.5 * o.pix, i + .5 * c);
n.lineTo(a + 7.5 * o.pix, i + .5 * c - 5 * o.pix);
break;
case "circle":
n.moveTo(a + 7.5 * o.pix, i + .5 * c);
n.arc(a + 7.5 * o.pix, i + .5 * c, 5 * o.pix, 0, 2 * Math.PI);
break;
case "rect":
n.moveTo(a, i + .5 * c - 5 * o.pix);
n.fillRect(a, i + .5 * c - 5 * o.pix, 15 * o.pix, 10 * o.pix);
break;
case "square":
n.moveTo(a + 2 * o.pix, i + .5 * c - 5 * o.pix);
n.fillRect(a + 2 * o.pix, i + .5 * c - 5 * o.pix, 10 * o.pix, 10 * o.pix);
break;
default:
n.moveTo(a, i + .5 * c - 5 * o.pix);
n.fillRect(a, i + .5 * c - 5 * o.pix, 15 * o.pix, 10 * o.pix)
}
n.closePath();
n.fill()
}
})
}
e.forEach(function(t, e) {
var a = r.x + d + 2 * h + c + u;
if (g) {
a = r.x - x - d + 2 * h + c + u
}
var i = r.y + p * e + (p - s) / 2 - 1 + h + s;
n.beginPath();
n.setFontSize(s);
n.setTextBaseline("normal");
n.setFillStyle(l.fontColor);
n.fillText(t.text, a, i);
n.closePath();
n.stroke()
})
}
function drawColumnDataPoints(T, b, S, w) {
let A = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
let t = b.chartData.xAxisData,
P = t.xAxisPoints,
C = t.eachSpacing;
let D = assign({}, {
type: "group",
width: C / 2,
meterBorder: 4,
meterFillColor: "#FFFFFF",
barBorderCircle: false,
barBorderRadius: [],
seriesGap: 2,
linearType: "none",
linearOpacity: 1,
customColor: [],
colorStop: 0,
labelPosition: "outside"
}, b.extra.column);
let M = [];
w.save();
let L = -2;
let F = P.length + 2;
if (b._scrollDistance_ && b._scrollDistance_ !== 0 && b.enableScroll === true) {
w.translate(b._scrollDistance_, 0);
L = Math.floor(-b._scrollDistance_ / C) - 2;
F = L + b.xAxis.itemCount + 4
}
if (b.tooltip && b.tooltip.textList && b.tooltip.textList.length && A === 1) {
drawToolTipSplitArea(b.tooltip.offset.x, b, S, w, C)
}
D.customColor = fillCustomColor(D.linearType, D.customColor, T, S);
T.forEach(function(a, i) {
let e, t, o;
e = [].concat(b.chartData.yAxisData.ranges[a.index]);
t = e.pop();
o = e.shift();
let x = b.height - b.area[0] - b.area[2];
let f = x * (0 - t) / (o - t);
let n = b.height - Math.round(f) - b.area[2];
a.zeroPoints = n;
var p = a.data;
switch (D.type) {
case "group":
var r = getColumnDataPoints(p, t, o, P, C, b, S, n, A);
var u = getStackDataPoints(p, t, o, P, C, b, S, i, T, A);
M.push(u);
r = fixColumeData(r, C, T.length, i, S, b);
for (let t = 0; t < r.length; t++) {
let o = r[t];
if (o !== null && t > L && t < F) {
var l = o.x - o.width / 2;
var s = b.height - o.y - b.area[2];
w.beginPath();
var g = o.color || a.color;
var y = o.color || a.color;
if (D.linearType !== "none") {
var v = w.createLinearGradient(l, o.y, l, n);
if (D.linearType == "opacity") {
v.addColorStop(0, hexToRgb(g, D.linearOpacity));
v.addColorStop(1, hexToRgb(g, 1))
} else {
v.addColorStop(0, hexToRgb(D.customColor[a.linearIndex], D.linearOpacity));
v.addColorStop(D.colorStop, hexToRgb(D.customColor[a.linearIndex], D.linearOpacity));
v.addColorStop(1, hexToRgb(g, 1))
}
g = v
}
if (D.barBorderRadius && D.barBorderRadius.length === 4 || D.barBorderCircle === true) {
const h = l;
const c = o.y > n ? n : o.y;
const d = o.width;
const s = Math.abs(n - o.y);
if (D.barBorderCircle) {
D.barBorderRadius = [d / 2, d / 2, 0, 0]
}
if (o.y > n) {
D.barBorderRadius = [0, 0, d / 2, d / 2]
}
let [t, e, a, i] = D.barBorderRadius;
let r = Math.min(d / 2, s / 2);
t = t > r ? r : t;
e = e > r ? r : e;
a = a > r ? r : a;
i = i > r ? r : i;
t = t < 0 ? 0 : t;
e = e < 0 ? 0 : e;
a = a < 0 ? 0 : a;
i = i < 0 ? 0 : i;
w.arc(h + t, c + t, t, -Math.PI, -Math.PI / 2);
w.arc(h + d - e, c + e, e, -Math.PI / 2, 0);
w.arc(h + d - a, c + s - a, a, 0, Math.PI / 2);
w.arc(h + i, c + s - i, i, Math.PI / 2, Math.PI)
} else {
w.moveTo(l, o.y);
w.lineTo(l + o.width, o.y);
w.lineTo(l + o.width, n);
w.lineTo(l, n);
w.lineTo(l, o.y);
w.setLineWidth(1);
w.setStrokeStyle(y)
}
w.setFillStyle(g);
w.closePath();
w.fill()
}
};
break;
case "stack":
var r = getStackDataPoints(p, t, o, P, C, b, S, i, T, A);
M.push(r);
r = fixColumeStackData(r, C, T.length, i, S, b, T);
for (let e = 0; e < r.length; e++) {
let t = r[e];
if (t !== null && e > L && e < F) {
w.beginPath();
var g = t.color || a.color;
var l = t.x - t.width / 2 + 1;
var s = b.height - t.y - b.area[2];
var m = b.height - t.y0 - b.area[2];
if (i > 0) {
s -= m
}
w.setFillStyle(g);
w.moveTo(l, t.y);
w.fillRect(l, t.y, t.width, s);
w.closePath();
w.fill()
}
};
break;
case "meter":
var r = getDataPoints(p, t, o, P, C, b, S, A);
M.push(r);
r = fixColumeMeterData(r, C, T.length, i, S, b, D.meterBorder);
for (let t = 0; t < r.length; t++) {
let o = r[t];
if (o !== null && t > L && t < F) {
w.beginPath();
if (i == 0 && D.meterBorder > 0) {
w.setStrokeStyle(a.color);
w.setLineWidth(D.meterBorder * b.pix)
}
if (i == 0) {
w.setFillStyle(D.meterFillColor)
} else {
w.setFillStyle(o.color || a.color)
}
var l = o.x - o.width / 2;
var s = b.height - o.y - b.area[2];
if (D.barBorderRadius && D.barBorderRadius.length === 4 || D.barBorderCircle === true) {
const h = l;
const c = o.y;
const d = o.width;
const s = n - o.y;
if (D.barBorderCircle) {
D.barBorderRadius = [d / 2, d / 2, 0, 0]
}
let [t, e, a, i] = D.barBorderRadius;
let r = Math.min(d / 2, s / 2);
t = t > r ? r : t;
e = e > r ? r : e;
a = a > r ? r : a;
i = i > r ? r : i;
t = t < 0 ? 0 : t;
e = e < 0 ? 0 : e;
a = a < 0 ? 0 : a;
i = i < 0 ? 0 : i;
w.arc(h + t, c + t, t, -Math.PI, -Math.PI / 2);
w.arc(h + d - e, c + e, e, -Math.PI / 2, 0);
w.arc(h + d - a, c + s - a, a, 0, Math.PI / 2);
w.arc(h + i, c + s - i, i, Math.PI / 2, Math.PI);
w.fill()
} else {
w.moveTo(l, o.y);
w.lineTo(l + o.width, o.y);
w.lineTo(l + o.width, n);
w.lineTo(l, n);
w.lineTo(l, o.y);
w.fill()
}
if (i == 0 && D.meterBorder > 0) {
w.closePath();
w.stroke()
}
}
}
break
}
});
if (b.dataLabel !== false && A === 1) {
T.forEach(function(t, e) {
let a, i, r;
a = [].concat(b.chartData.yAxisData.ranges[t.index]);
i = a.pop();
r = a.shift();
var o = t.data;
switch (D.type) {
case "group":
var n = getColumnDataPoints(o, i, r, P, C, b, S, A);
n = fixColumeData(n, C, T.length, e, S, b);
drawColumePointText(n, t, S, w, b);
break;
case "stack":
var n = getStackDataPoints(o, i, r, P, C, b, S, e, T, A);
drawColumePointText(n, t, S, w, b);
break;
case "meter":
var n = getDataPoints(o, i, r, P, C, b, S, A);
drawColumePointText(n, t, S, w, b);
break
}
})
}
w.restore();
return {
xAxisPoints: P,
calPoints: M,
eachSpacing: C
}
}
function drawMountDataPoints(i, r, o, n) {
let f = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
let t = r.chartData.xAxisData,
p = t.xAxisPoints,
l = t.eachSpacing;
let s = assign({}, {
type: "mount",
widthRatio: 1,
borderWidth: 1,
barBorderCircle: false,
barBorderRadius: [],
linearType: "none",
linearOpacity: 1,
customColor: [],
colorStop: 0
}, r.extra.mount);
s.widthRatio = s.widthRatio <= 0 ? 0 : s.widthRatio;
s.widthRatio = s.widthRatio >= 2 ? 2 : s.widthRatio;
let e = [];
n.save();
let u = -2;
let g = p.length + 2;
if (r._scrollDistance_ && r._scrollDistance_ !== 0 && r.enableScroll === true) {
n.translate(r._scrollDistance_, 0);
u = Math.floor(-r._scrollDistance_ / l) - 2;
g = u + r.xAxis.itemCount + 4
}
s.customColor = fillCustomColor(s.linearType, s.customColor, i, o);
let y, v, m;
y = [].concat(r.chartData.yAxisData.ranges[0]);
v = y.pop();
m = y.shift();
let T = r.height - r.area[0] - r.area[2];
let b = T * (0 - v) / (m - v);
let h = r.height - Math.round(b) - r.area[2];
var c = getMountDataPoints(i, v, m, p, l, r, s, h, f);
switch (s.type) {
case "bar":
for (let t = 0; t < c.length; t++) {
let o = c[t];
if (o !== null && t > u && t < g) {
var d = o.x - l * s.widthRatio / 2;
var S = r.height - o.y - r.area[2];
n.beginPath();
var a = o.color || i[t].color;
var w = o.color || i[t].color;
if (s.linearType !== "none") {
var x = n.createLinearGradient(d, o.y, d, h);
if (s.linearType == "opacity") {
x.addColorStop(0, hexToRgb(a, s.linearOpacity));
x.addColorStop(1, hexToRgb(a, 1))
} else {
x.addColorStop(0, hexToRgb(s.customColor[i[t].linearIndex], s.linearOpacity));
x.addColorStop(s.colorStop, hexToRgb(s.customColor[i[t].linearIndex], s.linearOpacity));
x.addColorStop(1, hexToRgb(a, 1))
}
a = x
}
if (s.barBorderRadius && s.barBorderRadius.length === 4 || s.barBorderCircle === true) {
const A = d;
const P = o.y > h ? h : o.y;
const C = o.width;
const S = Math.abs(h - o.y);
if (s.barBorderCircle) {
s.barBorderRadius = [C / 2, C / 2, 0, 0]
}
if (o.y > h) {
s.barBorderRadius = [0, 0, C / 2, C / 2]
}
let [t, e, a, i] = s.barBorderRadius;
let r = Math.min(C / 2, S / 2);
t = t > r ? r : t;
e = e > r ? r : e;
a = a > r ? r : a;
i = i > r ? r : i;
t = t < 0 ? 0 : t;
e = e < 0 ? 0 : e;
a = a < 0 ? 0 : a;
i = i < 0 ? 0 : i;
n.arc(A + t, P + t, t, -Math.PI, -Math.PI / 2);
n.arc(A + C - e, P + e, e, -Math.PI / 2, 0);
n.arc(A + C - a, P + S - a, a, 0, Math.PI / 2);
n.arc(A + i, P + S - i, i, Math.PI / 2, Math.PI)
} else {
n.moveTo(d, o.y);
n.lineTo(d + o.width, o.y);
n.lineTo(d + o.width, h);
n.lineTo(d, h);
n.lineTo(d, o.y)
}
n.setStrokeStyle(w);
n.setFillStyle(a);
if (s.borderWidth > 0) {
n.setLineWidth(s.borderWidth * r.pix);
n.closePath();
n.stroke()
}
n.fill()
}
};
break;
case "triangle":
for (let e = 0; e < c.length; e++) {
let t = c[e];
if (t !== null && e > u && e < g) {
var d = t.x - l * s.widthRatio / 2;
var S = r.height - t.y - r.area[2];
n.beginPath();
var a = t.color || i[e].color;
var w = t.color || i[e].color;
if (s.linearType !== "none") {
var x = n.createLinearGradient(d, t.y, d, h);
if (s.linearType == "opacity") {
x.addColorStop(0, hexToRgb(a, s.linearOpacity));
x.addColorStop(1, hexToRgb(a, 1))
} else {
x.addColorStop(0, hexToRgb(s.customColor[i[e].linearIndex], s.linearOpacity));
x.addColorStop(s.colorStop, hexToRgb(s.customColor[i[e].linearIndex], s.linearOpacity));
x.addColorStop(1, hexToRgb(a, 1))
}
a = x
}
n.moveTo(d, h);
n.lineTo(t.x, t.y);
n.lineTo(d + t.width, h);
n.setStrokeStyle(w);
n.setFillStyle(a);
if (s.borderWidth > 0) {
n.setLineWidth(s.borderWidth * r.pix);
n.stroke()
}
n.fill()
}
};
break;
case "mount":
for (let e = 0; e < c.length; e++) {
let t = c[e];
if (t !== null && e > u && e < g) {
var d = t.x - l * s.widthRatio / 2;
var S = r.height - t.y - r.area[2];
n.beginPath();
var a = t.color || i[e].color;
var w = t.color || i[e].color;
if (s.linearType !== "none") {
var x = n.createLinearGradient(d, t.y, d, h);
if (s.linearType == "opacity") {
x.addColorStop(0, hexToRgb(a, s.linearOpacity));
x.addColorStop(1, hexToRgb(a, 1))
} else {
x.addColorStop(0, hexToRgb(s.customColor[i[e].linearIndex], s.linearOpacity));
x.addColorStop(s.colorStop, hexToRgb(s.customColor[i[e].linearIndex], s.linearOpacity));
x.addColorStop(1, hexToRgb(a, 1))
}
a = x
}
n.moveTo(d, h);
n.bezierCurveTo(t.x - t.width / 4, h, t.x - t.width / 4, t.y, t.x, t.y);
n.bezierCurveTo(t.x + t.width / 4, t.y, t.x + t.width / 4, h, d + t.width, h);
n.setStrokeStyle(w);
n.setFillStyle(a);
if (s.borderWidth > 0) {
n.setLineWidth(s.borderWidth * r.pix);
n.stroke()
}
n.fill()
}
};
break;
case "sharp":
for (let e = 0; e < c.length; e++) {
let t = c[e];
if (t !== null && e > u && e < g) {
var d = t.x - l * s.widthRatio / 2;
var S = r.height - t.y - r.area[2];
n.beginPath();
var a = t.color || i[e].color;
var w = t.color || i[e].color;
if (s.linearType !== "none") {
var x = n.createLinearGradient(d, t.y, d, h);
if (s.linearType == "opacity") {
x.addColorStop(0, hexToRgb(a, s.linearOpacity));
x.addColorStop(1, hexToRgb(a, 1))
} else {
x.addColorStop(0, hexToRgb(s.customColor[i[e].linearIndex], s.linearOpacity));
x.addColorStop(s.colorStop, hexToRgb(s.customColor[i[e].linearIndex], s.linearOpacity));
x.addColorStop(1, hexToRgb(a, 1))
}
a = x
}
n.moveTo(d, h);
n.quadraticCurveTo(t.x - 0, h - S / 4, t.x, t.y);
n.quadraticCurveTo(t.x + 0, h - S / 4, d + t.width, h);
n.setStrokeStyle(w);
n.setFillStyle(a);
if (s.borderWidth > 0) {
n.setLineWidth(s.borderWidth * r.pix);
n.stroke()
}
n.fill()
}
};
break
}
if (r.dataLabel !== false && f === 1) {
let t, e, a;
t = [].concat(r.chartData.yAxisData.ranges[0]);
e = t.pop();
a = t.shift();
var c = getMountDataPoints(i, e, a, p, l, r, s, h, f);
drawMountPointText(c, i, o, n, r, h)
}
n.restore();
return {
xAxisPoints: p,
calPoints: c,
eachSpacing: l
}
}
function drawBarDataPoints(y, v, m, T) {
let b = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
let S = [];
let w = (v.height - v.area[0] - v.area[2]) / v.categories.length;
for (let t = 0; t < v.categories.length; t++) {
S.push(v.area[0] + w / 2 + w * t)
}
let A = assign({}, {
type: "group",
width: w / 2,
meterBorder: 4,
meterFillColor: "#FFFFFF",
barBorderCircle: false,
barBorderRadius: [],
seriesGap: 2,
linearType: "none",
linearOpacity: 1,
customColor: [],
colorStop: 0
}, v.extra.bar);
let P = [];
T.save();
let C = -2;
let D = S.length + 2;
if (v.tooltip && v.tooltip.textList && v.tooltip.textList.length && b === 1) {
drawBarToolTipSplitArea(v.tooltip.offset.y, v, m, T, w)
}
A.customColor = fillCustomColor(A.linearType, A.customColor, y, m);
y.forEach(function(a, t) {
let o, e, d;
o = [].concat(v.chartData.xAxisData.ranges);
d = o.pop();
e = o.shift();
var x = a.data;
switch (A.type) {
case "group":
var i = getBarDataPoints(x, e, d, S, w, v, m, b);
var f = getBarStackDataPoints(x, e, d, S, w, v, m, t, y, b);
P.push(f);
i = fixBarData(i, w, y.length, t, m, v);
for (let t = 0; t < i.length; t++) {
let o = i[t];
if (o !== null && t > C && t < D) {
var n = v.area[3];
var r = o.y - o.width / 2;
var p = o.height;
T.beginPath();
var l = o.color || a.color;
var u = o.color || a.color;
if (A.linearType !== "none") {
var s = T.createLinearGradient(n, o.y, o.x, o.y);
if (A.linearType == "opacity") {
s.addColorStop(0, hexToRgb(l, A.linearOpacity));
s.addColorStop(1, hexToRgb(l, 1))
} else {
s.addColorStop(0, hexToRgb(A.customColor[a.linearIndex], A.linearOpacity));
s.addColorStop(A.colorStop, hexToRgb(A.customColor[a.linearIndex], A.linearOpacity));
s.addColorStop(1, hexToRgb(l, 1))
}
l = s
}
if (A.barBorderRadius && A.barBorderRadius.length === 4 || A.barBorderCircle === true) {
const g = n;
const h = o.width;
const c = o.y - o.width / 2;
const p = o.height;
if (A.barBorderCircle) {
A.barBorderRadius = [h / 2, h / 2, 0, 0]
}
let [t, e, a, i] = A.barBorderRadius;
let r = Math.min(h / 2, p / 2);
t = t > r ? r : t;
e = e > r ? r : e;
a = a > r ? r : a;
i = i > r ? r : i;
t = t < 0 ? 0 : t;
e = e < 0 ? 0 : e;
a = a < 0 ? 0 : a;
i = i < 0 ? 0 : i;
T.arc(g + i, c + i, i, -Math.PI, -Math.PI / 2);
T.arc(o.x - t, c + t, t, -Math.PI / 2, 0);
T.arc(o.x - e, c + h - e, e, 0, Math.PI / 2);
T.arc(g + a, c + h - a, a, Math.PI / 2, Math.PI)
} else {
T.moveTo(n, r);
T.lineTo(o.x, r);
T.lineTo(o.x, r + o.width);
T.lineTo(n, r + o.width);
T.lineTo(n, r);
T.setLineWidth(1);
T.setStrokeStyle(u)
}
T.setFillStyle(l);
T.closePath();
T.fill()
}
};
break;
case "stack":
var i = getBarStackDataPoints(x, e, d, S, w, v, m, t, y, b);
P.push(i);
i = fixBarStackData(i, w, y.length, t, m, v, y);
for (let e = 0; e < i.length; e++) {
let t = i[e];
if (t !== null && e > C && e < D) {
T.beginPath();
var l = t.color || a.color;
var n = t.x0;
T.setFillStyle(l);
T.moveTo(n, t.y - t.width / 2);
T.fillRect(n, t.y - t.width / 2, t.height, t.width);
T.closePath();
T.fill()
}
};
break
}
});
if (v.dataLabel !== false && b === 1) {
y.forEach(function(t, e) {
let a, i, r;
a = [].concat(v.chartData.xAxisData.ranges);
r = a.pop();
i = a.shift();
var o = t.data;
switch (A.type) {
case "group":
var n = getBarDataPoints(o, i, r, S, w, v, m, b);
n = fixBarData(n, w, y.length, e, m, v);
drawBarPointText(n, t, m, T, v);
break;
case "stack":
var n = getBarStackDataPoints(o, i, r, S, w, v, m, e, y, b);
drawBarPointText(n, t, m, T, v);
break
}
})
}
return {
yAxisPoints: S,
calPoints: P,
eachSpacing: w
}
}
function drawCandleDataPoints(e, t, h, c, d) {
var g = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;
var s = assign({}, {
color: {},
average: {}
}, h.extra.candle);
s.color = assign({}, {
upLine: "#f04864",
upFill: "#f04864",
downLine: "#2fc25b",
downFill: "#2fc25b"
}, s.color);
s.average = assign({}, {
show: false,
name: [],
day: [],
color: c.color
}, s.average);
h.extra.candle = s;
let a = h.chartData.xAxisData,
x = a.xAxisPoints,
f = a.eachSpacing;
let y = [];
d.save();
let p = -2;
let v = x.length + 2;
let u = 0;
let m = h.width + f;
if (h._scrollDistance_ && h._scrollDistance_ !== 0 && h.enableScroll === true) {
d.translate(h._scrollDistance_, 0);
p = Math.floor(-h._scrollDistance_ / f) - 2;
v = p + h.xAxis.itemCount + 4;
u = -h._scrollDistance_ - f * 2 + h.area[3];
m = u + (h.xAxis.itemCount + 4) * f
}
if (s.average.show || t) {
t.forEach(function(e, t) {
let a, i, r;
a = [].concat(h.chartData.yAxisData.ranges[e.index]);
i = a.pop();
r = a.shift();
var o = e.data;
var n = getDataPoints(o, i, r, x, f, h, c, g);
var l = splitPoints(n, e);
for (let t = 0; t < l.length; t++) {
let i = l[t];
d.beginPath();
d.setStrokeStyle(e.color);
d.setLineWidth(1);
if (i.length === 1) {
d.moveTo(i[0].x, i[0].y);
d.arc(i[0].x, i[0].y, 1, 0, 2 * Math.PI)
} else {
d.moveTo(i[0].x, i[0].y);
let a = 0;
for (let e = 0; e < i.length; e++) {
let t = i[e];
if (a == 0 && t.x > u) {
d.moveTo(t.x, t.y);
a = 1
}
if (e > 0 && t.x > u && t.x < m) {
var s = createCurveControlPoints(i, e - 1);
d.bezierCurveTo(s.ctrA.x, s.ctrA.y, s.ctrB.x, s.ctrB.y, t.x, t.y)
}
}
d.moveTo(i[0].x, i[0].y)
}
d.closePath();
d.stroke()
}
})
}
e.forEach(function(t, e) {
let a, i, r;
a = [].concat(h.chartData.yAxisData.ranges[t.index]);
i = a.pop();
r = a.shift();
var o = t.data;
var n = getCandleDataPoints(o, i, r, x, f, h, c, g);
y.push(n);
var l = splitPoints(n, t);
for (let e = 0; e < l[0].length; e++) {
if (e > p && e < v) {
let t = l[0][e];
d.beginPath();
if (o[e][1] - o[e][0] > 0) {
d.setStrokeStyle(s.color.upLine);
d.setFillStyle(s.color.upFill);
d.setLineWidth(1 * h.pix);
d.moveTo(t[3].x, t[3].y);
d.lineTo(t[1].x, t[1].y);
d.lineTo(t[1].x - f / 4, t[1].y);
d.lineTo(t[0].x - f / 4, t[0].y);
d.lineTo(t[0].x, t[0].y);
d.lineTo(t[2].x, t[2].y);
d.lineTo(t[0].x, t[0].y);
d.lineTo(t[0].x + f / 4, t[0].y);
d.lineTo(t[1].x + f / 4, t[1].y);
d.lineTo(t[1].x, t[1].y);
d.moveTo(t[3].x, t[3].y)
} else {
d.setStrokeStyle(s.color.downLine);
d.setFillStyle(s.color.downFill);
d.setLineWidth(1 * h.pix);
d.moveTo(t[3].x, t[3].y);
d.lineTo(t[0].x, t[0].y);
d.lineTo(t[0].x - f / 4, t[0].y);
d.lineTo(t[1].x - f / 4, t[1].y);
d.lineTo(t[1].x, t[1].y);
d.lineTo(t[2].x, t[2].y);
d.lineTo(t[1].x, t[1].y);
d.lineTo(t[1].x + f / 4, t[1].y);
d.lineTo(t[0].x + f / 4, t[0].y);
d.lineTo(t[0].x, t[0].y);
d.moveTo(t[3].x, t[3].y)
}
d.closePath();
d.fill();
d.stroke()
}
}
});
d.restore();
return {
xAxisPoints: x,
calPoints: y,
eachSpacing: f
}
}
function drawAreaDataPoints(t, s, h, c) {
var d = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
var x = assign({}, {
type: "straight",
opacity: .2,
addLine: false,
width: 2,
gradient: false,
activeType: "none"
}, s.extra.area);
let e = s.chartData.xAxisData,
f = e.xAxisPoints,
p = e.eachSpacing;
let y = s.height - s.area[2];
let v = [];
c.save();
let u = 0;
let g = s.width + p;
if (s._scrollDistance_ && s._scrollDistance_ !== 0 && s.enableScroll === true) {
c.translate(s._scrollDistance_, 0);
u = -s._scrollDistance_ - p * 2 + s.area[3];
g = u + (s.xAxis.itemCount + 4) * p
}
t.forEach(function(e, t) {
let a, i, r;
a = [].concat(s.chartData.yAxisData.ranges[e.index]);
i = a.pop();
r = a.shift();
let o = e.data;
let n = getDataPoints(o, i, r, f, p, s, h, d);
v.push(n);
let l = splitPoints(n, e);
for (let t = 0; t < l.length; t++) {
let r = l[t];
c.beginPath();
c.setStrokeStyle(hexToRgb(e.color, x.opacity));
if (x.gradient) {
let t = c.createLinearGradient(0, s.area[0], 0, s.height - s.area[2]);
t.addColorStop("0", hexToRgb(e.color, x.opacity));
t.addColorStop("1.0", hexToRgb("#FFFFFF", .1));
c.setFillStyle(t)
} else {
c.setFillStyle(hexToRgb(e.color, x.opacity))
}
c.setLineWidth(x.width * s.pix);
if (r.length > 1) {
let t = r[0];
let e = r[r.length - 1];
c.moveTo(t.x, t.y);
let i = 0;
if (x.type === "curve") {
for (let a = 0; a < r.length; a++) {
let e = r[a];
if (i == 0 && e.x > u) {
c.moveTo(e.x, e.y);
i = 1
}
if (a > 0 && e.x > u && e.x < g) {
let t = createCurveControlPoints(r, a - 1);
c.bezierCurveTo(t.ctrA.x, t.ctrA.y, t.ctrB.x, t.ctrB.y, e.x, e.y)
}
}
}
if (x.type === "straight") {
for (let e = 0; e < r.length; e++) {
let t = r[e];
if (i == 0 && t.x > u) {
c.moveTo(t.x, t.y);
i = 1
}
if (e > 0 && t.x > u && t.x < g) {
c.lineTo(t.x, t.y)
}
}
}
if (x.type === "step") {
for (let e = 0; e < r.length; e++) {
let t = r[e];
if (i == 0 && t.x > u) {
c.moveTo(t.x, t.y);
i = 1
}
if (e > 0 && t.x > u && t.x < g) {
c.lineTo(t.x, r[e - 1].y);
c.lineTo(t.x, t.y)
}
}
}
c.lineTo(e.x, y);
c.lineTo(t.x, y);
c.lineTo(t.x, t.y)
} else {
let t = r[0];
c.moveTo(t.x - p / 2, t.y)
}
c.closePath();
c.fill();
if (x.addLine) {
if (e.lineType == "dash") {
let t = e.dashLength ? e.dashLength : 8;
t *= s.pix;
c.setLineDash([t, t])
}
c.beginPath();
c.setStrokeStyle(e.color);
c.setLineWidth(x.width * s.pix);
if (r.length === 1) {
c.moveTo(r[0].x, r[0].y)
} else {
c.moveTo(r[0].x, r[0].y);
let i = 0;
if (x.type === "curve") {
for (let a = 0; a < r.length; a++) {
let e = r[a];
if (i == 0 && e.x > u) {
c.moveTo(e.x, e.y);
i = 1
}
if (a > 0 && e.x > u && e.x < g) {
let t = createCurveControlPoints(r, a - 1);
c.bezierCurveTo(t.ctrA.x, t.ctrA.y, t.ctrB.x, t.ctrB.y, e.x, e.y)
}
}
}
if (x.type === "straight") {
for (let e = 0; e < r.length; e++) {
let t = r[e];
if (i == 0 && t.x > u) {
c.moveTo(t.x, t.y);
i = 1
}
if (e > 0 && t.x > u && t.x < g) {
c.lineTo(t.x, t.y)
}
}
}
if (x.type === "step") {
for (let e = 0; e < r.length; e++) {
let t = r[e];
if (i == 0 && t.x > u) {
c.moveTo(t.x, t.y);
i = 1
}
if (e > 0 && t.x > u && t.x < g) {
c.lineTo(t.x, r[e - 1].y);
c.lineTo(t.x, t.y)
}
}
}
c.moveTo(r[0].x, r[0].y)
}
c.stroke();
c.setLineDash([])
}
}
if (s.dataPointShape !== false) {
drawPointShape(n, e.color, e.pointShape, c, s)
}
drawActivePoint(n, e.color, e.pointShape, c, s, x, t)
});
if (s.dataLabel !== false && d === 1) {
t.forEach(function(t, e) {
let a, i, r;
a = [].concat(s.chartData.yAxisData.ranges[t.index]);
i = a.pop();
r = a.shift();
var o = t.data;
var n = getDataPoints(o, i, r, f, p, s, h, d);
drawPointText(n, t, h, c, s)
})
}
c.restore();
return {
xAxisPoints: f,
calPoints: v,
eachSpacing: p
}
}
function drawScatterDataPoints(t, s, h, c) {
var d = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
var i = assign({}, {
type: "circle"
}, s.extra.scatter);
let e = s.chartData.xAxisData,
x = e.xAxisPoints,
f = e.eachSpacing;
var r = [];
c.save();
let a = 0;
let o = s.width + f;
if (s._scrollDistance_ && s._scrollDistance_ !== 0 && s.enableScroll === true) {
c.translate(s._scrollDistance_, 0);
a = -s._scrollDistance_ - f * 2 + s.area[3];
o = a + (s.xAxis.itemCount + 4) * f
}
t.forEach(function(t, e) {
let a, i, r;
a = [].concat(s.chartData.yAxisData.ranges[t.index]);
i = a.pop();
r = a.shift();
var o = t.data;
var n = getDataPoints(o, i, r, x, f, s, h, d);
c.beginPath();
c.setStrokeStyle(t.color);
c.setFillStyle(t.color);
c.setLineWidth(1 * s.pix);
var l = t.pointShape;
if (l === "diamond") {
n.forEach(function(t, e) {
if (t !== null) {
c.moveTo(t.x, t.y - 4.5);
c.lineTo(t.x - 4.5, t.y);
c.lineTo(t.x, t.y + 4.5);
c.lineTo(t.x + 4.5, t.y);
c.lineTo(t.x, t.y - 4.5)
}
})
} else if (l === "circle") {
n.forEach(function(t, e) {
if (t !== null) {
c.moveTo(t.x + 2.5 * s.pix, t.y);
c.arc(t.x, t.y, 3 * s.pix, 0, 2 * Math.PI, false)
}
})
} else if (l === "square") {
n.forEach(function(t, e) {
if (t !== null) {
c.moveTo(t.x - 3.5, t.y - 3.5);
c.rect(t.x - 3.5, t.y - 3.5, 7, 7)
}
})
} else if (l === "triangle") {
n.forEach(function(t, e) {
if (t !== null) {
c.moveTo(t.x, t.y - 4.5);
c.lineTo(t.x - 4.5, t.y + 4.5);
c.lineTo(t.x + 4.5, t.y + 4.5);
c.lineTo(t.x, t.y - 4.5)
}
})
} else if (l === "triangle") {
return
}
c.closePath();
c.fill();
c.stroke()
});
if (s.dataLabel !== false && d === 1) {
t.forEach(function(t, e) {
let a, i, r;
a = [].concat(s.chartData.yAxisData.ranges[t.index]);
i = a.pop();
r = a.shift();
var o = t.data;
var n = getDataPoints(o, i, r, x, f, s, h, d);
drawPointText(n, t, h, c, s)
})
}
c.restore();
return {
xAxisPoints: x,
calPoints: r,
eachSpacing: f
}
}
function drawBubbleDataPoints(a, l, s, h) {
var c = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
var d = assign({}, {
opacity: 1,
border: 2
}, l.extra.bubble);
let t = l.chartData.xAxisData,
x = t.xAxisPoints,
f = t.eachSpacing;
var i = [];
h.save();
let e = 0;
let r = l.width + f;
if (l._scrollDistance_ && l._scrollDistance_ !== 0 && l.enableScroll === true) {
h.translate(l._scrollDistance_, 0);
e = -l._scrollDistance_ - f * 2 + l.area[3];
r = e + (l.xAxis.itemCount + 4) * f
}
a.forEach(function(i, t) {
let e, a, r;
e = [].concat(l.chartData.yAxisData.ranges[i.index]);
a = e.pop();
r = e.shift();
var o = i.data;
var n = getDataPoints(o, a, r, x, f, l, s, c);
h.beginPath();
h.setStrokeStyle(i.color);
h.setLineWidth(d.border * l.pix);
h.setFillStyle(hexToRgb(i.color, d.opacity));
n.forEach(function(t, e) {
h.moveTo(t.x + t.r, t.y);
h.arc(t.x, t.y, t.r * l.pix, 0, 2 * Math.PI, false)
});
h.closePath();
h.fill();
h.stroke();
if (l.dataLabel !== false && c === 1) {
n.forEach(function(t, e) {
h.beginPath();
var a = i.textSize * l.pix || s.fontSize;
h.setFontSize(a);
h.setFillStyle(i.textColor || "#FFFFFF");
h.setTextAlign("center");
h.fillText(String(t.t), t.x, t.y + a / 2);
h.closePath();
h.stroke();
h.setTextAlign("left")
})
}
});
h.restore();
return {
xAxisPoints: x,
calPoints: i,
eachSpacing: f
}
}
function drawLineDataPoints(t, d, x, f) {
var p = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
var u = assign({}, {
type: "straight",
width: 2,
activeType: "none",
linearType: "none",
onShadow: false,
animation: "vertical"
}, d.extra.line);
u.width *= d.pix;
let e = d.chartData.xAxisData,
g = e.xAxisPoints,
y = e.eachSpacing;
var T = [];
f.save();
let v = 0;
let m = d.width + y;
if (d._scrollDistance_ && d._scrollDistance_ !== 0 && d.enableScroll === true) {
f.translate(d._scrollDistance_, 0);
v = -d._scrollDistance_ - y * 2 + d.area[3];
m = v + (d.xAxis.itemCount + 4) * y
}
t.forEach(function(e, c) {
f.beginPath();
f.setStrokeStyle(e.color);
f.moveTo(-1e4, -1e4);
f.lineTo(-10001, -10001);
f.stroke();
let t, a, i;
t = [].concat(d.chartData.yAxisData.ranges[e.index]);
a = t.pop();
i = t.shift();
var r = e.data;
var o = getLineDataPoints(r, a, i, g, y, d, x, u, p);
T.push(o);
var n = splitPoints(o, e);
if (e.lineType == "dash") {
let t = e.dashLength ? e.dashLength : 8;
t *= d.pix;
f.setLineDash([t, t])
}
f.beginPath();
var l = e.color;
if (u.linearType !== "none" && e.linearColor && e.linearColor.length > 0) {
var s = f.createLinearGradient(d.chartData.xAxisData.startX, d.height / 2, d.chartData.xAxisData.endX, d
.height / 2);
for (var h = 0; h < e.linearColor.length; h++) {
s.addColorStop(e.linearColor[h][0], hexToRgb(e.linearColor[h][1], 1))
}
l = s
}
f.setStrokeStyle(l);
if (u.onShadow == true && e.setShadow && e.setShadow.length > 0) {
f.setShadow(e.setShadow[0], e.setShadow[1], e.setShadow[2], e.setShadow[3])
} else {
f.setShadow(0, 0, 0, "rgba(0,0,0,0)")
}
f.setLineWidth(u.width);
n.forEach(function(i, t) {
if (i.length === 1) {
f.moveTo(i[0].x, i[0].y)
} else {
f.moveTo(i[0].x, i[0].y);
let a = 0;
if (u.type === "curve") {
for (let e = 0; e < i.length; e++) {
let t = i[e];
if (a == 0 && t.x > v) {
f.moveTo(t.x, t.y);
a = 1
}
if (e > 0 && t.x > v && t.x < m) {
var r = createCurveControlPoints(i, e - 1);
f.bezierCurveTo(r.ctrA.x, r.ctrA.y, r.ctrB.x, r.ctrB.y, t.x, t.y)
}
}
}
if (u.type === "straight") {
for (let e = 0; e < i.length; e++) {
let t = i[e];
if (a == 0 && t.x > v) {
f.moveTo(t.x, t.y);
a = 1
}
if (e > 0 && t.x > v && t.x < m) {
f.lineTo(t.x, t.y)
}
}
}
if (u.type === "step") {
for (let e = 0; e < i.length; e++) {
let t = i[e];
if (a == 0 && t.x > v) {
f.moveTo(t.x, t.y);
a = 1
}
if (e > 0 && t.x > v && t.x < m) {
f.lineTo(t.x, i[e - 1].y);
f.lineTo(t.x, t.y)
}
}
}
f.moveTo(i[0].x, i[0].y)
}
});
f.stroke();
f.setLineDash([]);
if (d.dataPointShape !== false) {
drawPointShape(o, e.color, e.pointShape, f, d)
}
drawActivePoint(o, e.color, e.pointShape, f, d, u)
});
if (d.dataLabel !== false && p === 1) {
t.forEach(function(t, e) {
let a, i, r;
a = [].concat(d.chartData.yAxisData.ranges[t.index]);
i = a.pop();
r = a.shift();
var o = t.data;
var n = getDataPoints(o, i, r, g, y, d, x, p);
drawPointText(n, t, x, f, d)
})
}
f.restore();
return {
xAxisPoints: g,
calPoints: T,
eachSpacing: y
}
}
function drawMixDataPoints(t, v, m, T) {
let D = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
let e = v.chartData.xAxisData,
b = e.xAxisPoints,
S = e.eachSpacing;
let w = assign({}, {
width: S / 2,
barBorderCircle: false,
barBorderRadius: [],
seriesGap: 2,
linearType: "none",
linearOpacity: 1,
customColor: [],
colorStop: 0
}, v.extra.mix.column);
let A = assign({}, {
opacity: .2,
gradient: false
}, v.extra.mix.area);
let M = assign({}, {
width: 2
}, v.extra.mix.line);
let L = v.height - v.area[2];
let F = [];
var _ = 0;
var k = 0;
t.forEach(function(t, e) {
if (t.type == "column") {
k += 1
}
});
T.save();
let R = -2;
let I = b.length + 2;
let P = 0;
let C = v.width + S;
if (v._scrollDistance_ && v._scrollDistance_ !== 0 && v.enableScroll === true) {
T.translate(v._scrollDistance_, 0);
R = Math.floor(-v._scrollDistance_ / S) - 2;
I = R + v.xAxis.itemCount + 4;
P = -v._scrollDistance_ - S * 2 + v.area[3];
C = P + (v.xAxis.itemCount + 4) * S
}
w.customColor = fillCustomColor(w.linearType, w.customColor, t, m);
t.forEach(function(n, t) {
let o, x, f;
o = [].concat(v.chartData.yAxisData.ranges[n.index]);
x = o.pop();
f = o.shift();
var p = n.data;
var a = getDataPoints(p, x, f, b, S, v, m, D);
F.push(a);
if (n.type == "column") {
a = fixColumeData(a, S, k, _, m, v);
for (let t = 0; t < a.length; t++) {
let o = a[t];
if (o !== null && t > R && t < I) {
var l = o.x - o.width / 2;
var s = v.height - o.y - v.area[2];
T.beginPath();
var e = o.color || n.color;
var u = o.color || n.color;
if (w.linearType !== "none") {
var i = T.createLinearGradient(l, o.y, l, v.height - v.area[2]);
if (w.linearType == "opacity") {
i.addColorStop(0, hexToRgb(e, w.linearOpacity));
i.addColorStop(1, hexToRgb(e, 1))
} else {
i.addColorStop(0, hexToRgb(w.customColor[n.linearIndex], w.linearOpacity));
i.addColorStop(w.colorStop, hexToRgb(w.customColor[n.linearIndex], w.linearOpacity));
i.addColorStop(1, hexToRgb(e, 1))
}
e = i
}
if (w.barBorderRadius && w.barBorderRadius.length === 4 || w.barBorderCircle) {
const h = l;
const c = o.y;
const d = o.width;
const s = v.height - v.area[2] - o.y;
if (w.barBorderCircle) {
w.barBorderRadius = [d / 2, d / 2, 0, 0]
}
let [t, e, a, i] = w.barBorderRadius;
let r = Math.min(d / 2, s / 2);
t = t > r ? r : t;
e = e > r ? r : e;
a = a > r ? r : a;
i = i > r ? r : i;
t = t < 0 ? 0 : t;
e = e < 0 ? 0 : e;
a = a < 0 ? 0 : a;
i = i < 0 ? 0 : i;
T.arc(h + t, c + t, t, -Math.PI, -Math.PI / 2);
T.arc(h + d - e, c + e, e, -Math.PI / 2, 0);
T.arc(h + d - a, c + s - a, a, 0, Math.PI / 2);
T.arc(h + i, c + s - i, i, Math.PI / 2, Math.PI)
} else {
T.moveTo(l, o.y);
T.lineTo(l + o.width, o.y);
T.lineTo(l + o.width, v.height - v.area[2]);
T.lineTo(l, v.height - v.area[2]);
T.lineTo(l, o.y);
T.setLineWidth(1);
T.setStrokeStyle(u)
}
T.setFillStyle(e);
T.closePath();
T.fill()
}
}
_ += 1
}
if (n.type == "area") {
let e = splitPoints(a, n);
for (let t = 0; t < e.length; t++) {
let i = e[t];
T.beginPath();
T.setStrokeStyle(n.color);
T.setStrokeStyle(hexToRgb(n.color, A.opacity));
if (A.gradient) {
let t = T.createLinearGradient(0, v.area[0], 0, v.height - v.area[2]);
t.addColorStop("0", hexToRgb(n.color, A.opacity));
t.addColorStop("1.0", hexToRgb("#FFFFFF", .1));
T.setFillStyle(t)
} else {
T.setFillStyle(hexToRgb(n.color, A.opacity))
}
T.setLineWidth(2 * v.pix);
if (i.length > 1) {
var r = i[0];
let t = i[i.length - 1];
T.moveTo(r.x, r.y);
let a = 0;
if (n.style === "curve") {
for (let e = 0; e < i.length; e++) {
let t = i[e];
if (a == 0 && t.x > P) {
T.moveTo(t.x, t.y);
a = 1
}
if (e > 0 && t.x > P && t.x < C) {
var g = createCurveControlPoints(i, e - 1);
T.bezierCurveTo(g.ctrA.x, g.ctrA.y, g.ctrB.x, g.ctrB.y, t.x, t.y)
}
}
} else {
for (let e = 0; e < i.length; e++) {
let t = i[e];
if (a == 0 && t.x > P) {
T.moveTo(t.x, t.y);
a = 1
}
if (e > 0 && t.x > P && t.x < C) {
T.lineTo(t.x, t.y)
}
}
}
T.lineTo(t.x, L);
T.lineTo(r.x, L);
T.lineTo(r.x, r.y)
} else {
let t = i[0];
T.moveTo(t.x - S / 2, t.y)
}
T.closePath();
T.fill()
}
}
if (n.type == "line") {
var y = splitPoints(a, n);
y.forEach(function(i, t) {
if (n.lineType == "dash") {
let t = n.dashLength ? n.dashLength : 8;
t *= v.pix;
T.setLineDash([t, t])
}
T.beginPath();
T.setStrokeStyle(n.color);
T.setLineWidth(M.width * v.pix);
if (i.length === 1) {
T.moveTo(i[0].x, i[0].y)
} else {
T.moveTo(i[0].x, i[0].y);
let a = 0;
if (n.style == "curve") {
for (let e = 0; e < i.length; e++) {
let t = i[e];
if (a == 0 && t.x > P) {
T.moveTo(t.x, t.y);
a = 1
}
if (e > 0 && t.x > P && t.x < C) {
var r = createCurveControlPoints(i, e - 1);
T.bezierCurveTo(r.ctrA.x, r.ctrA.y, r.ctrB.x, r.ctrB.y, t.x, t.y)
}
}
} else {
for (let e = 0; e < i.length; e++) {
let t = i[e];
if (a == 0 && t.x > P) {
T.moveTo(t.x, t.y);
a = 1
}
if (e > 0 && t.x > P && t.x < C) {
T.lineTo(t.x, t.y)
}
}
}
T.moveTo(i[0].x, i[0].y)
}
T.stroke();
T.setLineDash([])
})
}
if (n.type == "point") {
n.addPoint = true
}
if (n.addPoint == true && n.type !== "column") {
drawPointShape(a, n.color, n.pointShape, T, v)
}
});
if (v.dataLabel !== false && D === 1) {
var _ = 0;
t.forEach(function(t, e) {
let a, i, r;
a = [].concat(v.chartData.yAxisData.ranges[t.index]);
i = a.pop();
r = a.shift();
var o = t.data;
var n = getDataPoints(o, i, r, b, S, v, m, D);
if (t.type !== "column") {
drawPointText(n, t, m, T, v)
} else {
n = fixColumeData(n, S, k, _, m, v);
drawPointText(n, t, m, T, v);
_ += 1
}
})
}
T.restore();
return {
xAxisPoints: b,
calPoints: F,
eachSpacing: S
}
}
function drawToolTipBridge(t, e, a, i, r, o) {
var n = t.extra.tooltip || {};
if (n.horizentalLine && t.tooltip && i === 1 && (t.type == "line" || t.type == "area" || t.type == "column" || t
.type == "mount" || t.type == "candle" || t.type == "mix")) {
drawToolTipHorizentalLine(t, e, a, r, o)
}
a.save();
if (t._scrollDistance_ && t._scrollDistance_ !== 0 && t.enableScroll === true) {
a.translate(t._scrollDistance_, 0)
}
if (t.tooltip && t.tooltip.textList && t.tooltip.textList.length && i === 1) {
drawToolTip(t.tooltip.textList, t.tooltip.offset, t, e, a, r, o)
}
a.restore()
}
function drawXAxis(r, h, c, d) {
let e = h.chartData.xAxisData,
x = e.xAxisPoints,
t = e.startX,
a = e.endX,
f = e.eachSpacing;
var p = "center";
if (h.type == "bar" || h.type == "line" || h.type == "area" || h.type == "scatter" || h.type == "bubble") {
p = h.xAxis.boundaryGap
}
var u = h.height - h.area[2];
var i = h.area[0];
if (h.enableScroll && h.xAxis.scrollShow) {
var o = h.height - h.area[2] + c.xAxisHeight;
var n = a - t;
var l = f * (x.length - 1);
if (h.type == "mount" && h.extra && h.extra.mount && h.extra.mount.widthRatio && h.extra.mount.widthRatio > 1) {
if (h.extra.mount.widthRatio > 2) h.extra.mount.widthRatio = 2;
l += (h.extra.mount.widthRatio - 1) * f
}
var s = n * n / l;
var y = 0;
if (h._scrollDistance_) {
y = -h._scrollDistance_ * n / l
}
d.beginPath();
d.setLineCap("round");
d.setLineWidth(6 * h.pix);
d.setStrokeStyle(h.xAxis.scrollBackgroundColor || "#EFEBEF");
d.moveTo(t, o);
d.lineTo(a, o);
d.stroke();
d.closePath();
d.beginPath();
d.setLineCap("round");
d.setLineWidth(6 * h.pix);
d.setStrokeStyle(h.xAxis.scrollColor || "#A6A6A6");
d.moveTo(t + y, o);
d.lineTo(t + y + s, o);
d.stroke();
d.closePath();
d.setLineCap("butt")
}
d.save();
if (h._scrollDistance_ && h._scrollDistance_ !== 0) {
d.translate(h._scrollDistance_, 0)
}
if (h.xAxis.calibration === true) {
d.setStrokeStyle(h.xAxis.gridColor || "#cccccc");
d.setLineCap("butt");
d.setLineWidth(1 * h.pix);
x.forEach(function(t, e) {
if (e > 0) {
d.beginPath();
d.moveTo(t - f / 2, u);
d.lineTo(t - f / 2, u + 3 * h.pix);
d.closePath();
d.stroke()
}
})
}
if (h.xAxis.disableGrid !== true) {
d.setStrokeStyle(h.xAxis.gridColor || "#cccccc");
d.setLineCap("butt");
d.setLineWidth(1 * h.pix);
if (h.xAxis.gridType == "dash") {
d.setLineDash([h.xAxis.dashLength * h.pix, h.xAxis.dashLength * h.pix])
}
h.xAxis.gridEval = h.xAxis.gridEval || 1;
x.forEach(function(t, e) {
if (e % h.xAxis.gridEval == 0) {
d.beginPath();
d.moveTo(t, u);
d.lineTo(t, i);
d.stroke()
}
});
d.setLineDash([])
}
if (h.xAxis.disabled !== true) {
let t = r.length;
if (h.xAxis.labelCount) {
if (h.xAxis.itemCount) {
t = Math.ceil(r.length / h.xAxis.itemCount * h.xAxis.labelCount)
} else {
t = h.xAxis.labelCount
}
t -= 1
}
let e = Math.ceil(r.length / t);
let a = [];
let i = r.length;
for (let t = 0; t < i; t++) {
if (t % e !== 0) {
a.push("")
} else {
a.push(r[t])
}
}
a[i - 1] = r[i - 1];
var g = h.xAxis.fontSize * h.pix || c.fontSize;
if (c._xAxisTextAngle_ === 0) {
a.forEach(function(t, e) {
var a = h.xAxis.formatter ? h.xAxis.formatter(t, e, h) : t;
var i = -measureText(String(a), g, d) / 2;
if (p == "center") {
i += f / 2
}
var r = 0;
if (h.xAxis.scrollShow) {
r = 6 * h.pix
}
var o = h._scrollDistance_ || 0;
var n = p == "center" ? x[e] + f / 2 : x[e];
if (n - Math.abs(o) >= h.area[3] - 1 && n - Math.abs(o) <= h.width - h.area[1] + 1) {
d.beginPath();
d.setFontSize(g);
d.setFillStyle(h.xAxis.fontColor || h.fontColor);
d.fillText(String(a), x[e] + i, u + h.xAxis.marginTop * h.pix + (h.xAxis.lineHeight - h.xAxis.fontSize) *
h.pix / 2 + h.xAxis.fontSize * h.pix);
d.closePath();
d.stroke()
}
})
} else {
a.forEach(function(t, e) {
var a = h.xAxis.formatter ? h.xAxis.formatter(t) : t;
var i = h._scrollDistance_ || 0;
var r = p == "center" ? x[e] + f / 2 : x[e];
if (r - Math.abs(i) >= h.area[3] - 1 && r - Math.abs(i) <= h.width - h.area[1] + 1) {
d.save();
d.beginPath();
d.setFontSize(g);
d.setFillStyle(h.xAxis.fontColor || h.fontColor);
var o = measureText(String(a), g, d);
var n = x[e];
if (p == "center") {
n = x[e] + f / 2
}
var l = 0;
if (h.xAxis.scrollShow) {
l = 6 * h.pix
}
var s = u + h.xAxis.marginTop * h.pix + g - g * Math.abs(Math.sin(c._xAxisTextAngle_));
if (h.xAxis.rotateAngle < 0) {
n -= g / 2;
o = 0
} else {
n += g / 2;
o = -o
}
d.translate(n, s);
d.rotate(-1 * c._xAxisTextAngle_);
d.fillText(String(a), o, 0);
d.closePath();
d.stroke();
d.restore()
}
})
}
}
d.restore();
if (h.xAxis.title) {
d.beginPath();
d.setFontSize(h.xAxis.titleFontSize * h.pix);
d.setFillStyle(h.xAxis.titleFontColor);
d.fillText(String(h.xAxis.title), h.width - h.area[1] + h.xAxis.titleOffsetX * h.pix, h.height - h.area[2] + h.xAxis
.marginTop * h.pix + (h.xAxis.lineHeight - h.xAxis.titleFontSize) * h.pix / 2 + (h.xAxis.titleFontSize + h.xAxis
.titleOffsetY) * h.pix);
d.closePath();
d.stroke()
}
if (h.xAxis.axisLine) {
d.beginPath();
d.setStrokeStyle(h.xAxis.axisLineColor);
d.setLineWidth(1 * h.pix);
d.moveTo(t, h.height - h.area[2]);
d.lineTo(a, h.height - h.area[2]);
d.stroke()
}
}
function drawYAxisGrid(c, e, d, a) {
if (e.yAxis.disableGrid === true) {
return
}
let t = e.height - e.area[0] - e.area[2];
let i = t / e.yAxis.splitNumber;
let r = e.area[3];
let o = e.chartData.xAxisData.xAxisPoints,
n = e.chartData.xAxisData.eachSpacing;
let l = n * (o.length - 1);
if (e.type == "mount" && e.extra && e.extra.mount && e.extra.mount.widthRatio && e.extra.mount.widthRatio > 1) {
if (e.extra.mount.widthRatio > 2) e.extra.mount.widthRatio = 2;
l += (e.extra.mount.widthRatio - 1) * n
}
let x = r + l;
let s = [];
let h = 1;
if (e.xAxis.axisLine === false) {
h = 0
}
for (let t = h; t < e.yAxis.splitNumber + 1; t++) {
s.push(e.height - e.area[2] - i * t)
}
a.save();
if (e._scrollDistance_ && e._scrollDistance_ !== 0) {
a.translate(e._scrollDistance_, 0)
}
if (e.yAxis.gridType == "dash") {
a.setLineDash([e.yAxis.dashLength * e.pix, e.yAxis.dashLength * e.pix])
}
a.setStrokeStyle(e.yAxis.gridColor);
a.setLineWidth(1 * e.pix);
s.forEach(function(t, e) {
a.beginPath();
a.moveTo(r, t);
a.lineTo(x, t);
a.stroke()
});
a.setLineDash([]);
a.restore()
}
function drawYAxis(e, h, a, c) {
if (h.yAxis.disabled === true) {
return
}
var i = h.height - h.area[0] - h.area[2];
var r = i / h.yAxis.splitNumber;
var o = h.area[3];
var n = h.width - h.area[1];
var t = h.height - h.area[2];
c.beginPath();
c.setFillStyle(h.background);
if (h.enableScroll == true && h.xAxis.scrollPosition && h.xAxis.scrollPosition !== "left") {
c.fillRect(0, 0, o, t + 2 * h.pix)
}
if (h.enableScroll == true && h.xAxis.scrollPosition && h.xAxis.scrollPosition !== "right") {
c.fillRect(n, 0, h.width, t + 2 * h.pix)
}
c.closePath();
c.stroke();
let d = h.area[3];
let x = h.width - h.area[1];
let f = h.area[3] + (h.width - h.area[1] - h.area[3]) / 2;
if (h.yAxis.data) {
for (let e = 0; e < h.yAxis.data.length; e++) {
let s = h.yAxis.data[e];
var p = [];
if (s.type === "categories") {
for (let t = 0; t <= s.categories.length; t++) {
p.push(h.area[0] + i / s.categories.length / 2 + i / s.categories.length * t)
}
} else {
for (let t = 0; t <= h.yAxis.splitNumber; t++) {
p.push(h.area[0] + r * t)
}
}
if (s.disabled !== true) {
let t = h.chartData.yAxisData.rangesFormat[e];
let o = s.fontSize ? s.fontSize * h.pix : a.fontSize;
let n = h.chartData.yAxisData.yAxisWidth[e];
let l = s.textAlign || "right";
t.forEach(function(t, e) {
var a = p[e];
c.beginPath();
c.setFontSize(o);
c.setLineWidth(1 * h.pix);
c.setStrokeStyle(s.axisLineColor || "#cccccc");
c.setFillStyle(s.fontColor || h.fontColor);
let i = 0;
let r = 4 * h.pix;
if (n.position == "left") {
if (s.calibration == true) {
c.moveTo(d, a);
c.lineTo(d - 3 * h.pix, a);
r += 3 * h.pix
}
switch (l) {
case "left":
c.setTextAlign("left");
i = d - n.width;
break;
case "right":
c.setTextAlign("right");
i = d - r;
break;
default:
c.setTextAlign("center");
i = d - n.width / 2
}
c.fillText(String(t), i, a + o / 2 - 3 * h.pix)
} else if (n.position == "right") {
if (s.calibration == true) {
c.moveTo(x, a);
c.lineTo(x + 3 * h.pix, a);
r += 3 * h.pix
}
switch (l) {
case "left":
c.setTextAlign("left");
i = x + r;
break;
case "right":
c.setTextAlign("right");
i = x + n.width;
break;
default:
c.setTextAlign("center");
i = x + n.width / 2
}
c.fillText(String(t), i, a + o / 2 - 3 * h.pix)
} else if (n.position == "center") {
if (s.calibration == true) {
c.moveTo(f, a);
c.lineTo(f - 3 * h.pix, a);
r += 3 * h.pix
}
switch (l) {
case "left":
c.setTextAlign("left");
i = f - n.width;
break;
case "right":
c.setTextAlign("right");
i = f - r;
break;
default:
c.setTextAlign("center");
i = f - n.width / 2
}
c.fillText(String(t), i, a + o / 2 - 3 * h.pix)
}
c.closePath();
c.stroke();
c.setTextAlign("left")
});
if (s.axisLine !== false) {
c.beginPath();
c.setStrokeStyle(s.axisLineColor || "#cccccc");
c.setLineWidth(1 * h.pix);
if (n.position == "left") {
c.moveTo(d, h.height - h.area[2]);
c.lineTo(d, h.area[0])
} else if (n.position == "right") {
c.moveTo(x, h.height - h.area[2]);
c.lineTo(x, h.area[0])
} else if (n.position == "center") {
c.moveTo(f, h.height - h.area[2]);
c.lineTo(f, h.area[0])
}
c.stroke()
}
if (h.yAxis.showTitle) {
let t = s.titleFontSize * h.pix || a.fontSize;
let e = s.title;
c.beginPath();
c.setFontSize(t);
c.setFillStyle(s.titleFontColor || h.fontColor);
if (n.position == "left") {
c.fillText(e, d - measureText(e, t, c) / 2 + (s.titleOffsetX || 0), h.area[0] - (10 - (s.titleOffsetY ||
0)) * h.pix)
} else if (n.position == "right") {
c.fillText(e, x - measureText(e, t, c) / 2 + (s.titleOffsetX || 0), h.area[0] - (10 - (s.titleOffsetY ||
0)) * h.pix)
} else if (n.position == "center") {
c.fillText(e, f - measureText(e, t, c) / 2 + (s.titleOffsetX || 0), h.area[0] - (10 - (s.titleOffsetY ||
0)) * h.pix)
}
c.closePath();
c.stroke()
}
if (n.position == "left") {
d -= n.width + h.yAxis.padding * h.pix
} else {
x += n.width + h.yAxis.padding * h.pix
}
}
}
}
}
function drawLegend(t, l, y, s, e) {
if (l.legend.show === false) {
return
}
let h = e.legendData;
let a = h.points;
let c = h.area;
let d = l.legend.padding * l.pix;
let x = l.legend.fontSize * l.pix;
let f = 15 * l.pix;
let p = 5 * l.pix;
let u = l.legend.itemGap * l.pix;
let g = Math.max(l.legend.lineHeight * l.pix, x);
s.beginPath();
s.setLineWidth(l.legend.borderWidth * l.pix);
s.setStrokeStyle(l.legend.borderColor);
s.setFillStyle(l.legend.backgroundColor);
s.moveTo(c.start.x, c.start.y);
s.rect(c.start.x, c.start.y, c.width, c.height);
s.closePath();
s.fill();
s.stroke();
a.forEach(function(i, t) {
let e = 0;
let a = 0;
e = h.widthArr[t];
a = h.heightArr[t];
let r = 0;
let o = 0;
if (l.legend.position == "top" || l.legend.position == "bottom") {
switch (l.legend.float) {
case "left":
r = c.start.x + d;
break;
case "right":
r = c.start.x + c.width - e;
break;
default:
r = c.start.x + (c.width - e) / 2
}
o = c.start.y + d + t * g
} else {
if (t == 0) {
e = 0
} else {
e = h.widthArr[t - 1]
}
r = c.start.x + d + e;
o = c.start.y + d + (c.height - a) / 2
}
s.setFontSize(y.fontSize);
for (let a = 0; a < i.length; a++) {
let t = i[a];
t.area = [0, 0, 0, 0];
t.area[0] = r;
t.area[1] = o;
t.area[3] = o + g;
s.beginPath();
s.setLineWidth(1 * l.pix);
s.setStrokeStyle(t.show ? t.color : l.legend.hiddenColor);
s.setFillStyle(t.show ? t.color : l.legend.hiddenColor);
switch (t.legendShape) {
case "line":
s.moveTo(r, o + .5 * g - 2 * l.pix);
s.fillRect(r, o + .5 * g - 2 * l.pix, 15 * l.pix, 4 * l.pix);
break;
case "triangle":
s.moveTo(r + 7.5 * l.pix, o + .5 * g - 5 * l.pix);
s.lineTo(r + 2.5 * l.pix, o + .5 * g + 5 * l.pix);
s.lineTo(r + 12.5 * l.pix, o + .5 * g + 5 * l.pix);
s.lineTo(r + 7.5 * l.pix, o + .5 * g - 5 * l.pix);
break;
case "diamond":
s.moveTo(r + 7.5 * l.pix, o + .5 * g - 5 * l.pix);
s.lineTo(r + 2.5 * l.pix, o + .5 * g);
s.lineTo(r + 7.5 * l.pix, o + .5 * g + 5 * l.pix);
s.lineTo(r + 12.5 * l.pix, o + .5 * g);
s.lineTo(r + 7.5 * l.pix, o + .5 * g - 5 * l.pix);
break;
case "circle":
s.moveTo(r + 7.5 * l.pix, o + .5 * g);
s.arc(r + 7.5 * l.pix, o + .5 * g, 5 * l.pix, 0, 2 * Math.PI);
break;
case "rect":
s.moveTo(r, o + .5 * g - 5 * l.pix);
s.fillRect(r, o + .5 * g - 5 * l.pix, 15 * l.pix, 10 * l.pix);
break;
case "square":
s.moveTo(r + 5 * l.pix, o + .5 * g - 5 * l.pix);
s.fillRect(r + 5 * l.pix, o + .5 * g - 5 * l.pix, 10 * l.pix, 10 * l.pix);
break;
case "none":
break;
default:
s.moveTo(r, o + .5 * g - 5 * l.pix);
s.fillRect(r, o + .5 * g - 5 * l.pix, 15 * l.pix, 10 * l.pix)
}
s.closePath();
s.fill();
s.stroke();
r += f + p;
let e = .5 * g + .5 * x - 2;
const n = t.legendText ? t.legendText : t.name;
s.beginPath();
s.setFontSize(x);
s.setFillStyle(t.show ? l.legend.fontColor : l.legend.hiddenColor);
s.fillText(n, r, o + e);
s.closePath();
s.stroke();
if (l.legend.position == "top" || l.legend.position == "bottom") {
r += measureText(n, x, s) + u;
t.area[2] = r
} else {
t.area[2] = r + measureText(n, x, s) + u;
r -= f + p;
o += g
}
}
})
}
function drawPieDataPoints(t, r, e, o) {
var a = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
var n = assign({}, {
activeOpacity: .5,
activeRadius: 10,
offsetAngle: 0,
labelWidth: 15,
ringWidth: 30,
customRadius: 0,
border: false,
borderWidth: 2,
borderColor: "#FFFFFF",
centerColor: "#FFFFFF",
linearType: "none",
customColor: []
}, r.type == "pie" ? r.extra.pie : r.extra.ring);
var l = {
x: r.area[3] + (r.width - r.area[1] - r.area[3]) / 2,
y: r.area[0] + (r.height - r.area[0] - r.area[2]) / 2
};
if (e.pieChartLinePadding == 0) {
e.pieChartLinePadding = n.activeRadius * r.pix
}
var i = Math.min((r.width - r.area[1] - r.area[3]) / 2 - e.pieChartLinePadding - e.pieChartTextPadding - e
._pieTextMaxLength_, (r.height - r.area[0] - r.area[2]) / 2 - e.pieChartLinePadding - e.pieChartTextPadding);
i = i < 10 ? 10 : i;
if (n.customRadius > 0) {
i = n.customRadius * r.pix
}
t = getPieDataPoints(t, i, a);
var h = n.activeRadius * r.pix;
n.customColor = fillCustomColor(n.linearType, n.customColor, t, e);
t = t.map(function(t) {
t._start_ += n.offsetAngle * Math.PI / 180;
return t
});
t.forEach(function(t, e) {
if (r.tooltip) {
if (r.tooltip.index == e) {
o.beginPath();
o.setFillStyle(hexToRgb(t.color, n.activeOpacity || .5));
o.moveTo(l.x, l.y);
o.arc(l.x, l.y, t._radius_ + h, t._start_, t._start_ + 2 * t._proportion_ * Math.PI);
o.closePath();
o.fill()
}
}
o.beginPath();
o.setLineWidth(n.borderWidth * r.pix);
o.lineJoin = "round";
o.setStrokeStyle(n.borderColor);
var a = t.color;
if (n.linearType == "custom") {
var i;
if (o.createCircularGradient) {
i = o.createCircularGradient(l.x, l.y, t._radius_)
} else {
i = o.createRadialGradient(l.x, l.y, 0, l.x, l.y, t._radius_)
}
i.addColorStop(0, hexToRgb(n.customColor[t.linearIndex], 1));
i.addColorStop(1, hexToRgb(t.color, 1));
a = i
}
o.setFillStyle(a);
o.moveTo(l.x, l.y);
o.arc(l.x, l.y, t._radius_, t._start_, t._start_ + 2 * t._proportion_ * Math.PI);
o.closePath();
o.fill();
if (n.border == true) {
o.stroke()
}
});
if (r.type === "ring") {
var s = i * .6;
if (typeof n.ringWidth === "number" && n.ringWidth > 0) {
s = Math.max(0, i - n.ringWidth * r.pix)
}
o.beginPath();
o.setFillStyle(n.centerColor);
o.moveTo(l.x, l.y);
o.arc(l.x, l.y, s, 0, 2 * Math.PI);
o.closePath();
o.fill()
}
if (r.dataLabel !== false && a === 1) {
drawPieText(t, r, e, o, i, l)
}
if (a === 1 && r.type === "ring") {
drawRingTitle(r, e, o, l)
}
return {
center: l,
radius: i,
series: t
}
}
function drawRoseDataPoints(t, r, e, o) {
var a = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
var n = assign({}, {
type: "area",
activeOpacity: .5,
activeRadius: 10,
offsetAngle: 0,
labelWidth: 15,
border: false,
borderWidth: 2,
borderColor: "#FFFFFF",
linearType: "none",
customColor: []
}, r.extra.rose);
if (e.pieChartLinePadding == 0) {
e.pieChartLinePadding = n.activeRadius * r.pix
}
var l = {
x: r.area[3] + (r.width - r.area[1] - r.area[3]) / 2,
y: r.area[0] + (r.height - r.area[0] - r.area[2]) / 2
};
var i = Math.min((r.width - r.area[1] - r.area[3]) / 2 - e.pieChartLinePadding - e.pieChartTextPadding - e
._pieTextMaxLength_, (r.height - r.area[0] - r.area[2]) / 2 - e.pieChartLinePadding - e.pieChartTextPadding);
i = i < 10 ? 10 : i;
var s = n.minRadius || i * .5;
if (i < s) {
i = s + 10
}
t = getRoseDataPoints(t, n.type, s, i, a);
var h = n.activeRadius * r.pix;
n.customColor = fillCustomColor(n.linearType, n.customColor, t, e);
t = t.map(function(t) {
t._start_ += (n.offsetAngle || 0) * Math.PI / 180;
return t
});
t.forEach(function(t, e) {
if (r.tooltip) {
if (r.tooltip.index == e) {
o.beginPath();
o.setFillStyle(hexToRgb(t.color, n.activeOpacity || .5));
o.moveTo(l.x, l.y);
o.arc(l.x, l.y, h + t._radius_, t._start_, t._start_ + 2 * t._rose_proportion_ * Math.PI);
o.closePath();
o.fill()
}
}
o.beginPath();
o.setLineWidth(n.borderWidth * r.pix);
o.lineJoin = "round";
o.setStrokeStyle(n.borderColor);
var a = t.color;
if (n.linearType == "custom") {
var i;
if (o.createCircularGradient) {
i = o.createCircularGradient(l.x, l.y, t._radius_)
} else {
i = o.createRadialGradient(l.x, l.y, 0, l.x, l.y, t._radius_)
}
i.addColorStop(0, hexToRgb(n.customColor[t.linearIndex], 1));
i.addColorStop(1, hexToRgb(t.color, 1));
a = i
}
o.setFillStyle(a);
o.moveTo(l.x, l.y);
o.arc(l.x, l.y, t._radius_, t._start_, t._start_ + 2 * t._rose_proportion_ * Math.PI);
o.closePath();
o.fill();
if (n.border == true) {
o.stroke()
}
});
if (r.dataLabel !== false && a === 1) {
drawPieText(t, r, e, o, i, l)
}
return {
center: l,
radius: i,
series: t
}
}
function drawArcbarDataPoints(a, i, t, r) {
var e = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
var o = assign({}, {
startAngle: .75,
endAngle: .25,
type: "default",
direction: "cw",
lineCap: "round",
width: 12,
gap: 2,
linearType: "none",
customColor: []
}, i.extra.arcbar);
a = getArcbarDataPoints(a, o, e);
var n;
if (o.centerX || o.centerY) {
n = {
x: o.centerX ? o.centerX : i.width / 2,
y: o.centerY ? o.centerY : i.height / 2
}
} else {
n = {
x: i.width / 2,
y: i.height / 2
}
}
var l;
if (o.radius) {
l = o.radius
} else {
l = Math.min(n.x, n.y);
l -= 5 * i.pix;
l -= o.width / 2
}
l = l < 10 ? 10 : l;
o.customColor = fillCustomColor(o.linearType, o.customColor, a, t);
for (let e = 0; e < a.length; e++) {
let t = a[e];
r.setLineWidth(o.width * i.pix);
r.setStrokeStyle(o.backgroundColor || "#E9E9E9");
r.setLineCap(o.lineCap);
r.beginPath();
if (o.type == "default") {
r.arc(n.x, n.y, l - (o.width * i.pix + o.gap * i.pix) * e, o.startAngle * Math.PI, o.endAngle * Math.PI, o
.direction == "ccw")
} else {
r.arc(n.x, n.y, l - (o.width * i.pix + o.gap * i.pix) * e, 0, 2 * Math.PI, o.direction == "ccw")
}
r.stroke();
var s = t.color;
if (o.linearType == "custom") {
var h = r.createLinearGradient(n.x - l, n.y, n.x + l, n.y);
h.addColorStop(1, hexToRgb(o.customColor[t.linearIndex], 1));
h.addColorStop(0, hexToRgb(t.color, 1));
s = h
}
r.setLineWidth(o.width * i.pix);
r.setStrokeStyle(s);
r.setLineCap(o.lineCap);
r.beginPath();
r.arc(n.x, n.y, l - (o.width * i.pix + o.gap * i.pix) * e, o.startAngle * Math.PI, t._proportion_ * Math.PI, o
.direction == "ccw");
r.stroke()
}
drawRingTitle(i, t, r, n);
return {
center: n,
radius: l,
series: a
}
}
function drawGaugeDataPoints(n, h, c, t, d) {
var x = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;
var f = assign({}, {
type: "default",
startAngle: .75,
endAngle: .25,
width: 15,
labelOffset: 13,
splitLine: {
fixRadius: 0,
splitNumber: 10,
width: 15,
color: "#FFFFFF",
childNumber: 5,
childWidth: 5
},
pointer: {
width: 15,
color: "auto"
}
}, c.extra.gauge);
if (f.oldAngle == undefined) {
f.oldAngle = f.startAngle
}
if (f.oldData == undefined) {
f.oldData = 0
}
n = getGaugeAxisPoints(n, f.startAngle, f.endAngle);
var p = {
x: c.width / 2,
y: c.height / 2
};
var u = Math.min(p.x, p.y);
u -= 5 * c.pix;
u -= f.width / 2;
u = u < 10 ? 10 : u;
var g = u - f.width;
var y = 0;
if (f.type == "progress") {
var v = u - f.width * 3;
d.beginPath();
let t = d.createLinearGradient(p.x, p.y - v, p.x, p.y + v);
t.addColorStop("0", hexToRgb(h[0].color, .3));
t.addColorStop("1.0", hexToRgb("#FFFFFF", .1));
d.setFillStyle(t);
d.arc(p.x, p.y, v, 0, 2 * Math.PI, false);
d.fill();
d.setLineWidth(f.width);
d.setStrokeStyle(hexToRgb(h[0].color, .3));
d.setLineCap("round");
d.beginPath();
d.arc(p.x, p.y, g, f.startAngle * Math.PI, f.endAngle * Math.PI, false);
d.stroke();
if (f.endAngle < f.startAngle) {
y = 2 + f.endAngle - f.startAngle
} else {
y = f.startAngle - f.endAngle
}
let e = y / f.splitLine.splitNumber;
let a = y / f.splitLine.splitNumber / f.splitLine.childNumber;
let i = -u - f.width * .5 - f.splitLine.fixRadius;
let r = -u - f.width - f.splitLine.fixRadius + f.splitLine.width;
d.save();
d.translate(p.x, p.y);
d.rotate((f.startAngle - 1) * Math.PI);
let o = f.splitLine.splitNumber * f.splitLine.childNumber + 1;
let n = h[0].data * x;
for (let t = 0; t < o; t++) {
d.beginPath();
if (n > t / o) {
d.setStrokeStyle(hexToRgb(h[0].color, 1))
} else {
d.setStrokeStyle(hexToRgb(h[0].color, .3))
}
d.setLineWidth(3 * c.pix);
d.moveTo(i, 0);
d.lineTo(r, 0);
d.stroke();
d.rotate(a * Math.PI)
}
d.restore();
h = getGaugeArcbarDataPoints(h, f, x);
d.setLineWidth(f.width);
d.setStrokeStyle(h[0].color);
d.setLineCap("round");
d.beginPath();
d.arc(p.x, p.y, g, f.startAngle * Math.PI, h[0]._proportion_ * Math.PI, false);
d.stroke();
let l = u - f.width * 2.5;
d.save();
d.translate(p.x, p.y);
d.rotate((h[0]._proportion_ - 1) * Math.PI);
d.beginPath();
d.setLineWidth(f.width / 3);
let s = d.createLinearGradient(0, -l * .6, 0, l * .6);
s.addColorStop("0", hexToRgb("#FFFFFF", 0));
s.addColorStop("0.5", hexToRgb(h[0].color, 1));
s.addColorStop("1.0", hexToRgb("#FFFFFF", 0));
d.setStrokeStyle(s);
d.arc(0, 0, l, .85 * Math.PI, 1.15 * Math.PI, false);
d.stroke();
d.beginPath();
d.setLineWidth(1);
d.setStrokeStyle(h[0].color);
d.setFillStyle(h[0].color);
d.moveTo(-l - f.width / 3 / 2, -4);
d.lineTo(-l - f.width / 3 / 2 - 4, 0);
d.lineTo(-l - f.width / 3 / 2, 4);
d.lineTo(-l - f.width / 3 / 2, -4);
d.stroke();
d.fill();
d.restore()
} else {
d.setLineWidth(f.width);
d.setLineCap("butt");
for (let e = 0; e < n.length; e++) {
let t = n[e];
d.beginPath();
d.setStrokeStyle(t.color);
d.arc(p.x, p.y, u, t._startAngle_ * Math.PI, t._endAngle_ * Math.PI, false);
d.stroke()
}
d.save();
if (f.endAngle < f.startAngle) {
y = 2 + f.endAngle - f.startAngle
} else {
y = f.startAngle - f.endAngle
}
let e = y / f.splitLine.splitNumber;
let a = y / f.splitLine.splitNumber / f.splitLine.childNumber;
let i = -u - f.width * .5 - f.splitLine.fixRadius;
let r = -u - f.width * .5 - f.splitLine.fixRadius + f.splitLine.width;
let o = -u - f.width * .5 - f.splitLine.fixRadius + f.splitLine.childWidth;
d.translate(p.x, p.y);
d.rotate((f.startAngle - 1) * Math.PI);
for (let t = 0; t < f.splitLine.splitNumber + 1; t++) {
d.beginPath();
d.setStrokeStyle(f.splitLine.color);
d.setLineWidth(2 * c.pix);
d.moveTo(i, 0);
d.lineTo(r, 0);
d.stroke();
d.rotate(e * Math.PI)
}
d.restore();
d.save();
d.translate(p.x, p.y);
d.rotate((f.startAngle - 1) * Math.PI);
for (let t = 0; t < f.splitLine.splitNumber * f.splitLine.childNumber + 1; t++) {
d.beginPath();
d.setStrokeStyle(f.splitLine.color);
d.setLineWidth(1 * c.pix);
d.moveTo(i, 0);
d.lineTo(o, 0);
d.stroke();
d.rotate(a * Math.PI)
}
d.restore();
h = getGaugeDataPoints(h, n, f, x);
for (let e = 0; e < h.length; e++) {
let t = h[e];
d.save();
d.translate(p.x, p.y);
d.rotate((t._proportion_ - 1) * Math.PI);
d.beginPath();
d.setFillStyle(t.color);
d.moveTo(f.pointer.width, 0);
d.lineTo(0, -f.pointer.width / 2);
d.lineTo(-g, 0);
d.lineTo(0, f.pointer.width / 2);
d.lineTo(f.pointer.width, 0);
d.closePath();
d.fill();
d.beginPath();
d.setFillStyle("#FFFFFF");
d.arc(0, 0, f.pointer.width / 6, 0, 2 * Math.PI, false);
d.fill();
d.restore()
}
if (c.dataLabel !== false) {
drawGaugeLabel(f, u, p, c, t, d)
}
}
drawRingTitle(c, t, d, p);
if (x === 1 && c.type === "gauge") {
c.extra.gauge.oldAngle = h[0]._proportion_;
c.extra.gauge.oldData = h[0].data
}
return {
center: p,
radius: u,
innerRadius: g,
categories: n,
totalAngle: y
}
}
function drawRadarDataPoints(o, n, i, l) {
var t = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
var s = assign({}, {
gridColor: "#cccccc",
gridType: "radar",
gridEval: 1,
axisLabel: false,
axisLabelTofix: 0,
labelShow: true,
labelColor: "#666666",
labelPointShow: false,
labelPointRadius: 3,
labelPointColor: "#cccccc",
opacity: .2,
gridCount: 3,
border: false,
borderWidth: 2,
linearType: "none",
customColor: []
}, n.extra.radar);
var a = getRadarCoordinateSeries(n.categories.length);
var h = {
x: n.area[3] + (n.width - n.area[1] - n.area[3]) / 2,
y: n.area[0] + (n.height - n.area[0] - n.area[2]) / 2
};
var r = (n.width - n.area[1] - n.area[3]) / 2;
var d = (n.height - n.area[0] - n.area[2]) / 2;
var c = Math.min(r - (getMaxTextListLength(n.categories, i.fontSize, l) + i.radarLabelTextMargin), d - i
.radarLabelTextMargin);
c -= i.radarLabelTextMargin * n.pix;
c = c < 10 ? 10 : c;
c = s.radius ? s.radius : c;
l.beginPath();
l.setLineWidth(1 * n.pix);
l.setStrokeStyle(s.gridColor);
a.forEach(function(t, e) {
var a = convertCoordinateOrigin(c * Math.cos(t), c * Math.sin(t), h);
l.moveTo(h.x, h.y);
if (e % s.gridEval == 0) {
l.lineTo(a.x, a.y)
}
});
l.stroke();
l.closePath();
var x = function t(i) {
var r = {};
l.beginPath();
l.setLineWidth(1 * n.pix);
l.setStrokeStyle(s.gridColor);
if (s.gridType == "radar") {
a.forEach(function(t, e) {
var a = convertCoordinateOrigin(c / s.gridCount * i * Math.cos(t), c / s.gridCount * i * Math.sin(t), h);
if (e === 0) {
r = a;
l.moveTo(a.x, a.y)
} else {
l.lineTo(a.x, a.y)
}
});
l.lineTo(r.x, r.y)
} else {
var e = convertCoordinateOrigin(c / s.gridCount * i * Math.cos(1.5), c / s.gridCount * i * Math.sin(1.5), h);
l.arc(h.x, h.y, h.y - e.y, 0, 2 * Math.PI, false)
}
l.stroke();
l.closePath()
};
for (var e = 1; e <= s.gridCount; e++) {
x(e)
}
s.customColor = fillCustomColor(s.linearType, s.customColor, o, i);
var f = getRadarDataPoints(a, h, c, o, n, t);
f.forEach(function(t, e) {
l.beginPath();
l.setLineWidth(s.borderWidth * n.pix);
l.setStrokeStyle(t.color);
var a = hexToRgb(t.color, s.opacity);
if (s.linearType == "custom") {
var i;
if (l.createCircularGradient) {
i = l.createCircularGradient(h.x, h.y, c)
} else {
i = l.createRadialGradient(h.x, h.y, 0, h.x, h.y, c)
}
i.addColorStop(0, hexToRgb(s.customColor[o[e].linearIndex], s.opacity));
i.addColorStop(1, hexToRgb(t.color, s.opacity));
a = i
}
l.setFillStyle(a);
t.data.forEach(function(t, e) {
if (e === 0) {
l.moveTo(t.position.x, t.position.y)
} else {
l.lineTo(t.position.x, t.position.y)
}
});
l.closePath();
l.fill();
if (s.border === true) {
l.stroke()
}
l.closePath();
if (n.dataPointShape !== false) {
var r = t.data.map(function(t) {
return t.position
});
drawPointShape(r, t.color, t.pointShape, l, n)
}
});
if (s.axisLabel === true) {
const p = Math.max(s.max, Math.max.apply(null, dataCombine(o)));
const u = c / s.gridCount;
const g = n.fontSize * n.pix;
l.setFontSize(g);
l.setFillStyle(n.fontColor);
l.setTextAlign("left");
for (var e = 0; e < s.gridCount + 1; e++) {
let t = e * p / s.gridCount;
t = t.toFixed(s.axisLabelTofix);
l.fillText(String(t), h.x + 3 * n.pix, h.y - e * u + g / 2)
}
}
drawRadarLabel(a, c, h, n, i, l);
if (n.dataLabel !== false && t === 1) {
f.forEach(function(t, e) {
l.beginPath();
var a = t.textSize * n.pix || i.fontSize;
l.setFontSize(a);
l.setFillStyle(t.textColor || n.fontColor);
t.data.forEach(function(t, e) {
if (Math.abs(t.position.x - h.x) < 2) {
if (t.position.y < h.y) {
l.setTextAlign("center");
l.fillText(t.value, t.position.x, t.position.y - 4)
} else {
l.setTextAlign("center");
l.fillText(t.value, t.position.x, t.position.y + a + 2)
}
} else {
if (t.position.x < h.x) {
l.setTextAlign("right");
l.fillText(t.value, t.position.x - 4, t.position.y + a / 2 - 2)
} else {
l.setTextAlign("left");
l.fillText(t.value, t.position.x + 4, t.position.y + a / 2 - 2)
}
}
});
l.closePath();
l.stroke()
});
l.setTextAlign("left")
}
return {
center: h,
radius: c,
angleList: a
}
}
function lonlat2mercator(t, e) {
var a = Array(2);
var i = t * 20037508.34 / 180;
var r = Math.log(Math.tan((90 + e) * Math.PI / 360)) / (Math.PI / 180);
r = r * 20037508.34 / 180;
a[0] = i;
a[1] = r;
return a
}
function mercator2lonlat(t, e) {
var a = Array(2);
var i = t / 20037508.34 * 180;
var r = e / 20037508.34 * 180;
r = 180 / Math.PI * (2 * Math.atan(Math.exp(r * Math.PI / 180)) - Math.PI / 2);
a[0] = i;
a[1] = r;
return a
}
function getBoundingBox(t) {
var e = {},
a;
e.xMin = 180;
e.xMax = 0;
e.yMin = 90;
e.yMax = 0;
for (var i = 0; i < t.length; i++) {
var r = t[i].geometry.coordinates;
for (var o = 0; o < r.length; o++) {
a = r[o];
if (a.length == 1) {
a = a[0]
}
for (var n = 0; n < a.length; n++) {
var l = a[n][0];
var s = a[n][1];
var h = {
x: l,
y: s
};
e.xMin = e.xMin < h.x ? e.xMin : h.x;
e.xMax = e.xMax > h.x ? e.xMax : h.x;
e.yMin = e.yMin < h.y ? e.yMin : h.y;
e.yMax = e.yMax > h.y ? e.yMax : h.y
}
}
}
return e
}
function coordinateToPoint(t, e, a, i, r, o) {
return {
x: (e - a.xMin) * i + r,
y: (a.yMax - t) * i + o
}
}
function pointToCoordinate(t, e, a, i, r, o) {
return {
x: (e - r) / i + a.xMin,
y: a.yMax - (t - o) / i
}
}
function isRayIntersectsSegment(t, e, a) {
if (e[1] == a[1]) {
return false
}
if (e[1] > t[1] && a[1] > t[1]) {
return false
}
if (e[1] < t[1] && a[1] < t[1]) {
return false
}
if (e[1] == t[1] && a[1] > t[1]) {
return false
}
if (a[1] == t[1] && e[1] > t[1]) {
return false
}
if (e[0] < t[0] && a[1] < t[1]) {
return false
}
let i = a[0] - (a[0] - e[0]) * (a[1] - t[1]) / (a[1] - e[1]);
if (i < t[0]) {
return false
} else {
return true
}
}
function isPoiWithinPoly(r, e, o) {
let n = 0;
for (let t = 0; t < e.length; t++) {
let i = e[t][0];
if (e.length == 1) {
i = e[t][0]
}
for (let a = 0; a < i.length - 1; a++) {
let t = i[a];
let e = i[a + 1];
if (o) {
t = lonlat2mercator(i[a][0], i[a][1]);
e = lonlat2mercator(i[a + 1][0], i[a + 1][1])
}
if (isRayIntersectsSegment(r, t, e)) {
n += 1
}
}
}
if (n % 2 == 1) {
return true
} else {
return false
}
}
function drawMapDataPoints(a, i, d, r) {
var o = assign({}, {
border: true,
mercator: false,
borderWidth: 1,
active: true,
borderColor: "#666666",
fillOpacity: .6,
activeBorderColor: "#f04864",
activeFillColor: "#facc14",
activeFillOpacity: 1
}, i.extra.map);
var t, n;
var l = a;
var s = getBoundingBox(l);
if (o.mercator) {
var x = lonlat2mercator(s.xMax, s.yMax);
var f = lonlat2mercator(s.xMin, s.yMin);
s.xMax = x[0];
s.yMax = x[1];
s.xMin = f[0];
s.yMin = f[1]
}
var p = i.width / Math.abs(s.xMax - s.xMin);
var u = i.height / Math.abs(s.yMax - s.yMin);
var h = p < u ? p : u;
var g = i.width / 2 - Math.abs(s.xMax - s.xMin) / 2 * h;
var y = i.height / 2 - Math.abs(s.yMax - s.yMin) / 2 * h;
for (var c = 0; c < l.length; c++) {
r.beginPath();
r.setLineWidth(o.borderWidth * i.pix);
r.setStrokeStyle(o.borderColor);
r.setFillStyle(hexToRgb(a[c].color, a[c].fillOpacity || o.fillOpacity));
if (o.active == true && i.tooltip) {
if (i.tooltip.index == c) {
r.setStrokeStyle(o.activeBorderColor);
r.setFillStyle(hexToRgb(o.activeFillColor, o.activeFillOpacity))
}
}
var v = l[c].geometry.coordinates;
for (var m = 0; m < v.length; m++) {
t = v[m];
if (t.length == 1) {
t = t[0]
}
for (var e = 0; e < t.length; e++) {
var T = Array(2);
if (o.mercator) {
T = lonlat2mercator(t[e][0], t[e][1])
} else {
T = t[e]
}
n = coordinateToPoint(T[1], T[0], s, h, g, y);
if (e === 0) {
r.beginPath();
r.moveTo(n.x, n.y)
} else {
r.lineTo(n.x, n.y)
}
}
r.fill();
if (o.border == true) {
r.stroke()
}
}
}
if (i.dataLabel == true) {
for (var c = 0; c < l.length; c++) {
var b = l[c].properties.centroid;
if (b) {
if (o.mercator) {
b = lonlat2mercator(l[c].properties.centroid[0], l[c].properties.centroid[1])
}
n = coordinateToPoint(b[1], b[0], s, h, g, y);
let t = l[c].textSize * i.pix || d.fontSize;
let e = l[c].textColor || i.fontColor;
if (o.active && o.activeTextColor && i.tooltip && i.tooltip.index == c) {
e = o.activeTextColor
}
let a = l[c].properties.name;
r.beginPath();
r.setFontSize(t);
r.setFillStyle(e);
r.fillText(a, n.x - measureText(a, t, r) / 2, n.y + t / 2);
r.closePath();
r.stroke()
}
}
}
i.chartData.mapData = {
bounds: s,
scale: h,
xoffset: g,
yoffset: y,
mercator: o.mercator
};
drawToolTipBridge(i, d, r, 1);
r.draw()
}
function normalInt(t, e, a) {
a = a == 0 ? 1 : a;
var i = [];
for (var r = 0; r < a; r++) {
i[r] = Math.random()
}
return Math.floor(i.reduce(function(t, e) {
return t + e
}) / a * (e - t)) + t
}
function collisionNew(e, a, i, r) {
var o = false;
for (let t = 0; t < a.length; t++) {
if (a[t].area) {
if (e[3] < a[t].area[1] || e[0] > a[t].area[2] || e[1] > a[t].area[3] || e[2] < a[t].area[0]) {
if (e[0] < 0 || e[1] < 0 || e[2] > i || e[3] > r) {
o = true;
break
} else {
o = false
}
} else {
o = true;
break
}
}
}
return o
}
function getWordCloudPoint(c, t, d) {
let x = c.series;
switch (t) {
case "normal":
for (let l = 0; l < x.length; l++) {
let t = x[l].name;
let e = x[l].textSize * c.pix;
let a = measureText(t, e, d);
let i, r;
let o;
let n = 0;
while (true) {
n++;
i = normalInt(-c.width / 2, c.width / 2, 5) - a / 2;
r = normalInt(-c.height / 2, c.height / 2, 5) + e / 2;
o = [i - 5 + c.width / 2, r - 5 - e + c.height / 2, i + a + 5 + c.width / 2, r + 5 + c.height / 2];
let t = collisionNew(o, x, c.width, c.height);
if (!t) break;
if (n == 1e3) {
o = [-100, -100, -100, -100];
break
}
}
x[l].area = o
}
break;
case "vertical":
function f() {
if (Math.random() > .7) {
return true
} else {
return false
}
};
for (let h = 0; h < x.length; h++) {
let t = x[h].name;
let e = x[h].textSize * c.pix;
let a = measureText(t, e, d);
let i = f();
let r, o, n, l;
let s = 0;
while (true) {
s++;
let t;
if (i) {
r = normalInt(-c.width / 2, c.width / 2, 5) - a / 2;
o = normalInt(-c.height / 2, c.height / 2, 5) + e / 2;
n = [o - 5 - a + c.width / 2, -r - 5 + c.height / 2, o + 5 + c.width / 2, -r + e + 5 + c.height / 2];
l = [c.width - (c.width / 2 - c.height / 2) - (-r + e + 5 + c.height / 2) - 5, c.height / 2 - c.width / 2 +
(o - 5 - a + c.width / 2) - 5, c.width - (c.width / 2 - c.height / 2) - (-r + e + 5 + c.height / 2) + e,
c.height / 2 - c.width / 2 + (o - 5 - a + c.width / 2) + a + 5
];
t = collisionNew(l, x, c.height, c.width)
} else {
r = normalInt(-c.width / 2, c.width / 2, 5) - a / 2;
o = normalInt(-c.height / 2, c.height / 2, 5) + e / 2;
n = [r - 5 + c.width / 2, o - 5 - e + c.height / 2, r + a + 5 + c.width / 2, o + 5 + c.height / 2];
t = collisionNew(n, x, c.width, c.height)
}
if (!t) break;
if (s == 1e3) {
n = [-1e3, -1e3, -1e3, -1e3];
break
}
}
if (i) {
x[h].area = l;
x[h].areav = n
} else {
x[h].area = n
}
x[h].rotate = i
};
break
}
return x
}
function drawWordCloudDataPoints(t, r, e, o) {
let n = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
let a = assign({}, {
type: "normal",
autoColors: true
}, r.extra.word);
if (!r.chartData.wordCloudData) {
r.chartData.wordCloudData = getWordCloudPoint(r, a.type, o)
}
o.beginPath();
o.setFillStyle(r.background);
o.rect(0, 0, r.width, r.height);
o.fill();
o.save();
let l = r.chartData.wordCloudData;
o.translate(r.width / 2, r.height / 2);
for (let i = 0; i < l.length; i++) {
o.save();
if (l[i].rotate) {
o.rotate(90 * Math.PI / 180)
}
let t = l[i].name;
let e = l[i].textSize * r.pix;
let a = measureText(t, e, o);
o.beginPath();
o.setStrokeStyle(l[i].color);
o.setFillStyle(l[i].color);
o.setFontSize(e);
if (l[i].rotate) {
if (l[i].areav[0] > 0) {
if (r.tooltip) {
if (r.tooltip.index == i) {
o.strokeText(t, (l[i].areav[0] + 5 - r.width / 2) * n - a * (1 - n) / 2, (l[i].areav[1] + 5 + e - r.height /
2) * n)
} else {
o.fillText(t, (l[i].areav[0] + 5 - r.width / 2) * n - a * (1 - n) / 2, (l[i].areav[1] + 5 + e - r.height /
2) * n)
}
} else {
o.fillText(t, (l[i].areav[0] + 5 - r.width / 2) * n - a * (1 - n) / 2, (l[i].areav[1] + 5 + e - r.height /
2) * n)
}
}
} else {
if (l[i].area[0] > 0) {
if (r.tooltip) {
if (r.tooltip.index == i) {
o.strokeText(t, (l[i].area[0] + 5 - r.width / 2) * n - a * (1 - n) / 2, (l[i].area[1] + 5 + e - r.height /
2) * n)
} else {
o.fillText(t, (l[i].area[0] + 5 - r.width / 2) * n - a * (1 - n) / 2, (l[i].area[1] + 5 + e - r.height /
2) * n)
}
} else {
o.fillText(t, (l[i].area[0] + 5 - r.width / 2) * n - a * (1 - n) / 2, (l[i].area[1] + 5 + e - r.height / 2) *
n)
}
}
}
o.stroke();
o.restore()
}
o.restore()
}
function drawFunnelDataPoints(t, e, c, a) {
let d = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
let i = assign({}, {
type: "funnel",
activeWidth: 10,
activeOpacity: .3,
border: false,
borderWidth: 2,
borderColor: "#FFFFFF",
fillOpacity: 1,
minSize: 0,
labelAlign: "right",
linearType: "none",
customColor: []
}, e.extra.funnel);
let r = (e.height - e.area[0] - e.area[2]) / t.length;
let o = {
x: e.area[3] + (e.width - e.area[1] - e.area[3]) / 2,
y: e.height - e.area[2]
};
let n = i.activeWidth * e.pix;
let x = Math.min((e.width - e.area[1] - e.area[3]) / 2 - n, (e.height - e.area[0] - e.area[2]) / 2 - n);
let l = getFunnelDataPoints(t, x, i, r, d);
a.save();
a.translate(o.x, o.y);
i.customColor = fillCustomColor(i.linearType, i.customColor, t, c);
if (i.type == "pyramid") {
for (let t = 0; t < l.length; t++) {
if (t == l.length - 1) {
if (e.tooltip) {
if (e.tooltip.index == t) {
a.beginPath();
a.setFillStyle(hexToRgb(l[t].color, i.activeOpacity));
a.moveTo(-n, -r);
a.lineTo(-l[t].radius - n, 0);
a.lineTo(l[t].radius + n, 0);
a.lineTo(n, -r);
a.lineTo(-n, -r);
a.closePath();
a.fill()
}
}
l[t].funnelArea = [o.x - l[t].radius, o.y - r * (t + 1), o.x + l[t].radius, o.y - r * t];
a.beginPath();
a.setLineWidth(i.borderWidth * e.pix);
a.setStrokeStyle(i.borderColor);
var s = hexToRgb(l[t].color, i.fillOpacity);
if (i.linearType == "custom") {
var h = a.createLinearGradient(l[t].radius, -r, -l[t].radius, -r);
h.addColorStop(0, hexToRgb(l[t].color, i.fillOpacity));
h.addColorStop(.5, hexToRgb(i.customColor[l[t].linearIndex], i.fillOpacity));
h.addColorStop(1, hexToRgb(l[t].color, i.fillOpacity));
s = h
}
a.setFillStyle(s);
a.moveTo(0, -r);
a.lineTo(-l[t].radius, 0);
a.lineTo(l[t].radius, 0);
a.lineTo(0, -r);
a.closePath();
a.fill();
if (i.border == true) {
a.stroke()
}
} else {
if (e.tooltip) {
if (e.tooltip.index == t) {
a.beginPath();
a.setFillStyle(hexToRgb(l[t].color, i.activeOpacity));
a.moveTo(0, 0);
a.lineTo(-l[t].radius - n, 0);
a.lineTo(-l[t + 1].radius - n, -r);
a.lineTo(l[t + 1].radius + n, -r);
a.lineTo(l[t].radius + n, 0);
a.lineTo(0, 0);
a.closePath();
a.fill()
}
}
l[t].funnelArea = [o.x - l[t].radius, o.y - r * (t + 1), o.x + l[t].radius, o.y - r * t];
a.beginPath();
a.setLineWidth(i.borderWidth * e.pix);
a.setStrokeStyle(i.borderColor);
var s = hexToRgb(l[t].color, i.fillOpacity);
if (i.linearType == "custom") {
var h = a.createLinearGradient(l[t].radius, -r, -l[t].radius, -r);
h.addColorStop(0, hexToRgb(l[t].color, i.fillOpacity));
h.addColorStop(.5, hexToRgb(i.customColor[l[t].linearIndex], i.fillOpacity));
h.addColorStop(1, hexToRgb(l[t].color, i.fillOpacity));
s = h
}
a.setFillStyle(s);
a.moveTo(0, 0);
a.lineTo(-l[t].radius, 0);
a.lineTo(-l[t + 1].radius, -r);
a.lineTo(l[t + 1].radius, -r);
a.lineTo(l[t].radius, 0);
a.lineTo(0, 0);
a.closePath();
a.fill();
if (i.border == true) {
a.stroke()
}
}
a.translate(0, -r)
}
} else {
a.translate(0, -(l.length - 1) * r);
for (let t = 0; t < l.length; t++) {
if (t == l.length - 1) {
if (e.tooltip) {
if (e.tooltip.index == t) {
a.beginPath();
a.setFillStyle(hexToRgb(l[t].color, i.activeOpacity));
a.moveTo(-n - i.minSize / 2, 0);
a.lineTo(-l[t].radius - n, -r);
a.lineTo(l[t].radius + n, -r);
a.lineTo(n + i.minSize / 2, 0);
a.lineTo(-n - i.minSize / 2, 0);
a.closePath();
a.fill()
}
}
l[t].funnelArea = [o.x - l[t].radius, o.y - r, o.x + l[t].radius, o.y];
a.beginPath();
a.setLineWidth(i.borderWidth * e.pix);
a.setStrokeStyle(i.borderColor);
var s = hexToRgb(l[t].color, i.fillOpacity);
if (i.linearType == "custom") {
var h = a.createLinearGradient(l[t].radius, -r, -l[t].radius, -r);
h.addColorStop(0, hexToRgb(l[t].color, i.fillOpacity));
h.addColorStop(.5, hexToRgb(i.customColor[l[t].linearIndex], i.fillOpacity));
h.addColorStop(1, hexToRgb(l[t].color, i.fillOpacity));
s = h
}
a.setFillStyle(s);
a.moveTo(0, 0);
a.lineTo(-i.minSize / 2, 0);
a.lineTo(-l[t].radius, -r);
a.lineTo(l[t].radius, -r);
a.lineTo(i.minSize / 2, 0);
a.lineTo(0, 0);
a.closePath();
a.fill();
if (i.border == true) {
a.stroke()
}
} else {
if (e.tooltip) {
if (e.tooltip.index == t) {
a.beginPath();
a.setFillStyle(hexToRgb(l[t].color, i.activeOpacity));
a.moveTo(0, 0);
a.lineTo(-l[t + 1].radius - n, 0);
a.lineTo(-l[t].radius - n, -r);
a.lineTo(l[t].radius + n, -r);
a.lineTo(l[t + 1].radius + n, 0);
a.lineTo(0, 0);
a.closePath();
a.fill()
}
}
l[t].funnelArea = [o.x - l[t].radius, o.y - r * (l.length - t), o.x + l[t].radius, o.y - r * (l.length - t -
1)];
a.beginPath();
a.setLineWidth(i.borderWidth * e.pix);
a.setStrokeStyle(i.borderColor);
var s = hexToRgb(l[t].color, i.fillOpacity);
if (i.linearType == "custom") {
var h = a.createLinearGradient(l[t].radius, -r, -l[t].radius, -r);
h.addColorStop(0, hexToRgb(l[t].color, i.fillOpacity));
h.addColorStop(.5, hexToRgb(i.customColor[l[t].linearIndex], i.fillOpacity));
h.addColorStop(1, hexToRgb(l[t].color, i.fillOpacity));
s = h
}
a.setFillStyle(s);
a.moveTo(0, 0);
a.lineTo(-l[t + 1].radius, 0);
a.lineTo(-l[t].radius, -r);
a.lineTo(l[t].radius, -r);
a.lineTo(l[t + 1].radius, 0);
a.lineTo(0, 0);
a.closePath();
a.fill();
if (i.border == true) {
a.stroke()
}
}
a.translate(0, r)
}
}
a.restore();
if (e.dataLabel !== false && d === 1) {
drawFunnelText(l, e, a, r, i.labelAlign, n, o)
}
if (d === 1) {
drawFunnelCenterText(l, e, a, r, i.labelAlign, n, o)
}
return {
center: o,
radius: x,
series: l
}
}
function drawFunnelText(l, s, h, c, d, x, f) {
for (let n = 0; n < l.length; n++) {
let t = l[n];
if (t.labelShow === false) {
continue
}
let e, a, i, r;
let o = t.formatter ? t.formatter(t, n, l, s) : util.toFixed(t._proportion_ * 100) + "%";
o = t.labelText ? t.labelText : o;
if (d == "right") {
if (n == l.length - 1) {
e = (t.funnelArea[2] + f.x) / 2
} else {
e = (t.funnelArea[2] + l[n + 1].funnelArea[2]) / 2
}
a = e + x * 2;
i = t.funnelArea[1] + c / 2;
r = t.textSize * s.pix || s.fontSize * s.pix;
h.setLineWidth(1 * s.pix);
h.setStrokeStyle(t.color);
h.setFillStyle(t.color);
h.beginPath();
h.moveTo(e, i);
h.lineTo(a, i);
h.stroke();
h.closePath();
h.beginPath();
h.moveTo(a, i);
h.arc(a, i, 2 * s.pix, 0, 2 * Math.PI);
h.closePath();
h.fill();
h.beginPath();
h.setFontSize(r);
h.setFillStyle(t.textColor || s.fontColor);
h.fillText(o, a + 5, i + r / 2 - 2);
h.closePath();
h.stroke();
h.closePath()
}
if (d == "left") {
if (n == l.length - 1) {
e = (t.funnelArea[0] + f.x) / 2
} else {
e = (t.funnelArea[0] + l[n + 1].funnelArea[0]) / 2
}
a = e - x * 2;
i = t.funnelArea[1] + c / 2;
r = t.textSize * s.pix || s.fontSize * s.pix;
h.setLineWidth(1 * s.pix);
h.setStrokeStyle(t.color);
h.setFillStyle(t.color);
h.beginPath();
h.moveTo(e, i);
h.lineTo(a, i);
h.stroke();
h.closePath();
h.beginPath();
h.moveTo(a, i);
h.arc(a, i, 2, 0, 2 * Math.PI);
h.closePath();
h.fill();
h.beginPath();
h.setFontSize(r);
h.setFillStyle(t.textColor || s.fontColor);
h.fillText(o, a - 5 - measureText(o, r, h), i + r / 2 - 2);
h.closePath();
h.stroke();
h.closePath()
}
}
}
function drawFunnelCenterText(r, o, n, l, t, e, s) {
for (let i = 0; i < r.length; i++) {
let t = r[i];
let e, a;
if (t.centerText) {
e = t.funnelArea[1] + l / 2;
a = t.centerTextSize * o.pix || o.fontSize * o.pix;
n.beginPath();
n.setFontSize(a);
n.setFillStyle(t.centerTextColor || "#FFFFFF");
n.fillText(t.centerText, s.x - measureText(t.centerText, a, n) / 2, e + a / 2 - 2);
n.closePath();
n.stroke();
n.closePath()
}
}
}
function drawCanvas(t, e) {
e.save();
e.translate(0, .5);
e.restore();
e.draw()
}
var Timing = {
easeIn: function t(e) {
return Math.pow(e, 3)
},
easeOut: function t(e) {
return Math.pow(e - 1, 3) + 1
},
easeInOut: function t(e) {
if ((e /= .5) < 1) {
return .5 * Math.pow(e, 3)
} else {
return .5 * (Math.pow(e - 2, 3) + 2)
}
},
linear: function t(e) {
return e
}
};
function Animation(r) {
this.isStop = false;
r.duration = typeof r.duration === "undefined" ? 1e3 : r.duration;
r.timing = r.timing || "easeInOut";
var o = 17;
function t() {
if (typeof setTimeout !== "undefined") {
return function(e, t) {
setTimeout(function() {
var t = +new Date;
e(t)
}, t)
}
} else if (typeof requestAnimationFrame !== "undefined") {
return requestAnimationFrame
} else {
return function(t) {
t(null)
}
}
}
var n = t();
var l = null;
var s = function t(e) {
if (e === null || this.isStop === true) {
r.onProcess && r.onProcess(1);
r.onAnimationFinish && r.onAnimationFinish();
return
}
if (l === null) {
l = e
}
if (e - l < r.duration) {
var a = (e - l) / r.duration;
var i = Timing[r.timing];
a = i(a);
r.onProcess && r.onProcess(a);
n(s, o)
} else {
r.onProcess && r.onProcess(1);
r.onAnimationFinish && r.onAnimationFinish()
}
};
s = s.bind(this);
n(s, o)
}
Animation.prototype.stop = function() {
this.isStop = true
};
function drawCharts(t, l, n, s) {
var h = this;
var c = l.series;
if (t === "pie" || t === "ring" || t === "mount" || t === "rose" || t === "funnel") {
c = fixPieSeries(c, l, n)
}
var d = l.categories;
if (t === "mount") {
d = [];
for (let t = 0; t < c.length; t++) {
if (c[t].show !== false) d.push(c[t].name)
}
l.categories = d
}
c = fillSeries(c, l, n);
var e = l.animation ? l.duration : 0;
h.animationInstance && h.animationInstance.stop();
var x = null;
if (t == "candle") {
let t = assign({}, l.extra.candle.average);
if (t.show) {
x = calCandleMA(t.day, t.name, t.color, c[0].data);
x = fillSeries(x, l, n);
l.seriesMA = x
} else if (l.seriesMA) {
x = l.seriesMA = fillSeries(l.seriesMA, l, n)
} else {
x = c
}
} else {
x = c
}
l._series_ = c = filterSeries(c);
l.area = new Array(4);
for (let t = 0; t < 4; t++) {
l.area[t] = l.padding[t] * l.pix
}
var a = calLegendData(x, l, n, l.chartData, s),
r = a.area.wholeHeight,
o = a.area.wholeWidth;
switch (l.legend.position) {
case "top":
l.area[0] += r;
break;
case "bottom":
l.area[2] += r;
break;
case "left":
l.area[3] += o;
break;
case "right":
l.area[1] += o;
break
}
let f = {},
i = 0;
if (l.type === "line" || l.type === "column" || l.type === "mount" || l.type === "area" || l.type === "mix" || l
.type === "candle" || l.type === "scatter" || l.type === "bubble" || l.type === "bar") {
f = calYAxisData(c, l, n, s);
i = f.yAxisWidth;
if (l.yAxis.showTitle) {
let e = 0;
for (let t = 0; t < l.yAxis.data.length; t++) {
e = Math.max(e, l.yAxis.data[t].titleFontSize ? l.yAxis.data[t].titleFontSize * l.pix : n.fontSize)
}
l.area[0] += e
}
let e = 0,
a = 0;
for (let t = 0; t < i.length; t++) {
if (i[t].position == "left") {
if (a > 0) {
l.area[3] += i[t].width + l.yAxis.padding * l.pix
} else {
l.area[3] += i[t].width
}
a += 1
} else if (i[t].position == "right") {
if (e > 0) {
l.area[1] += i[t].width + l.yAxis.padding * l.pix
} else {
l.area[1] += i[t].width
}
e += 1
}
}
} else {
n.yAxisWidth = i
}
l.chartData.yAxisData = f;
if (l.categories && l.categories.length && l.type !== "radar" && l.type !== "gauge" && l.type !== "bar") {
l.chartData.xAxisData = getXAxisPoints(l.categories, l, n);
let t = calCategoriesData(l.categories, l, n, l.chartData.xAxisData.eachSpacing, s),
e = t.xAxisHeight,
a = t.angle;
n.xAxisHeight = e;
n._xAxisTextAngle_ = a;
l.area[2] += e;
l.chartData.categoriesData = t
} else {
if (l.type === "line" || l.type === "area" || l.type === "scatter" || l.type === "bubble" || l.type === "bar") {
l.chartData.xAxisData = calXAxisData(c, l, n, s);
d = l.chartData.xAxisData.rangesFormat;
let t = calCategoriesData(d, l, n, l.chartData.xAxisData.eachSpacing, s),
e = t.xAxisHeight,
a = t.angle;
n.xAxisHeight = e;
n._xAxisTextAngle_ = a;
l.area[2] += e;
l.chartData.categoriesData = t
} else {
l.chartData.xAxisData = {
xAxisPoints: []
}
}
}
if (l.enableScroll && l.xAxis.scrollAlign == "right" && l._scrollDistance_ === undefined) {
let t = 0,
e = l.chartData.xAxisData.xAxisPoints,
a = l.chartData.xAxisData.startX,
i = l.chartData.xAxisData.endX,
r = l.chartData.xAxisData.eachSpacing;
let o = r * (e.length - 1);
let n = i - a;
t = n - o;
h.scrollOption.currentOffset = t;
h.scrollOption.startTouchX = t;
h.scrollOption.distance = 0;
h.scrollOption.lastMoveTime = 0;
l._scrollDistance_ = t
}
if (t === "pie" || t === "ring" || t === "rose") {
n._pieTextMaxLength_ = l.dataLabel === false ? 0 : getPieTextMaxLength(x, n, s, l)
}
switch (t) {
case "word":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function(t) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
drawWordCloudDataPoints(c, l, n, s, t);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "map":
s.clearRect(0, 0, l.width, l.height);
drawMapDataPoints(c, l, n, s);
setTimeout(() => {
this.uevent.trigger("renderComplete")
}, 50);
break;
case "funnel":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function(t) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
l.chartData.funnelData = drawFunnelDataPoints(c, l, n, s, t);
drawLegend(l.series, l, n, s, l.chartData);
drawToolTipBridge(l, n, s, t);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "line":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function t(e) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
drawYAxisGrid(d, l, n, s);
drawXAxis(d, l, n, s);
var a = drawLineDataPoints(c, l, n, s, e),
i = a.xAxisPoints,
r = a.calPoints,
o = a.eachSpacing;
l.chartData.xAxisPoints = i;
l.chartData.calPoints = r;
l.chartData.eachSpacing = o;
drawYAxis(c, l, n, s);
if (l.enableMarkLine !== false && e === 1) {
drawMarkLine(l, n, s)
}
drawLegend(l.series, l, n, s, l.chartData);
drawToolTipBridge(l, n, s, e, o, i);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "scatter":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function t(e) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
drawYAxisGrid(d, l, n, s);
drawXAxis(d, l, n, s);
var a = drawScatterDataPoints(c, l, n, s, e),
i = a.xAxisPoints,
r = a.calPoints,
o = a.eachSpacing;
l.chartData.xAxisPoints = i;
l.chartData.calPoints = r;
l.chartData.eachSpacing = o;
drawYAxis(c, l, n, s);
if (l.enableMarkLine !== false && e === 1) {
drawMarkLine(l, n, s)
}
drawLegend(l.series, l, n, s, l.chartData);
drawToolTipBridge(l, n, s, e, o, i);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "bubble":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function t(e) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
drawYAxisGrid(d, l, n, s);
drawXAxis(d, l, n, s);
var a = drawBubbleDataPoints(c, l, n, s, e),
i = a.xAxisPoints,
r = a.calPoints,
o = a.eachSpacing;
l.chartData.xAxisPoints = i;
l.chartData.calPoints = r;
l.chartData.eachSpacing = o;
drawYAxis(c, l, n, s);
if (l.enableMarkLine !== false && e === 1) {
drawMarkLine(l, n, s)
}
drawLegend(l.series, l, n, s, l.chartData);
drawToolTipBridge(l, n, s, e, o, i);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "mix":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function t(e) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
drawYAxisGrid(d, l, n, s);
drawXAxis(d, l, n, s);
var a = drawMixDataPoints(c, l, n, s, e),
i = a.xAxisPoints,
r = a.calPoints,
o = a.eachSpacing;
l.chartData.xAxisPoints = i;
l.chartData.calPoints = r;
l.chartData.eachSpacing = o;
drawYAxis(c, l, n, s);
if (l.enableMarkLine !== false && e === 1) {
drawMarkLine(l, n, s)
}
drawLegend(l.series, l, n, s, l.chartData);
drawToolTipBridge(l, n, s, e, o, i);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "column":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function t(e) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
drawYAxisGrid(d, l, n, s);
drawXAxis(d, l, n, s);
var a = drawColumnDataPoints(c, l, n, s, e),
i = a.xAxisPoints,
r = a.calPoints,
o = a.eachSpacing;
l.chartData.xAxisPoints = i;
l.chartData.calPoints = r;
l.chartData.eachSpacing = o;
drawYAxis(c, l, n, s);
if (l.enableMarkLine !== false && e === 1) {
drawMarkLine(l, n, s)
}
drawLegend(l.series, l, n, s, l.chartData);
drawToolTipBridge(l, n, s, e, o, i);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "mount":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function t(e) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
drawYAxisGrid(d, l, n, s);
drawXAxis(d, l, n, s);
var a = drawMountDataPoints(c, l, n, s, e),
i = a.xAxisPoints,
r = a.calPoints,
o = a.eachSpacing;
l.chartData.xAxisPoints = i;
l.chartData.calPoints = r;
l.chartData.eachSpacing = o;
drawYAxis(c, l, n, s);
if (l.enableMarkLine !== false && e === 1) {
drawMarkLine(l, n, s)
}
drawLegend(l.series, l, n, s, l.chartData);
drawToolTipBridge(l, n, s, e, o, i);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "bar":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function t(e) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
drawXAxis(d, l, n, s);
var a = drawBarDataPoints(c, l, n, s, e),
i = a.yAxisPoints,
r = a.calPoints,
o = a.eachSpacing;
l.chartData.yAxisPoints = i;
l.chartData.xAxisPoints = l.chartData.xAxisData.xAxisPoints;
l.chartData.calPoints = r;
l.chartData.eachSpacing = o;
drawYAxis(c, l, n, s);
if (l.enableMarkLine !== false && e === 1) {
drawMarkLine(l, n, s)
}
drawLegend(l.series, l, n, s, l.chartData);
drawToolTipBridge(l, n, s, e, o, i);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "area":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function t(e) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
drawYAxisGrid(d, l, n, s);
drawXAxis(d, l, n, s);
var a = drawAreaDataPoints(c, l, n, s, e),
i = a.xAxisPoints,
r = a.calPoints,
o = a.eachSpacing;
l.chartData.xAxisPoints = i;
l.chartData.calPoints = r;
l.chartData.eachSpacing = o;
drawYAxis(c, l, n, s);
if (l.enableMarkLine !== false && e === 1) {
drawMarkLine(l, n, s)
}
drawLegend(l.series, l, n, s, l.chartData);
drawToolTipBridge(l, n, s, e, o, i);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "ring":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function t(e) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
l.chartData.pieData = drawPieDataPoints(c, l, n, s, e);
drawLegend(l.series, l, n, s, l.chartData);
drawToolTipBridge(l, n, s, e);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "pie":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function t(e) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
l.chartData.pieData = drawPieDataPoints(c, l, n, s, e);
drawLegend(l.series, l, n, s, l.chartData);
drawToolTipBridge(l, n, s, e);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "rose":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function t(e) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
l.chartData.pieData = drawRoseDataPoints(c, l, n, s, e);
drawLegend(l.series, l, n, s, l.chartData);
drawToolTipBridge(l, n, s, e);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "radar":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function t(e) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
l.chartData.radarData = drawRadarDataPoints(c, l, n, s, e);
drawLegend(l.series, l, n, s, l.chartData);
drawToolTipBridge(l, n, s, e);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "arcbar":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function t(e) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
l.chartData.arcbarData = drawArcbarDataPoints(c, l, n, s, e);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "gauge":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function t(e) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
l.chartData.gaugeData = drawGaugeDataPoints(d, c, l, n, s, e);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break;
case "candle":
this.animationInstance = new Animation({
timing: l.timing,
duration: e,
onProcess: function t(e) {
s.clearRect(0, 0, l.width, l.height);
if (l.rotate) {
contextRotate(s, l)
}
drawYAxisGrid(d, l, n, s);
drawXAxis(d, l, n, s);
var a = drawCandleDataPoints(c, x, l, n, s, e),
i = a.xAxisPoints,
r = a.calPoints,
o = a.eachSpacing;
l.chartData.xAxisPoints = i;
l.chartData.calPoints = r;
l.chartData.eachSpacing = o;
drawYAxis(c, l, n, s);
if (l.enableMarkLine !== false && e === 1) {
drawMarkLine(l, n, s)
}
if (x) {
drawLegend(x, l, n, s, l.chartData)
} else {
drawLegend(l.series, l, n, s, l.chartData)
}
drawToolTipBridge(l, n, s, e, o, i);
drawCanvas(l, s)
},
onAnimationFinish: function t() {
h.uevent.trigger("renderComplete")
}
});
break
}
}
function uChartsEvent() {
this.events = {}
}
uChartsEvent.prototype.addEventListener = function(t, e) {
this.events[t] = this.events[t] || [];
this.events[t].push(e)
};
uChartsEvent.prototype.delEventListener = function(t) {
this.events[t] = []
};
uChartsEvent.prototype.trigger = function() {
for (var t = arguments.length, e = Array(t), a = 0; a < t; a++) {
e[a] = arguments[a]
}
var i = e[0];
var r = e.slice(1);
if (!!this.events[i]) {
this.events[i].forEach(function(t) {
try {
t.apply(null, r)
} catch (t) {}
})
}
};
var uCharts = function t(a) {
a.pix = a.pixelRatio ? a.pixelRatio : 1;
a.fontSize = a.fontSize ? a.fontSize : 13;
a.fontColor = a.fontColor ? a.fontColor : config.fontColor;
if (a.background == "" || a.background == "none") {
a.background = "#FFFFFF"
}
a.title = assign({}, a.title);
a.subtitle = assign({}, a.subtitle);
a.duration = a.duration ? a.duration : 1e3;
a.yAxis = assign({}, {
data: [],
showTitle: false,
disabled: false,
disableGrid: false,
gridSet: "number",
splitNumber: 5,
gridType: "solid",
dashLength: 4 * a.pix,
gridColor: "#cccccc",
padding: 10,
fontColor: "#666666"
}, a.yAxis);
a.xAxis = assign({}, {
rotateLabel: false,
rotateAngle: 45,
disabled: false,
disableGrid: false,
splitNumber: 5,
calibration: false,
fontColor: "#666666",
fontSize: 13,
lineHeight: 20,
marginTop: 0,
gridType: "solid",
dashLength: 4,
scrollAlign: "left",
boundaryGap: "center",
axisLine: true,
axisLineColor: "#cccccc",
titleFontSize: 13,
titleOffsetY: 0,
titleOffsetX: 0,
titleFontColor: "#666666"
}, a.xAxis);
a.xAxis.scrollPosition = a.xAxis.scrollAlign;
a.legend = assign({}, {
show: true,
position: "bottom",
float: "center",
backgroundColor: "rgba(0,0,0,0)",
borderColor: "rgba(0,0,0,0)",
borderWidth: 0,
padding: 5,
margin: 5,
itemGap: 10,
fontSize: a.fontSize,
lineHeight: a.fontSize,
fontColor: a.fontColor,
formatter: {},
hiddenColor: "#CECECE"
}, a.legend);
a.extra = assign({
tooltip: {
legendShape: "auto"
}
}, a.extra);
a.rotate = a.rotate ? true : false;
a.animation = a.animation ? true : false;
a.rotate = a.rotate ? true : false;
a.canvas2d = a.canvas2d ? true : false;
let e = assign({}, config);
e.color = a.color ? a.color : e.color;
if (a.type == "pie") {
e.pieChartLinePadding = a.dataLabel === false ? 0 : a.extra.pie.labelWidth * a.pix || e.pieChartLinePadding * a
.pix
}
if (a.type == "ring") {
e.pieChartLinePadding = a.dataLabel === false ? 0 : a.extra.ring.labelWidth * a.pix || e.pieChartLinePadding * a
.pix
}
if (a.type == "rose") {
e.pieChartLinePadding = a.dataLabel === false ? 0 : a.extra.rose.labelWidth * a.pix || e.pieChartLinePadding * a
.pix
}
e.pieChartTextPadding = a.dataLabel === false ? 0 : e.pieChartTextPadding * a.pix;
e.rotate = a.rotate;
if (a.rotate) {
let t = a.width;
let e = a.height;
a.width = e;
a.height = t
}
a.padding = a.padding ? a.padding : e.padding;
e.yAxisWidth = config.yAxisWidth * a.pix;
e.fontSize = a.fontSize * a.pix;
e.titleFontSize = config.titleFontSize * a.pix;
e.subtitleFontSize = config.subtitleFontSize * a.pix;
if (!a.context) {
throw new Error("[uCharts] 未获取到context!注意:v2.0版本后,需要自行获取canvas的绘图上下文并传入opts.context!")
}
this.context = a.context;
if (!this.context.setTextAlign) {
this.context.setStrokeStyle = function(t) {
return this.strokeStyle = t
};
this.context.setLineWidth = function(t) {
return this.lineWidth = t
};
this.context.setLineCap = function(t) {
return this.lineCap = t
};
this.context.setFontSize = function(t) {
return this.font = t + "px sans-serif"
};
this.context.setFillStyle = function(t) {
return this.fillStyle = t
};
this.context.setTextAlign = function(t) {
return this.textAlign = t
};
this.context.setTextBaseline = function(t) {
return this.textBaseline = t
};
this.context.setShadow = function(t, e, a, i) {
this.shadowColor = i;
this.shadowOffsetX = t;
this.shadowOffsetY = e;
this.shadowBlur = a
};
this.context.draw = function() {}
}
if (!this.context.setLineDash) {
this.context.setLineDash = function(t) {}
}
a.chartData = {};
this.uevent = new uChartsEvent;
this.scrollOption = {
currentOffset: 0,
startTouchX: 0,
distance: 0,
lastMoveTime: 0
};
this.opts = a;
this.config = e;
drawCharts.call(this, a.type, a, e, this.context)
};
uCharts.prototype.updateData = function() {
let t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
this.opts = assign({}, this.opts, t);
this.opts.updateData = true;
let c = t.scrollPosition || "current";
switch (c) {
case "current":
this.opts._scrollDistance_ = this.scrollOption.currentOffset;
break;
case "left":
this.opts._scrollDistance_ = 0;
this.scrollOption = {
currentOffset: 0,
startTouchX: 0,
distance: 0,
lastMoveTime: 0
};
break;
case "right":
let t = calYAxisData(this.opts.series, this.opts, this.config, this.context),
e = t.yAxisWidth;
this.config.yAxisWidth = e;
let a = 0;
let i = getXAxisPoints(this.opts.categories, this.opts, this.config),
r = i.xAxisPoints,
o = i.startX,
n = i.endX,
l = i.eachSpacing;
let s = l * (r.length - 1);
let h = n - o;
a = h - s;
this.scrollOption = {
currentOffset: a,
startTouchX: a,
distance: 0,
lastMoveTime: 0
};
this.opts._scrollDistance_ = a;
break
}
drawCharts.call(this, this.opts.type, this.opts, this.config, this.context)
};
uCharts.prototype.zoom = function() {
var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.opts.xAxis.itemCount;
if (this.opts.enableScroll !== true) {
console.log("[uCharts] 请启用滚动条后使用");
return
}
let e = Math.round(Math.abs(this.scrollOption.currentOffset) / this.opts.chartData.eachSpacing) + Math.round(this
.opts.xAxis.itemCount / 2);
this.opts.animation = false;
this.opts.xAxis.itemCount = t.itemCount;
let a = calYAxisData(this.opts.series, this.opts, this.config, this.context),
i = a.yAxisWidth;
this.config.yAxisWidth = i;
let r = 0;
let o = getXAxisPoints(this.opts.categories, this.opts, this.config),
h = o.xAxisPoints,
c = o.startX,
d = o.endX,
n = o.eachSpacing;
let x = n * e;
let l = d - c;
let s = l - n * (h.length - 1);
r = l / 2 - x;
if (r > 0) {
r = 0
}
if (r < s) {
r = s
}
this.scrollOption = {
currentOffset: r,
startTouchX: 0,
distance: 0,
lastMoveTime: 0
};
calValidDistance(this, r, this.opts.chartData, this.config, this.opts);
this.opts._scrollDistance_ = r;
drawCharts.call(this, this.opts.type, this.opts, this.config, this.context)
};
uCharts.prototype.dobuleZoom = function(t) {
if (this.opts.enableScroll !== true) {
console.log("[uCharts] 请启用滚动条后使用");
return
}
const a = t.changedTouches;
if (a.length < 2) {
return
}
for (var e = 0; e < a.length; e++) {
a[e].x = a[e].x ? a[e].x : a[e].clientX;
a[e].y = a[e].y ? a[e].y : a[e].clientY
}
const i = [getTouches(a[0], this.opts, t), getTouches(a[1], this.opts, t)];
const c = Math.abs(i[0].x - i[1].x);
if (!this.scrollOption.moveCount) {
let t = {
changedTouches: [{
x: a[0].x,
y: this.opts.area[0] / this.opts.pix + 2
}]
};
let e = {
changedTouches: [{
x: a[1].x,
y: this.opts.area[0] / this.opts.pix + 2
}]
};
if (this.opts.rotate) {
t = {
changedTouches: [{
x: this.opts.height / this.opts.pix - this.opts.area[0] / this.opts.pix - 2,
y: a[0].y
}]
};
e = {
changedTouches: [{
x: this.opts.height / this.opts.pix - this.opts.area[0] / this.opts.pix - 2,
y: a[1].y
}]
}
}
const s = this.getCurrentDataIndex(t).index;
const h = this.getCurrentDataIndex(e).index;
const v = Math.abs(s - h);
this.scrollOption.moveCount = v;
this.scrollOption.moveCurrent1 = Math.min(s, h);
this.scrollOption.moveCurrent2 = Math.max(s, h);
return
}
let d = c / this.scrollOption.moveCount;
let r = (this.opts.width - this.opts.area[1] - this.opts.area[3]) / d;
r = r <= 2 ? 2 : r;
r = r >= this.opts.categories.length ? this.opts.categories.length : r;
this.opts.animation = false;
this.opts.xAxis.itemCount = r;
let o = 0;
let n = getXAxisPoints(this.opts.categories, this.opts, this.config),
x = n.xAxisPoints,
f = n.startX,
p = n.endX,
l = n.eachSpacing;
let u = l * this.scrollOption.moveCurrent1;
let g = p - f;
let y = g - l * (x.length - 1);
o = -u + Math.min(i[0].x, i[1].x) - this.opts.area[3] - l;
if (o > 0) {
o = 0
}
if (o < y) {
o = y
}
this.scrollOption.currentOffset = o;
this.scrollOption.startTouchX = 0;
this.scrollOption.distance = 0;
calValidDistance(this, o, this.opts.chartData, this.config, this.opts);
this.opts._scrollDistance_ = o;
drawCharts.call(this, this.opts.type, this.opts, this.config, this.context)
};
uCharts.prototype.stopAnimation = function() {
this.animationInstance && this.animationInstance.stop()
};
uCharts.prototype.addEventListener = function(t, e) {
this.uevent.addEventListener(t, e)
};
uCharts.prototype.delEventListener = function(t) {
this.uevent.delEventListener(t)
};
uCharts.prototype.getCurrentDataIndex = function(e) {
var a = null;
if (e.changedTouches) {
a = e.changedTouches[0]
} else {
a = e.mp.changedTouches[0]
}
if (a) {
let t = getTouches(a, this.opts, e);
if (this.opts.type === "pie" || this.opts.type === "ring") {
return findPieChartCurrentIndex({
x: t.x,
y: t.y
}, this.opts.chartData.pieData, this.opts)
} else if (this.opts.type === "rose") {
return findRoseChartCurrentIndex({
x: t.x,
y: t.y
}, this.opts.chartData.pieData, this.opts)
} else if (this.opts.type === "radar") {
return findRadarChartCurrentIndex({
x: t.x,
y: t.y
}, this.opts.chartData.radarData, this.opts.categories.length)
} else if (this.opts.type === "funnel") {
return findFunnelChartCurrentIndex({
x: t.x,
y: t.y
}, this.opts.chartData.funnelData)
} else if (this.opts.type === "map") {
return findMapChartCurrentIndex({
x: t.x,
y: t.y
}, this.opts)
} else if (this.opts.type === "word") {
return findWordChartCurrentIndex({
x: t.x,
y: t.y
}, this.opts.chartData.wordCloudData)
} else if (this.opts.type === "bar") {
return findBarChartCurrentIndex({
x: t.x,
y: t.y
}, this.opts.chartData.calPoints, this.opts, this.config, Math.abs(this.scrollOption.currentOffset))
} else {
return findCurrentIndex({
x: t.x,
y: t.y
}, this.opts.chartData.calPoints, this.opts, this.config, Math.abs(this.scrollOption.currentOffset))
}
}
return -1
};
uCharts.prototype.getLegendDataIndex = function(e) {
var a = null;
if (e.changedTouches) {
a = e.changedTouches[0]
} else {
a = e.mp.changedTouches[0]
}
if (a) {
let t = getTouches(a, this.opts, e);
return findLegendIndex({
x: t.x,
y: t.y
}, this.opts.chartData.legendData)
}
return -1
};
uCharts.prototype.touchLegend = function(t) {
var e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var a = null;
if (t.changedTouches) {
a = t.changedTouches[0]
} else {
a = t.mp.changedTouches[0]
}
if (a) {
var i = getTouches(a, this.opts, t);
var r = this.getLegendDataIndex(t);
if (r >= 0) {
if (this.opts.type == "candle") {
this.opts.seriesMA[r].show = !this.opts.seriesMA[r].show
} else {
this.opts.series[r].show = !this.opts.series[r].show
}
this.opts.animation = e.animation ? true : false;
this.opts._scrollDistance_ = this.scrollOption.currentOffset;
drawCharts.call(this, this.opts.type, this.opts, this.config, this.context)
}
}
};
uCharts.prototype.showToolTip = function(t) {
var e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var c = null;
if (t.changedTouches) {
c = t.changedTouches[0]
} else {
c = t.mp.changedTouches[0]
}
if (!c) {
console.log("[uCharts] 未获取到event坐标信息")
}
var a = getTouches(c, this.opts, t);
var d = this.scrollOption.currentOffset;
var i = assign({}, this.opts, {
_scrollDistance_: d,
animation: false
});
if (this.opts.type === "line" || this.opts.type === "area" || this.opts.type === "column" || this.opts.type ===
"scatter" || this.opts.type === "bubble") {
var r = this.getCurrentDataIndex(t);
var o = e.index == undefined ? r.index : e.index;
if (o > -1 || o.length > 0) {
var n = getSeriesDataItem(this.opts.series, o, r.group);
if (n.length !== 0) {
var l = getToolTipData(n, this.opts, o, r.group, this.opts.categories, e),
s = l.textList,
h = l.offset;
h.y = a.y;
i.tooltip = {
textList: e.textList !== undefined ? e.textList : s,
offset: e.offset !== undefined ? e.offset : h,
option: e,
index: o,
group: r.group
}
}
}
drawCharts.call(this, i.type, i, this.config, this.context)
}
if (this.opts.type === "mount") {
var o = e.index == undefined ? this.getCurrentDataIndex(t).index : e.index;
if (o > -1) {
var i = assign({}, this.opts, {
animation: false
});
var n = assign({}, i._series_[o]);
var s = [{
text: e.formatter ? e.formatter(n, undefined, o, i) : n.name + ": " + n.data,
color: n.color,
legendShape: this.opts.extra.tooltip.legendShape == "auto" ? n.legendShape : this.opts.extra.tooltip
.legendShape
}];
var h = {
x: i.chartData.calPoints[o].x,
y: a.y
};
i.tooltip = {
textList: e.textList ? e.textList : s,
offset: e.offset !== undefined ? e.offset : h,
option: e,
index: o
}
}
drawCharts.call(this, i.type, i, this.config, this.context)
}
if (this.opts.type === "bar") {
var r = this.getCurrentDataIndex(t);
var o = e.index == undefined ? r.index : e.index;
if (o > -1 || o.length > 0) {
var n = getSeriesDataItem(this.opts.series, o, r.group);
if (n.length !== 0) {
var l = getToolTipData(n, this.opts, o, r.group, this.opts.categories, e),
s = l.textList,
h = l.offset;
h.x = a.x;
i.tooltip = {
textList: e.textList !== undefined ? e.textList : s,
offset: e.offset !== undefined ? e.offset : h,
option: e,
index: o
}
}
}
drawCharts.call(this, i.type, i, this.config, this.context)
}
if (this.opts.type === "mix") {
var r = this.getCurrentDataIndex(t);
var o = e.index == undefined ? r.index : e.index;
if (o > -1) {
var d = this.scrollOption.currentOffset;
var i = assign({}, this.opts, {
_scrollDistance_: d,
animation: false
});
var n = getSeriesDataItem(this.opts.series, o);
if (n.length !== 0) {
var x = getMixToolTipData(n, this.opts, o, this.opts.categories, e),
s = x.textList,
h = x.offset;
h.y = a.y;
i.tooltip = {
textList: e.textList ? e.textList : s,
offset: e.offset !== undefined ? e.offset : h,
option: e,
index: o
}
}
}
drawCharts.call(this, i.type, i, this.config, this.context)
}
if (this.opts.type === "candle") {
var r = this.getCurrentDataIndex(t);
var o = e.index == undefined ? r.index : e.index;
if (o > -1) {
var d = this.scrollOption.currentOffset;
var i = assign({}, this.opts, {
_scrollDistance_: d,
animation: false
});
var n = getSeriesDataItem(this.opts.series, o);
if (n.length !== 0) {
var l = getCandleToolTipData(this.opts.series[0].data, n, this.opts, o, this.opts.categories, this.opts.extra
.candle, e),
s = l.textList,
h = l.offset;
h.y = a.y;
i.tooltip = {
textList: e.textList ? e.textList : s,
offset: e.offset !== undefined ? e.offset : h,
option: e,
index: o
}
}
}
drawCharts.call(this, i.type, i, this.config, this.context)
}
if (this.opts.type === "pie" || this.opts.type === "ring" || this.opts.type === "rose" || this.opts.type ===
"funnel") {
var o = e.index == undefined ? this.getCurrentDataIndex(t) : e.index;
if (o > -1) {
var i = assign({}, this.opts, {
animation: false
});
var n = assign({}, i._series_[o]);
var s = [{
text: e.formatter ? e.formatter(n, undefined, o, i) : n.name + ": " + n.data,
color: n.color,
legendShape: this.opts.extra.tooltip.legendShape == "auto" ? n.legendShape : this.opts.extra.tooltip
.legendShape
}];
var h = {
x: a.x,
y: a.y
};
i.tooltip = {
textList: e.textList ? e.textList : s,
offset: e.offset !== undefined ? e.offset : h,
option: e,
index: o
}
}
drawCharts.call(this, i.type, i, this.config, this.context)
}
if (this.opts.type === "map") {
var o = e.index == undefined ? this.getCurrentDataIndex(t) : e.index;
if (o > -1) {
var i = assign({}, this.opts, {
animation: false
});
var n = assign({}, this.opts.series[o]);
n.name = n.properties.name;
var s = [{
text: e.formatter ? e.formatter(n, undefined, o, this.opts) : n.name,
color: n.color,
legendShape: this.opts.extra.tooltip.legendShape == "auto" ? n.legendShape : this.opts.extra.tooltip
.legendShape
}];
var h = {
x: a.x,
y: a.y
};
i.tooltip = {
textList: e.textList ? e.textList : s,
offset: e.offset !== undefined ? e.offset : h,
option: e,
index: o
}
}
i.updateData = false;
drawCharts.call(this, i.type, i, this.config, this.context)
}
if (this.opts.type === "word") {
var o = e.index == undefined ? this.getCurrentDataIndex(t) : e.index;
if (o > -1) {
var i = assign({}, this.opts, {
animation: false
});
var n = assign({}, this.opts.series[o]);
var s = [{
text: e.formatter ? e.formatter(n, undefined, o, this.opts) : n.name,
color: n.color,
legendShape: this.opts.extra.tooltip.legendShape == "auto" ? n.legendShape : this.opts.extra.tooltip
.legendShape
}];
var h = {
x: a.x,
y: a.y
};
i.tooltip = {
textList: e.textList ? e.textList : s,
offset: e.offset !== undefined ? e.offset : h,
option: e,
index: o
}
}
i.updateData = false;
drawCharts.call(this, i.type, i, this.config, this.context)
}
if (this.opts.type === "radar") {
var o = e.index == undefined ? this.getCurrentDataIndex(t) : e.index;
if (o > -1) {
var i = assign({}, this.opts, {
animation: false
});
var n = getSeriesDataItem(this.opts.series, o);
if (n.length !== 0) {
var s = n.map(t => {
return {
text: e.formatter ? e.formatter(t, this.opts.categories[o], o, this.opts) : t.name + ": " + t.data,
color: t.color,
legendShape: this.opts.extra.tooltip.legendShape == "auto" ? t.legendShape : this.opts.extra.tooltip
.legendShape
}
});
var h = {
x: a.x,
y: a.y
};
i.tooltip = {
textList: e.textList ? e.textList : s,
offset: e.offset !== undefined ? e.offset : h,
option: e,
index: o
}
}
}
drawCharts.call(this, i.type, i, this.config, this.context)
}
};
uCharts.prototype.translate = function(t) {
this.scrollOption = {
currentOffset: t,
startTouchX: t,
distance: 0,
lastMoveTime: 0
};
let e = assign({}, this.opts, {
_scrollDistance_: t,
animation: false
});
drawCharts.call(this, this.opts.type, e, this.config, this.context)
};
uCharts.prototype.scrollStart = function(t) {
var e = null;
if (t.changedTouches) {
e = t.changedTouches[0]
} else {
e = t.mp.changedTouches[0]
}
var a = getTouches(e, this.opts, t);
if (e && this.opts.enableScroll === true) {
this.scrollOption.startTouchX = a.x
}
};
uCharts.prototype.scroll = function(t) {
if (this.scrollOption.lastMoveTime === 0) {
this.scrollOption.lastMoveTime = Date.now()
}
let e = this.opts.touchMoveLimit || 60;
let a = Date.now();
let i = a - this.scrollOption.lastMoveTime;
if (i < Math.floor(1e3 / e)) return;
if (this.scrollOption.startTouchX == 0) return;
this.scrollOption.lastMoveTime = a;
var r = null;
if (t.changedTouches) {
r = t.changedTouches[0]
} else {
r = t.mp.changedTouches[0]
}
if (r && this.opts.enableScroll === true) {
var o = getTouches(r, this.opts, t);
var n;
n = o.x - this.scrollOption.startTouchX;
var l = this.scrollOption.currentOffset;
var s = calValidDistance(this, l + n, this.opts.chartData, this.config, this.opts);
this.scrollOption.distance = n = s - l;
var h = assign({}, this.opts, {
_scrollDistance_: l + n,
animation: false
});
this.opts = h;
drawCharts.call(this, h.type, h, this.config, this.context);
return l + n
}
};
uCharts.prototype.scrollEnd = function(t) {
if (this.opts.enableScroll === true) {
var e = this.scrollOption,
a = e.currentOffset,
i = e.distance;
this.scrollOption.currentOffset = a + i;
this.scrollOption.distance = 0;
this.scrollOption.moveCount = 0
}
};
export default uCharts;