vue-data-ui 2.3.65 → 2.3.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Arrow-DPnMmAX7.js → Arrow-C8pYyZqD.js} +1 -1
- package/dist/{Arrow-uesE2kaL.cjs → Arrow-Dswup7Lq.cjs} +1 -1
- package/dist/{BaseIcon-BNFf4B_v.js → BaseIcon-Dz58O3w1.js} +1 -1
- package/dist/{BaseIcon-3dGIQkTt.cjs → BaseIcon-wCGYJ8GM.cjs} +1 -1
- package/dist/{DataTable-BwHWRlRZ.js → DataTable-CzvZIRDs.js} +2 -2
- package/dist/{DataTable-UBogHlHz.cjs → DataTable-Dr67tL_4.cjs} +1 -1
- package/dist/{Legend-CsVEDSh6.js → Legend-C2DZGZN5.js} +1 -1
- package/dist/{Legend-DomGAell.cjs → Legend-CkIdFaKE.cjs} +1 -1
- package/dist/{Shape-D-NzWRg3.cjs → Shape-BfT5b6-S.cjs} +1 -1
- package/dist/{Shape-D3yIJobN.js → Shape-qXMEmkXY.js} +1 -1
- package/dist/Slicer-3itdmkZf.cjs +1 -0
- package/dist/Slicer-CnIWgBPY.js +381 -0
- package/dist/{Title-CRj-Ysyr.cjs → Title-BYDRRvqX.cjs} +1 -1
- package/dist/{Title-DbTGPg4G.js → Title-BxitYokc.js} +1 -1
- package/dist/{Tooltip-DBdcH3mQ.cjs → Tooltip-CtRqM9Sw.cjs} +1 -1
- package/dist/{Tooltip-u79R5W5y.js → Tooltip-DTntJRyb.js} +1 -1
- package/dist/index-DnCegWge.cjs +4 -0
- package/dist/{index-CguVaFlt.js → index-fMHmzYJu.js} +3 -2
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +1 -0
- package/dist/types/vue-data-ui.d.ts +1 -0
- package/dist/{useNestedProp-DmS8KxmW.cjs → useNestedProp-18FTwhUW.cjs} +1 -1
- package/dist/{useNestedProp-BbEbJmgv.js → useNestedProp-lzTC0cjC.js} +1 -1
- package/dist/{usePrinter-ClsMRVJG.js → usePrinter-BEVwOH5x.js} +1 -1
- package/dist/{usePrinter-qYDc_jVR.cjs → usePrinter-C94KiYaY.cjs} +1 -1
- package/dist/{vue-data-ui-BQxedlG9.js → vue-data-ui-BG25mzqo.js} +57 -57
- package/dist/{vue-data-ui-DbkGvG6G.cjs → vue-data-ui-CqFeVAMl.cjs} +1 -1
- package/dist/vue-data-ui.cjs +1 -1
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-DFd8LLYs.js → vue-ui-3d-bar-D8WIzocy.js} +7 -7
- package/dist/{vue-ui-3d-bar-CsQlP4Di.cjs → vue-ui-3d-bar-DyVzM9lj.cjs} +1 -1
- package/dist/{vue-ui-accordion-x_3F7J52.cjs → vue-ui-accordion-CG_G9ock.cjs} +1 -1
- package/dist/{vue-ui-accordion-w15FGKRN.js → vue-ui-accordion-CVzTuENA.js} +3 -3
- package/dist/{vue-ui-age-pyramid-frmKw0vt.js → vue-ui-age-pyramid-BZEiDo6X.js} +8 -8
- package/dist/{vue-ui-age-pyramid-DVfxc6Ov.cjs → vue-ui-age-pyramid-DgAJ_4pC.cjs} +1 -1
- package/dist/{vue-ui-annotator-BWF8Pe0l.js → vue-ui-annotator-DYMGXQSF.js} +1 -1
- package/dist/{vue-ui-annotator-DeTV1vC_.cjs → vue-ui-annotator-DwwLMn8x.cjs} +1 -1
- package/dist/{vue-ui-candlestick-ryLshJfb.cjs → vue-ui-candlestick-DMh_omoZ.cjs} +1 -1
- package/dist/{vue-ui-candlestick-C4VhdwJ6.js → vue-ui-candlestick-F7a1z8rF.js} +9 -9
- package/dist/{vue-ui-carousel-table-B8w17Va9.js → vue-ui-carousel-table-BAbXjbOY.js} +4 -4
- package/dist/{vue-ui-carousel-table-DVNL0Pst.cjs → vue-ui-carousel-table-BQZBWVfB.cjs} +1 -1
- package/dist/{vue-ui-chestnut-C6D2XKD_.cjs → vue-ui-chestnut-DGUOcpUb.cjs} +1 -1
- package/dist/{vue-ui-chestnut-J3y-gLdr.js → vue-ui-chestnut-bdGmk0m5.js} +6 -6
- package/dist/{vue-ui-cursor-uZQJBHDI.js → vue-ui-cursor-_Hme39yS.js} +2 -2
- package/dist/{vue-ui-cursor-8X87Qqag.cjs → vue-ui-cursor-zRPYiTzg.cjs} +1 -1
- package/dist/{vue-ui-dashboard-BvxPzSpX.cjs → vue-ui-dashboard-BxcYVoZr.cjs} +1 -1
- package/dist/{vue-ui-dashboard-B9cXpm-f.js → vue-ui-dashboard-sMYoIdL3.js} +2 -2
- package/dist/{vue-ui-digits-CH8cnwd1.cjs → vue-ui-digits-Do-yAjSx.cjs} +1 -1
- package/dist/{vue-ui-digits-CGRdypIC.js → vue-ui-digits-yn6cZZpI.js} +2 -2
- package/dist/{vue-ui-donut-Wc9_Wp7Z.js → vue-ui-donut-CZGAyjMJ.js} +9 -9
- package/dist/{vue-ui-donut-B6-Z6EDh.cjs → vue-ui-donut-D8By144q.cjs} +1 -1
- package/dist/{vue-ui-donut-evolution-BYYu5GGU.js → vue-ui-donut-evolution-euuIoSwG.js} +9 -9
- package/dist/{vue-ui-donut-evolution-DGEUEHTT.cjs → vue-ui-donut-evolution-wRc663rx.cjs} +1 -1
- package/dist/{vue-ui-dumbbell-MhRtKyw1.cjs → vue-ui-dumbbell-DzDU6BtH.cjs} +1 -1
- package/dist/{vue-ui-dumbbell-CYMWl8i6.js → vue-ui-dumbbell-GwPAVNAr.js} +8 -8
- package/dist/{vue-ui-flow-Ch6-m_HE.cjs → vue-ui-flow-2tDYyk_d.cjs} +1 -1
- package/dist/{vue-ui-flow-B1HsQT8G.js → vue-ui-flow-D-2Yx4Pd.js} +7 -7
- package/dist/{vue-ui-galaxy-CFlBhbpn.js → vue-ui-galaxy-Cr1PHA7e.js} +9 -9
- package/dist/{vue-ui-galaxy-B5IQYeE2.cjs → vue-ui-galaxy-k1zIeVWl.cjs} +1 -1
- package/dist/{vue-ui-gauge-DQyUybt9.js → vue-ui-gauge-DrG1p_lu.js} +5 -5
- package/dist/{vue-ui-gauge-YclVOv9i.cjs → vue-ui-gauge-DyWEB9zv.cjs} +1 -1
- package/dist/{vue-ui-gizmo-Dc8Oh1GS.js → vue-ui-gizmo-BUeQIgPm.js} +2 -2
- package/dist/{vue-ui-gizmo-BV0cRYJR.cjs → vue-ui-gizmo-Cf6DtKdF.cjs} +1 -1
- package/dist/{vue-ui-heatmap-Dxet06AN.js → vue-ui-heatmap-1s92iamk.js} +8 -8
- package/dist/{vue-ui-heatmap-DvTbIgBC.cjs → vue-ui-heatmap-B9gzhzl-.cjs} +1 -1
- package/dist/{vue-ui-kpi-Obs0pp5K.cjs → vue-ui-kpi-Cocglkc1.cjs} +1 -1
- package/dist/{vue-ui-kpi-6Ug3wB5-.js → vue-ui-kpi-DXrL1517.js} +3 -3
- package/dist/{vue-ui-mini-loader--9JCcmel.cjs → vue-ui-mini-loader-3ssTbcFo.cjs} +1 -1
- package/dist/{vue-ui-mini-loader-DO8L0uoR.js → vue-ui-mini-loader-D1MAsGWr.js} +2 -2
- package/dist/{vue-ui-molecule-Di8d69m_.cjs → vue-ui-molecule-DFD-6XKb.cjs} +1 -1
- package/dist/{vue-ui-molecule-DUqT-xxF.js → vue-ui-molecule-QWFA_72V.js} +9 -9
- package/dist/{vue-ui-mood-radar-hwK3JZHx.cjs → vue-ui-mood-radar-DBq_gQ0i.cjs} +1 -1
- package/dist/{vue-ui-mood-radar-UMlgOP0N.js → vue-ui-mood-radar-DXLP2L3n.js} +9 -9
- package/dist/{vue-ui-nested-donuts-CoydBQ1Z.cjs → vue-ui-nested-donuts-Cx4Ia5Ga.cjs} +1 -1
- package/dist/{vue-ui-nested-donuts-DFWDYNRb.js → vue-ui-nested-donuts-Cx57mbbY.js} +9 -9
- package/dist/{vue-ui-onion-Dxd8NNV8.cjs → vue-ui-onion-CApJ-Npg.cjs} +1 -1
- package/dist/{vue-ui-onion-CXscsP8f.js → vue-ui-onion-CE4wSxPC.js} +9 -9
- package/dist/{vue-ui-parallel-coordinate-plot-B4y-tLrW.cjs → vue-ui-parallel-coordinate-plot-D8LWLRdK.cjs} +1 -1
- package/dist/{vue-ui-parallel-coordinate-plot-8fsiFsCK.js → vue-ui-parallel-coordinate-plot-DVqDX4Xb.js} +10 -10
- package/dist/{vue-ui-quadrant-C8ZGy7Vz.cjs → vue-ui-quadrant-BNyw9TMO.cjs} +1 -1
- package/dist/{vue-ui-quadrant-CtaVeR8A.js → vue-ui-quadrant-XSVao9uA.js} +10 -10
- package/dist/{vue-ui-quick-chart-BkbnCL9J.js → vue-ui-quick-chart-Ik_UH2Wj.js} +370 -363
- package/dist/vue-ui-quick-chart-uwdSvb9u.cjs +15 -0
- package/dist/{vue-ui-radar-FzvdUuQW.cjs → vue-ui-radar-B5aRCCKL.cjs} +1 -1
- package/dist/{vue-ui-radar-CYpFzHVj.js → vue-ui-radar-CR6ezAzt.js} +10 -10
- package/dist/{vue-ui-rating-Pbbo9WlF.js → vue-ui-rating-CD_nWk1T.js} +2 -2
- package/dist/{vue-ui-rating-CQMIQetd.cjs → vue-ui-rating-CguNsO-T.cjs} +1 -1
- package/dist/{vue-ui-relation-circle-DyVNLOkn.cjs → vue-ui-relation-circle-8FZkM92K.cjs} +1 -1
- package/dist/{vue-ui-relation-circle-DXN96O8B.js → vue-ui-relation-circle-DT2nom_x.js} +5 -5
- package/dist/{vue-ui-rings-Py5qpBEi.cjs → vue-ui-rings-CNY7UKKQ.cjs} +1 -1
- package/dist/{vue-ui-rings-RaL8pTXF.js → vue-ui-rings-cpj5NfzL.js} +9 -9
- package/dist/{vue-ui-scatter-C5-IZPAD.js → vue-ui-scatter-Bar7v9mt.js} +10 -10
- package/dist/{vue-ui-scatter-C0Qbl8if.cjs → vue-ui-scatter-lt_SEmmy.cjs} +1 -1
- package/dist/{vue-ui-screenshot-xDbAEPnl.js → vue-ui-screenshot-DLqFrK48.js} +1 -1
- package/dist/{vue-ui-screenshot-5dSbg20c.cjs → vue-ui-screenshot-DgPB2-6h.cjs} +1 -1
- package/dist/{vue-ui-skeleton-D5jxUSy8.cjs → vue-ui-skeleton-Cey15-vY.cjs} +1 -1
- package/dist/{vue-ui-skeleton-ChHLL5Hw.js → vue-ui-skeleton-DiJmBrEY.js} +2 -2
- package/dist/{vue-ui-smiley-CMoVMgzF.js → vue-ui-smiley-9d8vQDje.js} +2 -2
- package/dist/{vue-ui-smiley-DELBP4YY.cjs → vue-ui-smiley-NcQqECQm.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-CwTDE8hW.js → vue-ui-spark-trend-RIw8O12_.js} +4 -4
- package/dist/{vue-ui-spark-trend-Bd--ueZ_.cjs → vue-ui-spark-trend-gLgFrogO.cjs} +1 -1
- package/dist/{vue-ui-sparkbar-BI9p7mG3.cjs → vue-ui-sparkbar-BJZv7_r3.cjs} +1 -1
- package/dist/{vue-ui-sparkbar-DlHNW471.js → vue-ui-sparkbar-DpnX31Vt.js} +3 -3
- package/dist/{vue-ui-sparkgauge-OmKjwPSm.cjs → vue-ui-sparkgauge-2nfXMS4J.cjs} +1 -1
- package/dist/{vue-ui-sparkgauge-Bv4PqAAa.js → vue-ui-sparkgauge-Ci1EXG01.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-Du2G89Uf.cjs → vue-ui-sparkhistogram-B9Hzrj17.cjs} +1 -1
- package/dist/{vue-ui-sparkhistogram-Caz0-A2v.js → vue-ui-sparkhistogram-o1cCgVjJ.js} +4 -4
- package/dist/{vue-ui-sparkline-Cb9oSi7e.cjs → vue-ui-sparkline-Bpbwgdjl.cjs} +1 -1
- package/dist/{vue-ui-sparkline-BjBx0Xph.js → vue-ui-sparkline-CTFZOTQ4.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-DAvtpGxR.cjs → vue-ui-sparkstackbar-D1a4pKvC.cjs} +1 -1
- package/dist/{vue-ui-sparkstackbar-D0h3xCgn.js → vue-ui-sparkstackbar-Dci-TIxt.js} +3 -3
- package/dist/{vue-ui-stackbar-D6Twi4kA.js → vue-ui-stackbar-DX86sbcN.js} +10 -10
- package/dist/{vue-ui-stackbar-DtGhGaha.cjs → vue-ui-stackbar-uyUtl8SO.cjs} +1 -1
- package/dist/{vue-ui-strip-plot-hssak3_i.js → vue-ui-strip-plot-Br3W0ejH.js} +9 -9
- package/dist/{vue-ui-strip-plot-BKZS4u9o.cjs → vue-ui-strip-plot-C2NjIy5-.cjs} +1 -1
- package/dist/{vue-ui-table-DbA-NarQ.js → vue-ui-table-BFs9-zs7.js} +1 -1
- package/dist/{vue-ui-table-HbHx9LFn.cjs → vue-ui-table-Ctw9daYW.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-Bp2AW6SZ.js → vue-ui-table-heatmap-DqoiRtjC.js} +4 -4
- package/dist/{vue-ui-table-heatmap-YqkKo7Rw.cjs → vue-ui-table-heatmap-zAbifnaM.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline-D6tpky88.cjs → vue-ui-table-sparkline-DuUY9yJu.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline-CSCRSC9Z.js → vue-ui-table-sparkline-h4J419FI.js} +5 -5
- package/dist/{vue-ui-thermometer-BtNbxKWF.cjs → vue-ui-thermometer-Bt-SnP1Y.cjs} +1 -1
- package/dist/{vue-ui-thermometer-C4D5DYLq.js → vue-ui-thermometer-D_4mS8Z8.js} +5 -5
- package/dist/{vue-ui-timer-CjSaHRia.cjs → vue-ui-timer-CMsje-f2.cjs} +1 -1
- package/dist/{vue-ui-timer-B1gf42-7.js → vue-ui-timer-CPZm7Dif.js} +4 -4
- package/dist/{vue-ui-tiremarks-B-E_m-JM.cjs → vue-ui-tiremarks-Bcm8DSj6.cjs} +1 -1
- package/dist/{vue-ui-tiremarks-2w8HGpJh.js → vue-ui-tiremarks-CVBbjezc.js} +5 -5
- package/dist/{vue-ui-treemap-BratMgOF.js → vue-ui-treemap-1rEDHWrf.js} +9 -9
- package/dist/{vue-ui-treemap-TQu-XVV4.cjs → vue-ui-treemap-CB1gz8gX.cjs} +1 -1
- package/dist/{vue-ui-vertical-bar-BWhOc_BN.js → vue-ui-vertical-bar-CfGS6Snt.js} +9 -9
- package/dist/{vue-ui-vertical-bar-CUSxr8J5.cjs → vue-ui-vertical-bar-DHFaoQcu.cjs} +1 -1
- package/dist/{vue-ui-waffle-BmjYKwYK.cjs → vue-ui-waffle-COf_Yi5Y.cjs} +1 -1
- package/dist/{vue-ui-waffle-CrunUoiX.js → vue-ui-waffle-D-niDah6.js} +9 -9
- package/dist/{vue-ui-wheel-8pydvFdd.js → vue-ui-wheel-BPcde5q6.js} +5 -5
- package/dist/{vue-ui-wheel-49jAAVu7.cjs → vue-ui-wheel-CKoly9Ay.cjs} +1 -1
- package/dist/{vue-ui-word-cloud-D5-ouQkK.js → vue-ui-word-cloud-C9Ok-uiw.js} +7 -7
- package/dist/{vue-ui-word-cloud-C89Siwo7.cjs → vue-ui-word-cloud-CPb5G65W.cjs} +1 -1
- package/dist/{vue-ui-xy-BZkuRafq.js → vue-ui-xy-BjpH25yC.js} +488 -481
- package/dist/vue-ui-xy-C9T7Qybt.cjs +3 -0
- package/dist/{vue-ui-xy-canvas-DG-o3-nt.cjs → vue-ui-xy-canvas-DoDgOkMe.cjs} +1 -1
- package/dist/{vue-ui-xy-canvas-DcywpKdf.js → vue-ui-xy-canvas-JpE-OhiQ.js} +10 -10
- package/package.json +1 -1
- package/dist/Slicer-BBKMtMzF.js +0 -328
- package/dist/Slicer-CyAlmC4y.cjs +0 -1
- package/dist/index-7N8NxNg5.cjs +0 -4
- package/dist/vue-ui-quick-chart-B4o_RZTj.cjs +0 -15
- package/dist/vue-ui-xy-DsiERLim.cjs +0 -3
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { p as J } from "./pdf-97UbtKC2.js";
|
|
2
|
-
import { U as K, s as Q } from "./usePrinter-
|
|
3
|
-
import { c as U, a as j, t as $, w as ee, p as te, u as ae, S as X, M as P, f as q, H as
|
|
4
|
-
import { D as ke } from "./DataTable-
|
|
5
|
-
import { _ as we } from "./Title-
|
|
6
|
-
import { _ as Oe, u as ve } from "./Tooltip-
|
|
7
|
-
import { _ as Ge } from "./Shape-
|
|
8
|
-
import ze from "./BaseIcon-
|
|
9
|
-
import pe from "./vue-ui-table-sparkline-
|
|
10
|
-
import Me from "./vue-ui-skeleton-
|
|
11
|
-
import { S as Pe } from "./Slicer-
|
|
12
|
-
import Te from "./vue-ui-accordion-
|
|
13
|
-
import { u as Z } from "./useNestedProp-
|
|
14
|
-
import { resolveComponent as T, openBlock as
|
|
2
|
+
import { U as K, s as Q } from "./usePrinter-BEVwOH5x.js";
|
|
3
|
+
import { c as U, a as j, t as $, w as ee, p as te, u as ae, S as X, M as P, f as q, H as ie, E as le, i as re, Y as se, V as ne, Z as oe, s as ce, _ as he, d as de, A as ue, b as ge, q as fe, P as me, $ as Ie, r as be, e as Ne, y as xe, K as _e, x as Fe, a0 as ye, o as Ae, v as Le, D as Ce, z as Se } from "./index-fMHmzYJu.js";
|
|
4
|
+
import { D as ke } from "./DataTable-CzvZIRDs.js";
|
|
5
|
+
import { _ as we } from "./Title-BxitYokc.js";
|
|
6
|
+
import { _ as Oe, u as ve } from "./Tooltip-DTntJRyb.js";
|
|
7
|
+
import { _ as Ge } from "./Shape-qXMEmkXY.js";
|
|
8
|
+
import ze from "./BaseIcon-Dz58O3w1.js";
|
|
9
|
+
import pe from "./vue-ui-table-sparkline-h4J419FI.js";
|
|
10
|
+
import Me from "./vue-ui-skeleton-DiJmBrEY.js";
|
|
11
|
+
import { S as Pe } from "./Slicer-CnIWgBPY.js";
|
|
12
|
+
import Te from "./vue-ui-accordion-CVzTuENA.js";
|
|
13
|
+
import { u as Z } from "./useNestedProp-lzTC0cjC.js";
|
|
14
|
+
import { resolveComponent as T, openBlock as l, createElementBlock as r, normalizeClass as M, normalizeStyle as L, createVNode as Y, createCommentVNode as c, createBlock as V, createSlots as Ve, withCtx as z, renderSlot as v, normalizeProps as W, guardReactiveProps as B, createElementVNode as u, Fragment as I, renderList as b, toDisplayString as S, withDirectives as Re, vModelCheckbox as De, createTextVNode as Ee } from "vue";
|
|
15
15
|
import { _ as He } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
16
16
|
const We = U(), Be = {
|
|
17
17
|
name: "vue-ui-xy",
|
|
@@ -42,17 +42,17 @@ const We = U(), Be = {
|
|
|
42
42
|
Accordion: Te
|
|
43
43
|
},
|
|
44
44
|
data() {
|
|
45
|
-
this.dataset.forEach((
|
|
46
|
-
[null, void 0].includes(
|
|
45
|
+
this.dataset.forEach((h, f) => {
|
|
46
|
+
[null, void 0].includes(h.series) && this.error({
|
|
47
47
|
componentName: "VueUiXy",
|
|
48
48
|
type: "datasetSerieAttribute",
|
|
49
49
|
property: "series (number[])",
|
|
50
50
|
index: f
|
|
51
51
|
});
|
|
52
52
|
});
|
|
53
|
-
const
|
|
53
|
+
const i = Math.max(...this.dataset.map((h) => h.series.length)), s = {
|
|
54
54
|
start: 0,
|
|
55
|
-
end:
|
|
55
|
+
end: i
|
|
56
56
|
};
|
|
57
57
|
return {
|
|
58
58
|
themePalettes: j,
|
|
@@ -100,7 +100,7 @@ const We = U(), Be = {
|
|
|
100
100
|
step: 0,
|
|
101
101
|
slicer: s,
|
|
102
102
|
__to__: null,
|
|
103
|
-
maxX:
|
|
103
|
+
maxX: i,
|
|
104
104
|
showSparklineTable: !0,
|
|
105
105
|
segregateStep: 0,
|
|
106
106
|
sliderId: We,
|
|
@@ -113,17 +113,18 @@ const We = U(), Be = {
|
|
|
113
113
|
plotRadii: {
|
|
114
114
|
plot: 3,
|
|
115
115
|
line: 3
|
|
116
|
-
}
|
|
116
|
+
},
|
|
117
|
+
selectedMinimapIndex: null
|
|
117
118
|
};
|
|
118
119
|
},
|
|
119
120
|
computed: {
|
|
120
121
|
minimap() {
|
|
121
122
|
if (!this.FINAL_CONFIG.chart.zoom.minimap.show) return [];
|
|
122
|
-
const
|
|
123
|
+
const i = this.datasetWithIds.filter((t) => !this.segregatedSeries.includes(t.id)), s = Math.max(...i.map((t) => t.series.length)), h = [];
|
|
123
124
|
for (let t = 0; t < s; t += 1)
|
|
124
|
-
|
|
125
|
-
const f = Math.min(...
|
|
126
|
-
return
|
|
125
|
+
h.push(i.map((e) => e.series[t] || 0).reduce((e, N) => (e || 0) + (N || 0), 0));
|
|
126
|
+
const f = Math.min(...h);
|
|
127
|
+
return h.map((t) => t + (f < 0 ? Math.abs(f) : 0));
|
|
127
128
|
},
|
|
128
129
|
customPalette() {
|
|
129
130
|
return this.convertCustomPalette(this.FINAL_CONFIG.customPalette);
|
|
@@ -135,7 +136,7 @@ const We = U(), Be = {
|
|
|
135
136
|
return this.FINAL_CONFIG.chart.zoom.color;
|
|
136
137
|
},
|
|
137
138
|
allScales() {
|
|
138
|
-
const
|
|
139
|
+
const i = this.lineSet.map((t) => ({
|
|
139
140
|
name: t.name,
|
|
140
141
|
color: t.color,
|
|
141
142
|
scale: t.individualScale,
|
|
@@ -158,7 +159,7 @@ const We = U(), Be = {
|
|
|
158
159
|
id: t.id,
|
|
159
160
|
yOffset: t.yOffset || 0,
|
|
160
161
|
individualHeight: t.individualHeight || this.drawingArea.height
|
|
161
|
-
})),
|
|
162
|
+
})), h = this.plotSet.map((t) => ({
|
|
162
163
|
name: t.name,
|
|
163
164
|
color: t.color,
|
|
164
165
|
scale: t.individualScale,
|
|
@@ -170,8 +171,8 @@ const We = U(), Be = {
|
|
|
170
171
|
id: t.id,
|
|
171
172
|
yOffset: t.yOffset || 0,
|
|
172
173
|
individualHeight: t.individualHeight || this.drawingArea.height
|
|
173
|
-
})), f = [...
|
|
174
|
-
return [...
|
|
174
|
+
})), f = [...i, ...s, ...h].flatMap((t) => t).length;
|
|
175
|
+
return [...i, ...s, ...h].flatMap((t, e) => ({
|
|
175
176
|
id: t.id,
|
|
176
177
|
scaleLabel: t.scaleLabel,
|
|
177
178
|
name: t.name,
|
|
@@ -190,17 +191,17 @@ const We = U(), Be = {
|
|
|
190
191
|
return !!this.dataset && this.dataset.length;
|
|
191
192
|
},
|
|
192
193
|
chartFont() {
|
|
193
|
-
const
|
|
194
|
-
return window.getComputedStyle(
|
|
194
|
+
const i = document.getElementById(`vue-ui-xy_${this.uniqueId}`);
|
|
195
|
+
return window.getComputedStyle(i, null).getPropertyValue("font-family");
|
|
195
196
|
},
|
|
196
197
|
FINAL_CONFIG: {
|
|
197
198
|
get: function() {
|
|
198
|
-
const
|
|
199
|
+
const i = ae().vue_ui_xy;
|
|
199
200
|
if (!Object.keys(this.config || {}).length)
|
|
200
|
-
return
|
|
201
|
+
return i;
|
|
201
202
|
const s = this.useNestedProp({
|
|
202
203
|
userConfig: this.config,
|
|
203
|
-
defaultConfig:
|
|
204
|
+
defaultConfig: i
|
|
204
205
|
});
|
|
205
206
|
return this.config && this.hasDeepProperty(this.config, "chart.highlightArea") && (Array.isArray(this.config.chart.highlightArea) ? s.chart.highlightArea = this.config.chart.highlightArea : s.chart.highlightArea = [this.config.chart.highlightArea]), this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMin") ? s.chart.grid.labels.yAxis.scaleMin = this.config.chart.grid.labels.yAxis.scaleMin : s.chart.grid.labels.yAxis.scaleMin = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMax") ? s.chart.grid.labels.yAxis.scaleMax = this.config.chart.grid.labels.yAxis.scaleMax : s.chart.grid.labels.yAxis.scaleMax = null, s.theme ? {
|
|
206
207
|
...Z({
|
|
@@ -210,12 +211,12 @@ const We = U(), Be = {
|
|
|
210
211
|
customPalette: this.themePalettes[s.theme] || this.palette
|
|
211
212
|
} : s;
|
|
212
213
|
},
|
|
213
|
-
set: function(
|
|
214
|
-
return
|
|
214
|
+
set: function(i) {
|
|
215
|
+
return i;
|
|
215
216
|
}
|
|
216
217
|
},
|
|
217
218
|
hasHighlightArea() {
|
|
218
|
-
return Array.isArray(this.FINAL_CONFIG.chart.highlightArea) ? this.FINAL_CONFIG.chart.highlightArea.some((
|
|
219
|
+
return Array.isArray(this.FINAL_CONFIG.chart.highlightArea) ? this.FINAL_CONFIG.chart.highlightArea.some((i) => i.show) : this.FINAL_CONFIG.chart.highlightArea && this.FINAL_CONFIG.chart.highlightArea.show;
|
|
219
220
|
},
|
|
220
221
|
highlightAreas() {
|
|
221
222
|
if (Array.isArray(this.FINAL_CONFIG.chart.highlightArea))
|
|
@@ -223,8 +224,8 @@ const We = U(), Be = {
|
|
|
223
224
|
...s,
|
|
224
225
|
span: s.from === s.to ? 1 : s.to < s.from ? 0 : s.to - s.from + 1
|
|
225
226
|
}));
|
|
226
|
-
const
|
|
227
|
-
return [{ ...
|
|
227
|
+
const i = this.FINAL_CONFIG.chart.highlightArea;
|
|
228
|
+
return [{ ...i, span: i.from === i.to ? 1 : i.to < i.from ? 0 : i.to - i.from + 1 }];
|
|
228
229
|
},
|
|
229
230
|
xPadding() {
|
|
230
231
|
return this.FINAL_CONFIG.chart.grid.position === "middle" ? 0 : this.drawingArea.width / this.maxSeries / 2;
|
|
@@ -236,33 +237,33 @@ const We = U(), Be = {
|
|
|
236
237
|
return this.niceScale.max + this.relativeZero;
|
|
237
238
|
},
|
|
238
239
|
datasetWithIds() {
|
|
239
|
-
return this.useSafeValues ? this.dataset.map((
|
|
240
|
-
...
|
|
240
|
+
return this.useSafeValues ? this.dataset.map((i, s) => ({
|
|
241
|
+
...i,
|
|
241
242
|
id: `uniqueId_${s}`
|
|
242
243
|
})) : this.dataset;
|
|
243
244
|
},
|
|
244
245
|
safeDataset() {
|
|
245
|
-
return this.useSafeValues ? this.dataset.map((
|
|
246
|
-
...
|
|
247
|
-
series:
|
|
248
|
-
color: this.convertColorToHex(
|
|
246
|
+
return this.useSafeValues ? this.dataset.map((i, s) => ({
|
|
247
|
+
...i,
|
|
248
|
+
series: i.series.map((h) => this.isSafeValue(h) ? h : null).slice(this.slicer.start, this.slicer.end),
|
|
249
|
+
color: this.convertColorToHex(i.color ? i.color : this.customPalette[s] ? this.customPalette[s] : this.palette[s]),
|
|
249
250
|
id: `uniqueId_${s}`
|
|
250
251
|
})) : this.dataset;
|
|
251
252
|
},
|
|
252
253
|
relativeDataset() {
|
|
253
|
-
return this.safeDataset.map((
|
|
254
|
-
...
|
|
255
|
-
series:
|
|
256
|
-
absoluteValues:
|
|
257
|
-
})).filter((
|
|
254
|
+
return this.safeDataset.map((i, s) => ({
|
|
255
|
+
...i,
|
|
256
|
+
series: i.series.map((h) => h + this.relativeZero),
|
|
257
|
+
absoluteValues: i.series
|
|
258
|
+
})).filter((i) => !this.segregatedSeries.includes(i.id));
|
|
258
259
|
},
|
|
259
260
|
tableSparklineDataset() {
|
|
260
|
-
return this.relativeDataset.map((
|
|
261
|
-
const s =
|
|
261
|
+
return this.relativeDataset.map((i) => {
|
|
262
|
+
const s = i.absoluteValues.map((h) => [void 0, null].includes(h) ? 0 : h);
|
|
262
263
|
return {
|
|
263
|
-
id:
|
|
264
|
-
name:
|
|
265
|
-
color:
|
|
264
|
+
id: i.id,
|
|
265
|
+
name: i.name,
|
|
266
|
+
color: i.color,
|
|
266
267
|
values: this.fillArray(this.maxSeries, s)
|
|
267
268
|
};
|
|
268
269
|
});
|
|
@@ -294,69 +295,69 @@ const We = U(), Be = {
|
|
|
294
295
|
};
|
|
295
296
|
},
|
|
296
297
|
absoluteDataset() {
|
|
297
|
-
return this.safeDataset.map((
|
|
298
|
+
return this.safeDataset.map((i, s) => ({
|
|
298
299
|
absoluteIndex: s,
|
|
299
|
-
...
|
|
300
|
-
series:
|
|
301
|
-
absoluteValues:
|
|
302
|
-
segregate: () => this.segregate(
|
|
303
|
-
isSegregated: this.segregatedSeries.includes(
|
|
300
|
+
...i,
|
|
301
|
+
series: i.series.map((h) => h + this.relativeZero),
|
|
302
|
+
absoluteValues: i.series,
|
|
303
|
+
segregate: () => this.segregate(i),
|
|
304
|
+
isSegregated: this.segregatedSeries.includes(i.id)
|
|
304
305
|
}));
|
|
305
306
|
},
|
|
306
307
|
barSet() {
|
|
307
|
-
return this.activeSeriesWithStackRatios.filter((
|
|
308
|
-
this.checkAutoScaleError(
|
|
309
|
-
const
|
|
310
|
-
ratios:
|
|
311
|
-
valueMin:
|
|
308
|
+
return this.activeSeriesWithStackRatios.filter((i) => i.type === "bar").map((i, s) => {
|
|
309
|
+
this.checkAutoScaleError(i);
|
|
310
|
+
const h = Math.min(...i.absoluteValues.filter((d) => ![null, void 0].includes(d))), f = Math.max(...i.absoluteValues.filter((d) => ![null, void 0].includes(d))), e = {
|
|
311
|
+
ratios: i.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - h) / (f - h)),
|
|
312
|
+
valueMin: h,
|
|
312
313
|
valueMax: f < 0 ? 0 : f
|
|
313
314
|
}, N = {
|
|
314
|
-
max:
|
|
315
|
-
min:
|
|
316
|
-
}, A =
|
|
317
|
-
const E = this.mutableConfig.useIndividualScale ? (
|
|
315
|
+
max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
|
|
316
|
+
min: i.scaleMin || Math.min(...i.absoluteValues.filter((d) => ![void 0, null].includes(d))) > 0 ? 0 : Math.min(...i.absoluteValues.filter((d) => ![null, void 0].includes(d)))
|
|
317
|
+
}, A = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = this.calculateNiceScaleWithExactExtremes(N.min, N.max, A), _ = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax, A), p = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, w = m.max + p, G = _.max + Math.abs(k), x = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - x - C * p / w, o = this.drawingArea.bottom - x - C * k / G, n = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, g = i.series.map((d, F) => {
|
|
318
|
+
const E = this.mutableConfig.useIndividualScale ? (i.absoluteValues[F] + p) / w : this.ratioToMax(d), H = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * F : this.drawingArea.left + this.slot.bar * s + this.slot.bar * F * n - this.barSlot / 2 - s * this.barPeriodGap;
|
|
318
319
|
return {
|
|
319
320
|
yOffset: x,
|
|
320
|
-
individualHeight:
|
|
321
|
+
individualHeight: C,
|
|
321
322
|
x: H,
|
|
322
|
-
y: this.drawingArea.bottom - x -
|
|
323
|
-
value:
|
|
323
|
+
y: this.drawingArea.bottom - x - C * E,
|
|
324
|
+
value: i.absoluteValues[F],
|
|
324
325
|
zeroPosition: a,
|
|
325
326
|
individualMax: w,
|
|
326
|
-
comment:
|
|
327
|
+
comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
|
|
327
328
|
};
|
|
328
|
-
}), D =
|
|
329
|
+
}), D = i.absoluteValues.map((d) => _.min >= 0 ? (d - Math.abs(_.min)) / (_.max - Math.abs(_.min)) : (d + Math.abs(_.min)) / (_.max + Math.abs(_.min))), R = i.series.map((d, F) => {
|
|
329
330
|
const E = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * F : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * F * this.absoluteDataset.filter((H) => H.type === "bar").filter((H) => !this.segregatedSeries.includes(H.id)).length;
|
|
330
331
|
return {
|
|
331
332
|
yOffset: x,
|
|
332
|
-
individualHeight:
|
|
333
|
+
individualHeight: C,
|
|
333
334
|
x: E,
|
|
334
|
-
y: this.drawingArea.bottom - x - (
|
|
335
|
-
value:
|
|
335
|
+
y: this.drawingArea.bottom - x - (C * D[F] || 0),
|
|
336
|
+
value: i.absoluteValues[F],
|
|
336
337
|
zeroPosition: a,
|
|
337
338
|
individualMax: w,
|
|
338
|
-
comment:
|
|
339
|
+
comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
|
|
339
340
|
};
|
|
340
341
|
}), y = m.ticks.map((d) => ({
|
|
341
|
-
y: d >= 0 ? a -
|
|
342
|
+
y: d >= 0 ? a - C * (d / w) : a + C * Math.abs(d) / w,
|
|
342
343
|
value: d
|
|
343
344
|
})), O = _.ticks.map((d) => {
|
|
344
345
|
const F = (d - _.min) / (_.max - _.min);
|
|
345
346
|
return {
|
|
346
|
-
y: d >= 0 ? o -
|
|
347
|
+
y: d >= 0 ? o - C * F : o + C * F,
|
|
347
348
|
value: d
|
|
348
349
|
};
|
|
349
350
|
});
|
|
350
351
|
return {
|
|
351
|
-
...
|
|
352
|
+
...i,
|
|
352
353
|
yOffset: x,
|
|
353
354
|
autoScaleYLabels: O,
|
|
354
|
-
individualHeight:
|
|
355
|
-
scaleYLabels:
|
|
356
|
-
individualScale:
|
|
357
|
-
individualMax:
|
|
358
|
-
zeroPosition:
|
|
359
|
-
plots:
|
|
355
|
+
individualHeight: C,
|
|
356
|
+
scaleYLabels: i.autoScaling ? O : y,
|
|
357
|
+
individualScale: i.autoScaling ? _ : m,
|
|
358
|
+
individualMax: i.autoScaling ? G : w,
|
|
359
|
+
zeroPosition: i.autoScaling ? o : a,
|
|
360
|
+
plots: i.autoScaling ? R : g
|
|
360
361
|
};
|
|
361
362
|
});
|
|
362
363
|
},
|
|
@@ -364,36 +365,36 @@ const We = U(), Be = {
|
|
|
364
365
|
return this.absoluteDataset.length;
|
|
365
366
|
},
|
|
366
367
|
activeSeriesWithStackRatios() {
|
|
367
|
-
return this.assignStackRatios(this.absoluteDataset.filter((
|
|
368
|
+
return this.assignStackRatios(this.absoluteDataset.filter((i) => !this.segregatedSeries.includes(i.id)));
|
|
368
369
|
},
|
|
369
370
|
lineSet() {
|
|
370
|
-
return this.activeSeriesWithStackRatios.filter((
|
|
371
|
-
this.checkAutoScaleError(
|
|
372
|
-
const s = Math.min(...
|
|
373
|
-
ratios:
|
|
371
|
+
return this.activeSeriesWithStackRatios.filter((i) => i.type === "line").map((i) => {
|
|
372
|
+
this.checkAutoScaleError(i);
|
|
373
|
+
const s = Math.min(...i.absoluteValues.filter((d) => ![void 0, null].includes(d))), h = Math.max(...i.absoluteValues.filter((d) => ![void 0, null].includes(d))) || 1, t = {
|
|
374
|
+
ratios: i.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - s) / (h - s)),
|
|
374
375
|
valueMin: s,
|
|
375
|
-
valueMax:
|
|
376
|
+
valueMax: h
|
|
376
377
|
}, e = {
|
|
377
|
-
max:
|
|
378
|
-
min:
|
|
379
|
-
}, N =
|
|
380
|
-
const E = this.mutableConfig.useIndividualScale ? (
|
|
378
|
+
max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
|
|
379
|
+
min: i.scaleMin || (Math.min(...i.absoluteValues) > 0 ? 0 : Math.min(...i.absoluteValues))
|
|
380
|
+
}, N = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = this.calculateNiceScaleWithExactExtremes(e.min, e.max, N), m = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax, N), _ = A.min >= 0 ? 0 : Math.abs(A.min), p = 0, k = A.max + Math.abs(_), w = m.max + Math.abs(p), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, x = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - G - x * _ / k, a = this.drawingArea.bottom - G - x * p / w, o = i.series.map((d, F) => {
|
|
381
|
+
const E = this.mutableConfig.useIndividualScale ? (i.absoluteValues[F] + Math.abs(_)) / k : this.ratioToMax(d);
|
|
381
382
|
return {
|
|
382
383
|
x: this.drawingArea.left + this.slot.line / 2 + this.slot.line * F,
|
|
383
384
|
y: this.drawingArea.bottom - G - x * E,
|
|
384
|
-
value:
|
|
385
|
-
comment:
|
|
385
|
+
value: i.absoluteValues[F],
|
|
386
|
+
comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
|
|
386
387
|
};
|
|
387
|
-
}), n =
|
|
388
|
-
if (![void 0, null].includes(
|
|
388
|
+
}), n = i.absoluteValues.map((d) => m.min >= 0 ? (d - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (d + Math.abs(m.min)) / (m.max + Math.abs(m.min))), g = i.series.map((d, F) => {
|
|
389
|
+
if (![void 0, null].includes(i.absoluteValues[F]))
|
|
389
390
|
return {
|
|
390
391
|
x: this.drawingArea.left + this.slot.line / 2 + this.slot.line * F,
|
|
391
392
|
y: this.drawingArea.bottom - G - (x * n[F] || 0),
|
|
392
|
-
value:
|
|
393
|
-
comment:
|
|
393
|
+
value: i.absoluteValues[F],
|
|
394
|
+
comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
|
|
394
395
|
};
|
|
395
396
|
}), D = this.createSmoothPath(o), R = this.createSmoothPath(g), y = A.ticks.map((d) => ({
|
|
396
|
-
y: d >= 0 ?
|
|
397
|
+
y: d >= 0 ? C - x * (d / k) : C + x * Math.abs(d) / k,
|
|
397
398
|
value: d
|
|
398
399
|
})), O = m.ticks.map((d) => {
|
|
399
400
|
const F = (d - m.min) / (m.max - m.min);
|
|
@@ -403,45 +404,45 @@ const We = U(), Be = {
|
|
|
403
404
|
};
|
|
404
405
|
});
|
|
405
406
|
return {
|
|
406
|
-
...
|
|
407
|
+
...i,
|
|
407
408
|
yOffset: G,
|
|
408
409
|
autoScaleYLabels: O,
|
|
409
410
|
individualHeight: x,
|
|
410
|
-
scaleYLabels:
|
|
411
|
-
individualScale:
|
|
412
|
-
individualMax:
|
|
413
|
-
zeroPosition:
|
|
414
|
-
curve:
|
|
415
|
-
plots:
|
|
416
|
-
area:
|
|
411
|
+
scaleYLabels: i.autoScaling ? O : y,
|
|
412
|
+
individualScale: i.autoScaling ? m : A,
|
|
413
|
+
individualMax: i.autoScaling ? w : k,
|
|
414
|
+
zeroPosition: i.autoScaling ? a : C,
|
|
415
|
+
curve: i.autoScaling ? R : D,
|
|
416
|
+
plots: i.autoScaling ? g : o,
|
|
417
|
+
area: i.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(i.autoScaling ? g : o, i.autoScaling ? a : C) : this.createArea(o) : ""
|
|
417
418
|
};
|
|
418
419
|
});
|
|
419
420
|
},
|
|
420
421
|
plotSet() {
|
|
421
|
-
return this.activeSeriesWithStackRatios.filter((
|
|
422
|
-
this.checkAutoScaleError(
|
|
423
|
-
const s = Math.min(...
|
|
424
|
-
ratios:
|
|
422
|
+
return this.activeSeriesWithStackRatios.filter((i) => i.type === "plot").map((i) => {
|
|
423
|
+
this.checkAutoScaleError(i);
|
|
424
|
+
const s = Math.min(...i.absoluteValues.filter((y) => ![null, void 0].includes(y))), h = Math.max(...i.absoluteValues.filter((y) => ![null, void 0].includes(y))) || 1, t = {
|
|
425
|
+
ratios: i.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - s) / (h - s)),
|
|
425
426
|
valueMin: s,
|
|
426
|
-
valueMax:
|
|
427
|
+
valueMax: h
|
|
427
428
|
}, e = {
|
|
428
|
-
max:
|
|
429
|
-
min:
|
|
430
|
-
}, N =
|
|
431
|
-
const d = this.mutableConfig.useIndividualScale ? (
|
|
429
|
+
max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
|
|
430
|
+
min: i.scaleMin || Math.min(...i.absoluteValues) > 0 ? 0 : Math.min(...i.absoluteValues)
|
|
431
|
+
}, N = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = this.calculateNiceScaleWithExactExtremes(e.min, e.max, N), m = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax, N), _ = A.min >= 0 ? 0 : Math.abs(A.min), p = 0, k = A.max + _, w = m.max + Math.abs(p), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, x = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - G - x * _ / k, a = this.drawingArea.bottom - G - x * p / w, o = i.series.map((y, O) => {
|
|
432
|
+
const d = this.mutableConfig.useIndividualScale ? (i.absoluteValues[O] + Math.abs(_)) / k : this.ratioToMax(y);
|
|
432
433
|
return {
|
|
433
434
|
x: this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O,
|
|
434
435
|
y: this.drawingArea.bottom - G - x * d,
|
|
435
|
-
value:
|
|
436
|
-
comment:
|
|
436
|
+
value: i.absoluteValues[O],
|
|
437
|
+
comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[O] || ""
|
|
437
438
|
};
|
|
438
|
-
}), n =
|
|
439
|
+
}), n = i.absoluteValues.map((y) => m.min >= 0 ? (y - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (y + Math.abs(m.min)) / (m.max + Math.abs(m.min))), g = i.series.map((y, O) => ({
|
|
439
440
|
x: this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O,
|
|
440
441
|
y: this.drawingArea.bottom - G - (x * n[O] || 0),
|
|
441
|
-
value:
|
|
442
|
-
comment:
|
|
442
|
+
value: i.absoluteValues[O],
|
|
443
|
+
comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[O] || ""
|
|
443
444
|
})), D = A.ticks.map((y) => ({
|
|
444
|
-
y: y >= 0 ?
|
|
445
|
+
y: y >= 0 ? C - x * (y / k) : C + x * Math.abs(y) / k,
|
|
445
446
|
value: y
|
|
446
447
|
})), R = m.ticks.map((y) => {
|
|
447
448
|
const O = (y - m.min) / (m.max - m.min);
|
|
@@ -451,37 +452,37 @@ const We = U(), Be = {
|
|
|
451
452
|
};
|
|
452
453
|
});
|
|
453
454
|
return {
|
|
454
|
-
...
|
|
455
|
+
...i,
|
|
455
456
|
yOffset: G,
|
|
456
457
|
autoScaleYLabels: R,
|
|
457
458
|
individualHeight: x,
|
|
458
|
-
scaleYLabels:
|
|
459
|
-
individualScale:
|
|
460
|
-
individualMax:
|
|
461
|
-
zeroPosition:
|
|
462
|
-
plots:
|
|
459
|
+
scaleYLabels: i.autoScaling ? R : D,
|
|
460
|
+
individualScale: i.autoScaling ? m : A,
|
|
461
|
+
individualMax: i.autoScaling ? w : k,
|
|
462
|
+
zeroPosition: i.autoScaling ? a : C,
|
|
463
|
+
plots: i.autoScaling ? g : o
|
|
463
464
|
};
|
|
464
465
|
});
|
|
465
466
|
},
|
|
466
467
|
drawingArea() {
|
|
467
|
-
const
|
|
468
|
+
const i = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? this.absoluteDataset.filter((s) => !this.segregatedSeries.includes(s.id)).length * (this.mutableConfig.isStacked ? 0 : this.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth) : 0;
|
|
468
469
|
return {
|
|
469
470
|
top: this.FINAL_CONFIG.chart.padding.top,
|
|
470
471
|
right: this.width - this.FINAL_CONFIG.chart.padding.right,
|
|
471
472
|
bottom: this.height - this.FINAL_CONFIG.chart.padding.bottom,
|
|
472
|
-
left: this.FINAL_CONFIG.chart.padding.left +
|
|
473
|
+
left: this.FINAL_CONFIG.chart.padding.left + i,
|
|
473
474
|
height: this.height - (this.FINAL_CONFIG.chart.padding.top + this.FINAL_CONFIG.chart.padding.bottom),
|
|
474
|
-
width: this.width - (this.FINAL_CONFIG.chart.padding.right + this.FINAL_CONFIG.chart.padding.left +
|
|
475
|
+
width: this.width - (this.FINAL_CONFIG.chart.padding.right + this.FINAL_CONFIG.chart.padding.left + i)
|
|
475
476
|
};
|
|
476
477
|
},
|
|
477
478
|
max() {
|
|
478
|
-
return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax ? this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax : Math.max(...this.safeDataset.filter((
|
|
479
|
+
return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax ? this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax : Math.max(...this.safeDataset.filter((i) => !this.segregatedSeries.includes(i.id)).map((i) => Math.max(...i.series)));
|
|
479
480
|
},
|
|
480
481
|
min() {
|
|
481
482
|
if (this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin !== null)
|
|
482
483
|
return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin;
|
|
483
|
-
const
|
|
484
|
-
return
|
|
484
|
+
const i = Math.min(...this.safeDataset.filter((s) => !this.segregatedSeries.includes(s.id)).map((s) => Math.min(...s.series)));
|
|
485
|
+
return i > 0 ? 0 : i;
|
|
485
486
|
},
|
|
486
487
|
niceScale() {
|
|
487
488
|
return this.calculateNiceScaleWithExactExtremes(this.min, this.max < 0 ? 0 : this.max, this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps);
|
|
@@ -494,43 +495,43 @@ const We = U(), Be = {
|
|
|
494
495
|
},
|
|
495
496
|
slot() {
|
|
496
497
|
return {
|
|
497
|
-
bar: this.drawingArea.width / this.maxSeries / this.safeDataset.filter((
|
|
498
|
+
bar: this.drawingArea.width / this.maxSeries / this.safeDataset.filter((i) => i.type === "bar").filter((i) => !this.segregatedSeries.includes(i.id)).length,
|
|
498
499
|
plot: this.drawingArea.width / this.maxSeries,
|
|
499
500
|
line: this.drawingArea.width / this.maxSeries
|
|
500
501
|
};
|
|
501
502
|
},
|
|
502
503
|
barSlot() {
|
|
503
|
-
const
|
|
504
|
-
return this.drawingArea.width / this.maxSeries /
|
|
504
|
+
const i = this.safeDataset.filter((s) => s.type === "bar").filter((s) => !this.segregatedSeries.includes(s.id)).length;
|
|
505
|
+
return this.drawingArea.width / this.maxSeries / i - this.barPeriodGap * i;
|
|
505
506
|
},
|
|
506
507
|
barPeriodGap() {
|
|
507
508
|
return this.slot.line * this.FINAL_CONFIG.bar.periodGap;
|
|
508
509
|
},
|
|
509
510
|
maxSlot() {
|
|
510
|
-
return Math.max(...Object.values(this.slot).filter((
|
|
511
|
+
return Math.max(...Object.values(this.slot).filter((i) => i !== 1 / 0));
|
|
511
512
|
},
|
|
512
513
|
table() {
|
|
513
514
|
if (this.safeDataset.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
|
|
514
|
-
const
|
|
515
|
-
label:
|
|
516
|
-
color:
|
|
517
|
-
type:
|
|
515
|
+
const i = this.relativeDataset.map((h) => ({
|
|
516
|
+
label: h.name,
|
|
517
|
+
color: h.color,
|
|
518
|
+
type: h.type
|
|
518
519
|
})), s = [];
|
|
519
|
-
return this.timeLabels.forEach((
|
|
520
|
-
const t = [
|
|
520
|
+
return this.timeLabels.forEach((h, f) => {
|
|
521
|
+
const t = [h];
|
|
521
522
|
this.relativeDataset.forEach((e) => {
|
|
522
523
|
t.push(this.canShowValue(e.absoluteValues[f]) ? Number(e.absoluteValues[f].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
|
|
523
524
|
}), s.push(t);
|
|
524
|
-
}), { head:
|
|
525
|
+
}), { head: i, body: s };
|
|
525
526
|
},
|
|
526
527
|
dataTable() {
|
|
527
|
-
const
|
|
528
|
+
const i = [""].concat(this.relativeDataset.map((t) => t.name)).concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>');
|
|
528
529
|
let s = [];
|
|
529
530
|
for (let t = 0; t < this.maxSeries; t += 1) {
|
|
530
531
|
const e = this.relativeDataset.map((N) => N.absoluteValues[t] ?? 0).reduce((N, A) => N + A, 0);
|
|
531
532
|
s.push([this.timeLabels[t] ?? "-"].concat(this.relativeDataset.map((N) => (N.absoluteValues[t] ?? 0).toFixed(this.FINAL_CONFIG.table.rounding))).concat((e ?? 0).toFixed(this.FINAL_CONFIG.table.rounding)));
|
|
532
533
|
}
|
|
533
|
-
const
|
|
534
|
+
const h = {
|
|
534
535
|
th: {
|
|
535
536
|
backgroundColor: this.FINAL_CONFIG.table.th.backgroundColor,
|
|
536
537
|
color: this.FINAL_CONFIG.table.th.color,
|
|
@@ -543,7 +544,7 @@ const We = U(), Be = {
|
|
|
543
544
|
},
|
|
544
545
|
breakpoint: this.FINAL_CONFIG.table.responsiveBreakpoint
|
|
545
546
|
}, f = [this.FINAL_CONFIG.table.columnNames.period].concat(this.relativeDataset.map((t) => t.name)).concat(this.FINAL_CONFIG.table.columnNames.total);
|
|
546
|
-
return { head:
|
|
547
|
+
return { head: i, body: s, config: h, colNames: f };
|
|
547
548
|
},
|
|
548
549
|
dataTooltipSlot() {
|
|
549
550
|
return {
|
|
@@ -557,18 +558,18 @@ const We = U(), Be = {
|
|
|
557
558
|
};
|
|
558
559
|
},
|
|
559
560
|
selectedSeries() {
|
|
560
|
-
return this.relativeDataset.map((
|
|
561
|
-
shape:
|
|
562
|
-
name:
|
|
563
|
-
color:
|
|
564
|
-
type:
|
|
565
|
-
value:
|
|
566
|
-
comments:
|
|
561
|
+
return this.relativeDataset.map((i) => ({
|
|
562
|
+
shape: i.shape || null,
|
|
563
|
+
name: i.name,
|
|
564
|
+
color: i.color,
|
|
565
|
+
type: i.type,
|
|
566
|
+
value: i.absoluteValues.find((s, h) => h === this.selectedSerieIndex),
|
|
567
|
+
comments: i.comments || []
|
|
567
568
|
}));
|
|
568
569
|
},
|
|
569
570
|
tooltipContent() {
|
|
570
|
-
let
|
|
571
|
-
const
|
|
571
|
+
let i = "", s = this.selectedSeries.map((t) => t.value).filter((t) => this.isSafeValue(t) && t !== null).reduce((t, e) => Math.abs(t) + Math.abs(e), 0);
|
|
572
|
+
const h = this.timeLabels[this.selectedSerieIndex], f = this.FINAL_CONFIG.chart.tooltip.customFormat;
|
|
572
573
|
return this.isFunction(f) && this.functionReturnsString(() => f({
|
|
573
574
|
seriesIndex: this.selectedSerieIndex,
|
|
574
575
|
datapoint: this.selectedSeries,
|
|
@@ -585,7 +586,7 @@ const We = U(), Be = {
|
|
|
585
586
|
lines: this.lineSet,
|
|
586
587
|
plots: this.plotSet,
|
|
587
588
|
config: this.FINAL_CONFIG
|
|
588
|
-
}) : (
|
|
589
|
+
}) : (h && (i += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${h}</div>`), this.selectedSeries.forEach((t) => {
|
|
589
590
|
if (this.isSafeValue(t.value)) {
|
|
590
591
|
let e = "", N = "";
|
|
591
592
|
switch (this.icons[t.type]) {
|
|
@@ -625,7 +626,7 @@ const We = U(), Be = {
|
|
|
625
626
|
break;
|
|
626
627
|
}
|
|
627
628
|
}
|
|
628
|
-
|
|
629
|
+
i += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${e}</div> ${t.name}: <b>${this.FINAL_CONFIG.chart.tooltip.showValue ? this.applyDataLabel(
|
|
629
630
|
t.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : t.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
|
|
630
631
|
t.value,
|
|
631
632
|
this.dataLabel({
|
|
@@ -639,9 +640,9 @@ const We = U(), Be = {
|
|
|
639
640
|
v: this.checkNaN(Math.abs(t.value) / s * 100),
|
|
640
641
|
s: "%",
|
|
641
642
|
r: this.FINAL_CONFIG.chart.tooltip.roundingPercentage
|
|
642
|
-
})})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && t.comments.length && t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (
|
|
643
|
+
})})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && t.comments.length && t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (i += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${t.color}">${t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex]}</div>`);
|
|
643
644
|
}
|
|
644
|
-
}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${this.FINAL_CONFIG.chart.tooltip.color}">${
|
|
645
|
+
}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${this.FINAL_CONFIG.chart.tooltip.color}">${i}</div>`);
|
|
645
646
|
},
|
|
646
647
|
svg() {
|
|
647
648
|
return {
|
|
@@ -650,9 +651,9 @@ const We = U(), Be = {
|
|
|
650
651
|
};
|
|
651
652
|
},
|
|
652
653
|
yLabels() {
|
|
653
|
-
return this.niceScale.ticks.map((
|
|
654
|
-
y:
|
|
655
|
-
value:
|
|
654
|
+
return this.niceScale.ticks.map((i) => ({
|
|
655
|
+
y: i >= 0 ? this.zero - this.drawingArea.height * this.ratioToMax(i) : this.zero + this.drawingArea.height * this.ratioToMax(Math.abs(i)),
|
|
656
|
+
value: i
|
|
656
657
|
}));
|
|
657
658
|
},
|
|
658
659
|
zero() {
|
|
@@ -663,23 +664,23 @@ const We = U(), Be = {
|
|
|
663
664
|
if (this.objectIsEmpty(this.dataset) ? this.error({
|
|
664
665
|
componentName: "VueUiXy",
|
|
665
666
|
type: "dataset"
|
|
666
|
-
}) : this.dataset.forEach((
|
|
667
|
-
[null, void 0].includes(
|
|
667
|
+
}) : this.dataset.forEach((i, s) => {
|
|
668
|
+
[null, void 0].includes(i.name) && this.error({
|
|
668
669
|
componentName: "VueUiXy",
|
|
669
670
|
type: "datasetSerieAttribute",
|
|
670
671
|
property: "name (string)",
|
|
671
672
|
index: s
|
|
672
673
|
});
|
|
673
|
-
}), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((
|
|
674
|
-
|
|
674
|
+
}), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((i) => {
|
|
675
|
+
i.series.forEach((s, h) => {
|
|
675
676
|
this.isSafeValue(s) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
|
|
676
|
-
-----> The serie '${
|
|
677
|
+
-----> The serie '${i.name}' contains the value '${s}' at index ${h}.
|
|
677
678
|
'${s}' was converted to null to allow the chart to display.`);
|
|
678
679
|
});
|
|
679
|
-
}), document.addEventListener("mousemove", (
|
|
680
|
+
}), document.addEventListener("mousemove", (i) => {
|
|
680
681
|
this.clientPosition = {
|
|
681
|
-
x:
|
|
682
|
-
y:
|
|
682
|
+
x: i.clientX,
|
|
683
|
+
y: i.clientY
|
|
683
684
|
};
|
|
684
685
|
}), this.mutableConfig = {
|
|
685
686
|
dataLabels: {
|
|
@@ -690,13 +691,13 @@ const We = U(), Be = {
|
|
|
690
691
|
isStacked: this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked,
|
|
691
692
|
useIndividualScale: this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale
|
|
692
693
|
}, this.FINAL_CONFIG.responsive) {
|
|
693
|
-
const s = this.$refs.chart.parentNode, { height:
|
|
694
|
+
const s = this.$refs.chart.parentNode, { height: h, width: f } = s.getBoundingClientRect();
|
|
694
695
|
let t = null, e = 0;
|
|
695
696
|
this.FINAL_CONFIG.chart.title.show && (t = this.$refs.chartTitle, e = t.getBoundingClientRect().height);
|
|
696
697
|
let N = null, A = 0;
|
|
697
698
|
this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (N = this.$refs.chartSlicer.$el, A = N.getBoundingClientRect().height);
|
|
698
699
|
let m = null, _ = 0;
|
|
699
|
-
this.FINAL_CONFIG.chart.legend.show && (m = this.$refs.chartLegend, _ = m.getBoundingClientRect().height), this.height =
|
|
700
|
+
this.FINAL_CONFIG.chart.legend.show && (m = this.$refs.chartLegend, _ = m.getBoundingClientRect().height), this.height = h - e - _ - A, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((k) => {
|
|
700
701
|
for (const w of k)
|
|
701
702
|
this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (A = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (_ = this.$refs.chartLegend.getBoundingClientRect().height), this.height = w.contentBoxSize[0].blockSize - e - _ - A - 24, this.width = w.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
|
|
702
703
|
}).observe(s);
|
|
@@ -704,22 +705,22 @@ const We = U(), Be = {
|
|
|
704
705
|
this.height = this.FINAL_CONFIG.chart.height, this.width = this.FINAL_CONFIG.chart.width, this.viewBox = `0 0 ${this.width} ${this.height}`, this.fontSizes.dataLabels = this.FINAL_CONFIG.chart.grid.labels.fontSize, this.fontSizes.yAxis = this.FINAL_CONFIG.chart.grid.labels.axis.fontSize, this.fontSizes.xAxis = this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.fontSize, this.fontSizes.plotLabels = this.FINAL_CONFIG.chart.labels.fontSize, this.plotRadii.plot = this.FINAL_CONFIG.plot.radius, this.plotRadii.line = this.FINAL_CONFIG.line.radius;
|
|
705
706
|
},
|
|
706
707
|
methods: {
|
|
707
|
-
abbreviate:
|
|
708
|
-
adaptColorToBackground:
|
|
708
|
+
abbreviate: ie,
|
|
709
|
+
adaptColorToBackground: le,
|
|
709
710
|
applyDataLabel: re,
|
|
710
711
|
assignStackRatios: se,
|
|
711
712
|
calcLinearProgression: ne,
|
|
712
713
|
calculateNiceScaleWithExactExtremes: oe,
|
|
713
|
-
checkNaN:
|
|
714
|
-
closestDecimal:
|
|
714
|
+
checkNaN: ce,
|
|
715
|
+
closestDecimal: he,
|
|
715
716
|
convertColorToHex: de,
|
|
716
717
|
convertConfigColors: ue,
|
|
717
718
|
convertCustomPalette: ge,
|
|
718
719
|
createCsvContent: fe,
|
|
719
720
|
createSmoothPath: me,
|
|
720
|
-
createTSpans:
|
|
721
|
+
createTSpans: Ie,
|
|
721
722
|
dataLabel: q,
|
|
722
|
-
downloadCsv:
|
|
723
|
+
downloadCsv: be,
|
|
723
724
|
error: Ne,
|
|
724
725
|
functionReturnsString: xe,
|
|
725
726
|
hasDeepProperty: _e,
|
|
@@ -729,10 +730,13 @@ const We = U(), Be = {
|
|
|
729
730
|
objectIsEmpty: Ae,
|
|
730
731
|
pdf: J,
|
|
731
732
|
shiftHue: Le,
|
|
732
|
-
translateSize:
|
|
733
|
-
treeShake:
|
|
733
|
+
translateSize: Ce,
|
|
734
|
+
treeShake: Se,
|
|
734
735
|
useMouse: ve,
|
|
735
736
|
useNestedProp: Z,
|
|
737
|
+
selectMinimapIndex(i) {
|
|
738
|
+
this.selectedMinimapIndex = i;
|
|
739
|
+
},
|
|
736
740
|
convertSizes() {
|
|
737
741
|
this.fontSizes.dataLabels = this.translateSize({
|
|
738
742
|
relator: this.height,
|
|
@@ -784,98 +788,98 @@ const We = U(), Be = {
|
|
|
784
788
|
toggleTooltip() {
|
|
785
789
|
this.mutableConfig.showTooltip = !this.mutableConfig.showTooltip;
|
|
786
790
|
},
|
|
787
|
-
checkAutoScaleError(
|
|
788
|
-
|
|
791
|
+
checkAutoScaleError(i) {
|
|
792
|
+
i.autoScaling && (this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${i.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${i.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
|
|
789
793
|
},
|
|
790
|
-
createArea(
|
|
791
|
-
if (!
|
|
792
|
-
const s = { x:
|
|
793
|
-
return
|
|
794
|
+
createArea(i) {
|
|
795
|
+
if (!i[0]) return [-10, -10, "", -10, -10];
|
|
796
|
+
const s = { x: i[0].x, y: this.zero }, h = { x: i.at(-1).x, y: this.zero }, f = [];
|
|
797
|
+
return i.forEach((t) => {
|
|
794
798
|
f.push(`${t.x},${t.y} `);
|
|
795
|
-
}), [s.x, s.y, ...f,
|
|
799
|
+
}), [s.x, s.y, ...f, h.x, h.y].toString();
|
|
796
800
|
},
|
|
797
|
-
createIndividualArea(
|
|
798
|
-
if (!
|
|
799
|
-
const
|
|
800
|
-
return
|
|
801
|
+
createIndividualArea(i, s) {
|
|
802
|
+
if (!i[0]) return [-10, -10, "", -10, -10];
|
|
803
|
+
const h = { x: i[0] ? i[0].x : Math.min(...i.filter((e) => !!e).map((e) => e.x)), y: s }, f = { x: i.at(-1) ? i.at(-1).x : Math.min(...i.filter((e) => !!e).map((e) => e.x)), y: s }, t = [];
|
|
804
|
+
return i.filter((e) => !!e).forEach((e) => {
|
|
801
805
|
t.push(`${e.x},${e.y} `);
|
|
802
|
-
}), [
|
|
806
|
+
}), [h.x, h.y, ...t, f.x, f.y].toString();
|
|
803
807
|
},
|
|
804
808
|
createStar: X,
|
|
805
809
|
createPolygonPath: P,
|
|
806
|
-
fillArray(
|
|
807
|
-
let
|
|
808
|
-
for (let f = 0; f < s.length && f <
|
|
809
|
-
|
|
810
|
-
return
|
|
810
|
+
fillArray(i, s) {
|
|
811
|
+
let h = Array(i).fill(0);
|
|
812
|
+
for (let f = 0; f < s.length && f < i; f += 1)
|
|
813
|
+
h[f] = s[f];
|
|
814
|
+
return h;
|
|
811
815
|
},
|
|
812
816
|
refreshSlicer() {
|
|
813
817
|
this.slicer = {
|
|
814
818
|
start: 0,
|
|
815
|
-
end: Math.max(...this.dataset.map((
|
|
819
|
+
end: Math.max(...this.dataset.map((i) => i.series.length))
|
|
816
820
|
}, this.slicerStep += 1;
|
|
817
821
|
},
|
|
818
|
-
calcRectHeight(
|
|
819
|
-
return
|
|
822
|
+
calcRectHeight(i) {
|
|
823
|
+
return i.value >= 0 ? this.zero - i.y <= 0 ? 1e-5 : this.zero - i.y : i.y - this.zero <= 0 ? 1e-5 : i.y - this.zero;
|
|
820
824
|
},
|
|
821
|
-
calcIndividualHeight(
|
|
822
|
-
return
|
|
825
|
+
calcIndividualHeight(i) {
|
|
826
|
+
return i.value >= 0 ? i.zeroPosition - i.y <= 0 ? 1e-5 : i.zeroPosition - i.y : i.y - i.zeroPosition <= 0 ? 1e-5 : i.zeroPosition - i.y;
|
|
823
827
|
},
|
|
824
828
|
calcRectWidth() {
|
|
825
829
|
return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.slot.line - this.drawingArea.width / this.maxSeries * 0.1 : this.slot.bar;
|
|
826
830
|
},
|
|
827
|
-
calcRectX(
|
|
828
|
-
return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ?
|
|
831
|
+
calcRectX(i) {
|
|
832
|
+
return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? i.x + this.drawingArea.width / this.maxSeries * 0.05 : i.x + this.slot.bar / 2;
|
|
829
833
|
},
|
|
830
|
-
calcRectY(
|
|
831
|
-
return
|
|
834
|
+
calcRectY(i) {
|
|
835
|
+
return i.value >= 0 ? i.y : this.zero;
|
|
832
836
|
},
|
|
833
|
-
calcIndividualRectY(
|
|
834
|
-
return
|
|
837
|
+
calcIndividualRectY(i) {
|
|
838
|
+
return i.value >= 0 ? i.y : i.zeroPosition;
|
|
835
839
|
},
|
|
836
|
-
canShowValue(
|
|
837
|
-
return ![null, void 0, NaN].includes(
|
|
840
|
+
canShowValue(i) {
|
|
841
|
+
return ![null, void 0, NaN].includes(i);
|
|
838
842
|
},
|
|
839
|
-
findClosestValue(
|
|
840
|
-
let
|
|
843
|
+
findClosestValue(i, s) {
|
|
844
|
+
let h = s[0], f = Math.abs(i - s[0]);
|
|
841
845
|
for (let t = 1; t < s.length; t += 1) {
|
|
842
|
-
const e = Math.abs(
|
|
843
|
-
e < f && s[t] <
|
|
846
|
+
const e = Math.abs(i - s[t]);
|
|
847
|
+
e < f && s[t] < i && (h = s[t], f = e);
|
|
844
848
|
}
|
|
845
|
-
return
|
|
849
|
+
return h;
|
|
846
850
|
},
|
|
847
|
-
ratioToMax(
|
|
848
|
-
return
|
|
851
|
+
ratioToMax(i) {
|
|
852
|
+
return i / this.absoluteMax;
|
|
849
853
|
},
|
|
850
|
-
selectX(
|
|
854
|
+
selectX(i) {
|
|
851
855
|
this.$emit(
|
|
852
856
|
"selectX",
|
|
853
857
|
{
|
|
854
858
|
dataset: this.relativeDataset.map((s) => ({
|
|
855
859
|
name: s.name,
|
|
856
|
-
value: [null, void 0, NaN].includes(s.absoluteValues[
|
|
860
|
+
value: [null, void 0, NaN].includes(s.absoluteValues[i]) ? null : s.absoluteValues[i],
|
|
857
861
|
color: s.color,
|
|
858
862
|
type: s.type
|
|
859
863
|
})),
|
|
860
|
-
index:
|
|
861
|
-
indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[
|
|
864
|
+
index: i,
|
|
865
|
+
indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[i]
|
|
862
866
|
}
|
|
863
867
|
);
|
|
864
868
|
},
|
|
865
869
|
getData() {
|
|
866
|
-
return this.absoluteDataset.map((
|
|
867
|
-
values:
|
|
868
|
-
color:
|
|
869
|
-
name:
|
|
870
|
-
type:
|
|
870
|
+
return this.absoluteDataset.map((i) => ({
|
|
871
|
+
values: i.absoluteValues,
|
|
872
|
+
color: i.color,
|
|
873
|
+
name: i.name,
|
|
874
|
+
type: i.type
|
|
871
875
|
}));
|
|
872
876
|
},
|
|
873
|
-
segregate(
|
|
874
|
-
if (this.segregatedSeries.includes(
|
|
875
|
-
this.segregatedSeries = this.segregatedSeries.filter((s) => s !==
|
|
877
|
+
segregate(i) {
|
|
878
|
+
if (this.segregatedSeries.includes(i.id))
|
|
879
|
+
this.segregatedSeries = this.segregatedSeries.filter((s) => s !== i.id);
|
|
876
880
|
else {
|
|
877
881
|
if (this.segregatedSeries.length + 1 === this.safeDataset.length) return;
|
|
878
|
-
this.segregatedSeries.push(
|
|
882
|
+
this.segregatedSeries.push(i.id);
|
|
879
883
|
}
|
|
880
884
|
this.$emit("selectLegend", this.relativeDataset.map((s) => ({
|
|
881
885
|
name: s.name,
|
|
@@ -884,11 +888,11 @@ const We = U(), Be = {
|
|
|
884
888
|
type: s.type
|
|
885
889
|
}))), this.segregateStep += 1;
|
|
886
890
|
},
|
|
887
|
-
toggleTooltipVisibility(
|
|
888
|
-
this.isTooltip =
|
|
891
|
+
toggleTooltipVisibility(i, s = null) {
|
|
892
|
+
this.isTooltip = i, i ? this.selectedSerieIndex = s : this.selectedSerieIndex = null;
|
|
889
893
|
},
|
|
890
|
-
toggleFullscreen(
|
|
891
|
-
this.isFullscreen =
|
|
894
|
+
toggleFullscreen(i) {
|
|
895
|
+
this.isFullscreen = i, this.step += 1;
|
|
892
896
|
},
|
|
893
897
|
showSpinnerPdf() {
|
|
894
898
|
this.isPrinting = !0;
|
|
@@ -904,7 +908,7 @@ const We = U(), Be = {
|
|
|
904
908
|
}, 100);
|
|
905
909
|
},
|
|
906
910
|
generateCsv() {
|
|
907
|
-
const
|
|
911
|
+
const i = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], s = ["", ...this.table.head.map((e) => e.label)], h = this.table.body, f = i.concat([s]).concat(h), t = this.createCsvContent(f);
|
|
908
912
|
this.downloadCsv({ csvContent: t, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
|
|
909
913
|
},
|
|
910
914
|
showSpinnerImage() {
|
|
@@ -922,7 +926,7 @@ const We = U(), Be = {
|
|
|
922
926
|
}, 100);
|
|
923
927
|
}
|
|
924
928
|
}
|
|
925
|
-
}, Ye = ["id"], Xe = ["viewBox"], qe = { key: 0 }, Ze = { class: "vue-ui-xy-grid" }, Ue = ["stroke", "x1", "x2", "y1", "y2"], Je = ["stroke", "x1", "x2", "y1", "y2"], Ke = { key: 1 }, Qe = ["x1", "x2", "y1", "y2", "stroke"], je = ["x1", "x2", "y1", "y2", "stroke"], $e = ["x1", "x2", "y1", "y2", "stroke"], et = { key: 3 }, tt = ["x1", "x2", "y1", "y2", "stroke"], at = ["id"],
|
|
929
|
+
}, Ye = ["id"], Xe = ["viewBox"], qe = { key: 0 }, Ze = { class: "vue-ui-xy-grid" }, Ue = ["stroke", "x1", "x2", "y1", "y2"], Je = ["stroke", "x1", "x2", "y1", "y2"], Ke = { key: 1 }, Qe = ["x1", "x2", "y1", "y2", "stroke"], je = ["x1", "x2", "y1", "y2", "stroke"], $e = ["x1", "x2", "y1", "y2", "stroke"], et = { key: 3 }, tt = ["x1", "x2", "y1", "y2", "stroke"], at = ["id"], it = ["stop-color"], lt = ["stop-color"], rt = ["stop-color"], st = ["id"], nt = ["stop-color"], ot = ["stop-color"], ct = ["stop-color"], ht = ["id"], dt = ["stop-color"], ut = ["stop-color"], gt = ["id"], ft = ["stop-color"], mt = ["stop-color"], It = ["id"], bt = ["stop-color"], Nt = ["stop-color"], xt = ["x", "y", "height", "width", "fill"], _t = ["x", "y", "width"], Ft = ["x", "y", "height", "width", "fill"], yt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], At = ["width", "x", "y"], Lt = { key: 0 }, Ct = ["id"], St = ["fill"], kt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], wt = ["x", "y", "font-size", "fill"], Ot = ["stroke", "x1", "x2", "y1", "y2"], vt = { key: 2 }, Gt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], zt = ["y", "width", "height", "fill"], pt = ["x", "y", "width", "height", "fill"], Mt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Pt = { key: 4 }, Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Vt = ["fill", "font-size", "transform"], Rt = ["x1", "x2", "y1", "y2", "stroke"], Dt = ["x", "y", "font-size", "fill"], Et = ["x1", "x2", "y1", "y2", "stroke"], Ht = ["x", "y", "font-size", "fill"], Wt = ["width", "x", "y"], Bt = { style: { width: "100%" } }, Yt = { key: 0 }, Xt = ["id"], qt = ["fill"], Zt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ut = ["x", "y", "font-size", "fill"], Jt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Kt = { key: 1 }, Qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], jt = { key: 0 }, $t = ["d", "fill"], ea = ["d", "fill"], ta = ["d", "stroke", "stroke-width", "stroke-dasharray"], aa = { key: 2 }, ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], la = ["width", "x", "y"], ra = { style: { width: "100%" } }, sa = { key: 3 }, na = ["id"], oa = ["fill"], ca = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ha = ["x", "y", "font-size", "fill"], da = { key: 5 }, ua = ["x", "y", "font-size", "fill"], ga = ["x", "y", "font-size", "fill", "font-weight"], fa = { key: 6 }, ma = ["x", "y", "font-size", "fill"], Ia = ["x", "y"], ba = ["x", "y"], Na = { key: 7 }, xa = ["x", "y", "font-size", "fill"], _a = ["x", "y"], Fa = ["x", "y"], ya = ["x", "y", "font-size", "fill", "innerHTML"], Aa = ["x", "y", "font-size", "fill", "innerHTML"], La = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["x", "y", "font-size", "fill", "innerHTML"], Sa = ["x", "y", "width", "height", "fill", "onMouseenter"], ka = ["font-size", "fill", "transform"], wa = ["x", "y", "font-size", "fill"], Oa = { key: 9 }, va = ["text-anchor", "font-size", "fill", "transform"], Ga = ["x", "y", "height", "width", "onMouseenter", "onClick"], za = { key: 10 }, pa = ["x", "y"], Ma = ["cx", "cy", "r", "fill"], Pa = {
|
|
926
930
|
key: 3,
|
|
927
931
|
class: "vue-data-ui-watermark"
|
|
928
932
|
}, Ta = ["onClick"], Va = {
|
|
@@ -942,15 +946,15 @@ const We = U(), Be = {
|
|
|
942
946
|
style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
|
|
943
947
|
"data-html2canvas-ignore": ""
|
|
944
948
|
}, Ba = ["innerHTML"];
|
|
945
|
-
function Ya(
|
|
946
|
-
const N = T("Title"), A = T("UserOptions"), m = T("Shape"), _ = T("Skeleton"), p = T("Slicer"), k = T("Tooltip"), w = T("BaseIcon"), G = T("TableSparkline"), x = T("DataTable"),
|
|
947
|
-
return
|
|
949
|
+
function Ya(i, s, h, f, t, e) {
|
|
950
|
+
const N = T("Title"), A = T("UserOptions"), m = T("Shape"), _ = T("Skeleton"), p = T("Slicer"), k = T("Tooltip"), w = T("BaseIcon"), G = T("TableSparkline"), x = T("DataTable"), C = T("Accordion");
|
|
951
|
+
return l(), r("div", {
|
|
948
952
|
id: `vue-ui-xy_${t.uniqueId}`,
|
|
949
953
|
class: M(`vue-ui-xy ${t.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
|
|
950
954
|
ref: "chart",
|
|
951
955
|
style: L(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color};width:100%;${e.FINAL_CONFIG.chart.title.text ? "" : "padding-top:36px"};font-family:${e.FINAL_CONFIG.chart.fontFamily};${e.FINAL_CONFIG.responsive ? "height: 100%" : ""}`)
|
|
952
956
|
}, [
|
|
953
|
-
e.FINAL_CONFIG.chart.title.show ? (
|
|
957
|
+
e.FINAL_CONFIG.chart.title.show ? (l(), r("div", {
|
|
954
958
|
key: 0,
|
|
955
959
|
ref: "chartTitle",
|
|
956
960
|
class: "vue-ui-xy-title",
|
|
@@ -968,8 +972,8 @@ function Ya(l, s, c, f, t, e) {
|
|
|
968
972
|
}
|
|
969
973
|
}
|
|
970
974
|
}, null, 8, ["config"])
|
|
971
|
-
], 4)) :
|
|
972
|
-
e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (
|
|
975
|
+
], 4)) : c("", !0),
|
|
976
|
+
e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (l(), V(A, {
|
|
973
977
|
ref: "defails",
|
|
974
978
|
key: `user_options_${t.step}`,
|
|
975
979
|
backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
|
|
@@ -983,11 +987,11 @@ function Ya(l, s, c, f, t, e) {
|
|
|
983
987
|
hasImg: e.FINAL_CONFIG.chart.userOptions.buttons.img,
|
|
984
988
|
hasLabel: e.FINAL_CONFIG.chart.userOptions.buttons.labels,
|
|
985
989
|
hasTable: e.FINAL_CONFIG.chart.userOptions.buttons.table,
|
|
986
|
-
hasStack:
|
|
990
|
+
hasStack: h.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
|
|
987
991
|
hasFullscreen: e.FINAL_CONFIG.chart.userOptions.buttons.fullscreen,
|
|
988
992
|
isStacked: t.mutableConfig.isStacked,
|
|
989
993
|
isFullscreen: t.isFullscreen,
|
|
990
|
-
chartElement:
|
|
994
|
+
chartElement: i.$refs.chart,
|
|
991
995
|
isTooltip: t.mutableConfig.showTooltip,
|
|
992
996
|
titles: { ...e.FINAL_CONFIG.chart.userOptions.buttonTitles },
|
|
993
997
|
onToggleFullscreen: e.toggleFullscreen,
|
|
@@ -999,64 +1003,64 @@ function Ya(l, s, c, f, t, e) {
|
|
|
999
1003
|
onToggleStack: e.toggleStack,
|
|
1000
1004
|
onToggleTooltip: e.toggleTooltip
|
|
1001
1005
|
}, Ve({ _: 2 }, [
|
|
1002
|
-
|
|
1006
|
+
i.$slots.optionTooltip ? {
|
|
1003
1007
|
name: "optionTooltip",
|
|
1004
1008
|
fn: z(() => [
|
|
1005
|
-
v(
|
|
1009
|
+
v(i.$slots, "optionTooltip", {}, void 0, !0)
|
|
1006
1010
|
]),
|
|
1007
1011
|
key: "0"
|
|
1008
1012
|
} : void 0,
|
|
1009
|
-
|
|
1013
|
+
i.$slots.optionPdf ? {
|
|
1010
1014
|
name: "optionPdf",
|
|
1011
1015
|
fn: z(() => [
|
|
1012
|
-
v(
|
|
1016
|
+
v(i.$slots, "optionPdf", {}, void 0, !0)
|
|
1013
1017
|
]),
|
|
1014
1018
|
key: "1"
|
|
1015
1019
|
} : void 0,
|
|
1016
|
-
|
|
1020
|
+
i.$slots.optionCsv ? {
|
|
1017
1021
|
name: "optionCsv",
|
|
1018
1022
|
fn: z(() => [
|
|
1019
|
-
v(
|
|
1023
|
+
v(i.$slots, "optionCsv", {}, void 0, !0)
|
|
1020
1024
|
]),
|
|
1021
1025
|
key: "2"
|
|
1022
1026
|
} : void 0,
|
|
1023
|
-
|
|
1027
|
+
i.$slots.optionImg ? {
|
|
1024
1028
|
name: "optionImg",
|
|
1025
1029
|
fn: z(() => [
|
|
1026
|
-
v(
|
|
1030
|
+
v(i.$slots, "optionImg", {}, void 0, !0)
|
|
1027
1031
|
]),
|
|
1028
1032
|
key: "3"
|
|
1029
1033
|
} : void 0,
|
|
1030
|
-
|
|
1034
|
+
i.$slots.optionTable ? {
|
|
1031
1035
|
name: "optionTable",
|
|
1032
1036
|
fn: z(() => [
|
|
1033
|
-
v(
|
|
1037
|
+
v(i.$slots, "optionTable", {}, void 0, !0)
|
|
1034
1038
|
]),
|
|
1035
1039
|
key: "4"
|
|
1036
1040
|
} : void 0,
|
|
1037
|
-
|
|
1041
|
+
i.$slots.optionLabels ? {
|
|
1038
1042
|
name: "optionLabels",
|
|
1039
1043
|
fn: z(() => [
|
|
1040
|
-
v(
|
|
1044
|
+
v(i.$slots, "optionLabels", {}, void 0, !0)
|
|
1041
1045
|
]),
|
|
1042
1046
|
key: "5"
|
|
1043
1047
|
} : void 0,
|
|
1044
|
-
|
|
1048
|
+
i.$slots.optionStack ? {
|
|
1045
1049
|
name: "optionStack",
|
|
1046
1050
|
fn: z(() => [
|
|
1047
|
-
v(
|
|
1051
|
+
v(i.$slots, "optionStack", {}, void 0, !0)
|
|
1048
1052
|
]),
|
|
1049
1053
|
key: "6"
|
|
1050
1054
|
} : void 0,
|
|
1051
|
-
|
|
1055
|
+
i.$slots.optionFullscreen ? {
|
|
1052
1056
|
name: "optionFullscreen",
|
|
1053
1057
|
fn: z(({ toggleFullscreen: a, isFullscreen: o }) => [
|
|
1054
|
-
v(
|
|
1058
|
+
v(i.$slots, "optionFullscreen", W(B({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
|
|
1055
1059
|
]),
|
|
1056
1060
|
key: "7"
|
|
1057
1061
|
} : void 0
|
|
1058
|
-
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "isTooltip", "titles", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip"])) :
|
|
1059
|
-
e.isDataset ? (
|
|
1062
|
+
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "isTooltip", "titles", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip"])) : c("", !0),
|
|
1063
|
+
e.isDataset ? (l(), r("svg", {
|
|
1060
1064
|
key: 2,
|
|
1061
1065
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1062
1066
|
class: M([{ "vue-data-ui-fullscreen--on": t.isFullscreen, "vue-data-ui-fulscreen--off": !t.isFullscreen }, "vue-ui-xy-svg"]),
|
|
@@ -1064,9 +1068,9 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1064
1068
|
viewBox: t.viewBox,
|
|
1065
1069
|
style: L(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
|
|
1066
1070
|
}, [
|
|
1067
|
-
e.maxSeries > 0 ? (
|
|
1071
|
+
e.maxSeries > 0 ? (l(), r("g", qe, [
|
|
1068
1072
|
u("g", Ze, [
|
|
1069
|
-
e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (
|
|
1073
|
+
e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (l(), r("line", {
|
|
1070
1074
|
key: 0,
|
|
1071
1075
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1072
1076
|
"stroke-width": "1",
|
|
@@ -1075,9 +1079,9 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1075
1079
|
y1: e.drawingArea.bottom,
|
|
1076
1080
|
y2: e.drawingArea.bottom,
|
|
1077
1081
|
"stroke-linecap": "round"
|
|
1078
|
-
}, null, 8, Ue)) :
|
|
1079
|
-
t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (
|
|
1080
|
-
a.id === t.selectedScale && a.yLabels.length ? (
|
|
1082
|
+
}, null, 8, Ue)) : c("", !0),
|
|
1083
|
+
t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (l(!0), r(I, { key: 2 }, b(e.allScales, (a) => (l(), r("g", null, [
|
|
1084
|
+
a.id === t.selectedScale && a.yLabels.length ? (l(!0), r(I, { key: 0 }, b(a.yLabels, (o) => (l(), r("line", {
|
|
1081
1085
|
x1: e.drawingArea.left + e.xPadding,
|
|
1082
1086
|
x2: e.drawingArea.right - e.xPadding,
|
|
1083
1087
|
y1: o.y,
|
|
@@ -1085,7 +1089,7 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1085
1089
|
stroke: a.color,
|
|
1086
1090
|
"stroke-width": 0.5,
|
|
1087
1091
|
"stroke-linecap": "round"
|
|
1088
|
-
}, null, 8, je))), 256)) : a.yLabels.length ? (
|
|
1092
|
+
}, null, 8, je))), 256)) : a.yLabels.length ? (l(!0), r(I, { key: 1 }, b(a.yLabels, (o) => (l(), r("line", {
|
|
1089
1093
|
x1: e.drawingArea.left + e.xPadding,
|
|
1090
1094
|
x2: e.drawingArea.right - e.xPadding,
|
|
1091
1095
|
y1: o.y,
|
|
@@ -1093,9 +1097,9 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1093
1097
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1094
1098
|
"stroke-width": 0.5,
|
|
1095
1099
|
"stroke-linecap": "round"
|
|
1096
|
-
}, null, 8, $e))), 256)) :
|
|
1097
|
-
]))), 256)) :
|
|
1098
|
-
e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (
|
|
1100
|
+
}, null, 8, $e))), 256)) : c("", !0)
|
|
1101
|
+
]))), 256)) : c("", !0) : (l(), r(I, { key: 1 }, [
|
|
1102
|
+
e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (l(), r("line", {
|
|
1099
1103
|
key: 0,
|
|
1100
1104
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1101
1105
|
"stroke-width": "1",
|
|
@@ -1104,9 +1108,9 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1104
1108
|
y1: e.drawingArea.top,
|
|
1105
1109
|
y2: e.drawingArea.bottom,
|
|
1106
1110
|
"stroke-linecap": "round"
|
|
1107
|
-
}, null, 8, Je)) :
|
|
1108
|
-
e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (
|
|
1109
|
-
(
|
|
1111
|
+
}, null, 8, Je)) : c("", !0),
|
|
1112
|
+
e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (l(), r("g", Ke, [
|
|
1113
|
+
(l(!0), r(I, null, b(e.yLabels, (a) => (l(), r("line", {
|
|
1110
1114
|
x1: e.drawingArea.left + e.xPadding,
|
|
1111
1115
|
x2: e.drawingArea.right - e.xPadding,
|
|
1112
1116
|
y1: a.y,
|
|
@@ -1115,10 +1119,10 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1115
1119
|
"stroke-width": 0.5,
|
|
1116
1120
|
"stroke-linecap": "round"
|
|
1117
1121
|
}, null, 8, Qe))), 256))
|
|
1118
|
-
])) :
|
|
1122
|
+
])) : c("", !0)
|
|
1119
1123
|
], 64)),
|
|
1120
|
-
e.FINAL_CONFIG.chart.grid.showVerticalLines ? (
|
|
1121
|
-
(
|
|
1124
|
+
e.FINAL_CONFIG.chart.grid.showVerticalLines ? (l(), r("g", et, [
|
|
1125
|
+
(l(!0), r(I, null, b(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (a, o) => (l(), r("line", {
|
|
1122
1126
|
key: `grid_vertical_line_${o}`,
|
|
1123
1127
|
x1: e.drawingArea.width / e.maxSeries * o + e.drawingArea.left + e.xPadding,
|
|
1124
1128
|
x2: e.drawingArea.width / e.maxSeries * o + e.drawingArea.left + e.xPadding,
|
|
@@ -1127,9 +1131,9 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1127
1131
|
"stroke-width": "0.5",
|
|
1128
1132
|
stroke: e.FINAL_CONFIG.chart.grid.stroke
|
|
1129
1133
|
}, null, 8, tt))), 128))
|
|
1130
|
-
])) :
|
|
1134
|
+
])) : c("", !0)
|
|
1131
1135
|
]),
|
|
1132
|
-
(
|
|
1136
|
+
(l(!0), r(I, null, b(e.barSet, (a, o) => (l(), r("defs", {
|
|
1133
1137
|
key: `def_rect_${o}`
|
|
1134
1138
|
}, [
|
|
1135
1139
|
u("linearGradient", {
|
|
@@ -1140,11 +1144,11 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1140
1144
|
u("stop", {
|
|
1141
1145
|
offset: "0%",
|
|
1142
1146
|
"stop-color": a.color
|
|
1143
|
-
}, null, 8,
|
|
1147
|
+
}, null, 8, it),
|
|
1144
1148
|
u("stop", {
|
|
1145
1149
|
offset: "62%",
|
|
1146
1150
|
"stop-color": `${e.shiftHue(a.color, 0.02)}DE`
|
|
1147
|
-
}, null, 8,
|
|
1151
|
+
}, null, 8, lt),
|
|
1148
1152
|
u("stop", {
|
|
1149
1153
|
offset: "100%",
|
|
1150
1154
|
"stop-color": `${e.shiftHue(a.color, 0.05)}66`
|
|
@@ -1166,10 +1170,10 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1166
1170
|
u("stop", {
|
|
1167
1171
|
offset: "100%",
|
|
1168
1172
|
"stop-color": a.color
|
|
1169
|
-
}, null, 8,
|
|
1173
|
+
}, null, 8, ct)
|
|
1170
1174
|
], 8, st)
|
|
1171
1175
|
]))), 128)),
|
|
1172
|
-
(
|
|
1176
|
+
(l(!0), r(I, null, b(e.plotSet, (a, o) => (l(), r("defs", {
|
|
1173
1177
|
key: `def_plot_${o}`
|
|
1174
1178
|
}, [
|
|
1175
1179
|
u("radialGradient", {
|
|
@@ -1188,9 +1192,9 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1188
1192
|
offset: "100%",
|
|
1189
1193
|
"stop-color": a.color
|
|
1190
1194
|
}, null, 8, ut)
|
|
1191
|
-
], 8,
|
|
1195
|
+
], 8, ht)
|
|
1192
1196
|
]))), 128)),
|
|
1193
|
-
(
|
|
1197
|
+
(l(!0), r(I, null, b(e.lineSet, (a, o) => (l(), r("defs", {
|
|
1194
1198
|
key: `def_line_${o}`
|
|
1195
1199
|
}, [
|
|
1196
1200
|
u("radialGradient", {
|
|
@@ -1220,15 +1224,15 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1220
1224
|
u("stop", {
|
|
1221
1225
|
offset: "0%",
|
|
1222
1226
|
"stop-color": `${e.shiftHue(a.color, 0.03)}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
|
|
1223
|
-
}, null, 8,
|
|
1227
|
+
}, null, 8, bt),
|
|
1224
1228
|
u("stop", {
|
|
1225
1229
|
offset: "100%",
|
|
1226
1230
|
"stop-color": `${a.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
|
|
1227
1231
|
}, null, 8, Nt)
|
|
1228
|
-
], 8,
|
|
1232
|
+
], 8, It)
|
|
1229
1233
|
]))), 128)),
|
|
1230
|
-
(
|
|
1231
|
-
a.show ? (
|
|
1234
|
+
(l(!0), r(I, null, b(e.highlightAreas, (a) => (l(), r("g", null, [
|
|
1235
|
+
a.show ? (l(), r(I, { key: 0 }, [
|
|
1232
1236
|
u("rect", {
|
|
1233
1237
|
style: { transition: "none" },
|
|
1234
1238
|
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.from - t.slicer.start),
|
|
@@ -1237,7 +1241,7 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1237
1241
|
width: e.drawingArea.width / e.maxSeries * a.span < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries * a.span,
|
|
1238
1242
|
fill: `${a.color}${t.opacity[a.opacity]}`
|
|
1239
1243
|
}, null, 8, xt),
|
|
1240
|
-
a.caption.text ? (
|
|
1244
|
+
a.caption.text ? (l(), r("foreignObject", {
|
|
1241
1245
|
key: 0,
|
|
1242
1246
|
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.from - t.slicer.start) - (a.caption.width === "auto" ? 0 : a.caption.width / 2 - e.drawingArea.width / e.maxSeries * a.span / 2),
|
|
1243
1247
|
y: e.drawingArea.top + a.caption.offsetY,
|
|
@@ -1247,12 +1251,12 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1247
1251
|
}, [
|
|
1248
1252
|
u("div", {
|
|
1249
1253
|
style: L(`padding:${a.caption.padding}px;text-align:${a.caption.textAlign};font-size:${a.caption.fontSize}px;color:${a.caption.color};font-weight:${a.caption.bold ? "bold" : "normal"}`)
|
|
1250
|
-
},
|
|
1251
|
-
], 8, _t)) :
|
|
1252
|
-
], 64)) :
|
|
1254
|
+
}, S(a.caption.text), 5)
|
|
1255
|
+
], 8, _t)) : c("", !0)
|
|
1256
|
+
], 64)) : c("", !0)
|
|
1253
1257
|
]))), 256)),
|
|
1254
1258
|
u("g", null, [
|
|
1255
|
-
(
|
|
1259
|
+
(l(!0), r(I, null, b(e.maxSeries, (a, o) => (l(), r("g", {
|
|
1256
1260
|
key: `tooltip_trap_${o}`
|
|
1257
1261
|
}, [
|
|
1258
1262
|
u("rect", {
|
|
@@ -1260,19 +1264,19 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1260
1264
|
y: e.drawingArea.top,
|
|
1261
1265
|
height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
|
|
1262
1266
|
width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
|
|
1263
|
-
fill: t.selectedSerieIndex
|
|
1267
|
+
fill: [t.selectedMinimapIndex, t.selectedSerieIndex, t.selectedRowIndex].includes(o) ? `${e.FINAL_CONFIG.chart.highlighter.color}${t.opacity[e.FINAL_CONFIG.chart.highlighter.opacity]}` : "transparent"
|
|
1264
1268
|
}, null, 8, Ft)
|
|
1265
1269
|
]))), 128))
|
|
1266
1270
|
]),
|
|
1267
|
-
e.barSet.length ? (
|
|
1271
|
+
e.barSet.length ? (l(!0), r(I, { key: 0 }, b(e.barSet, (a, o) => (l(), r("g", {
|
|
1268
1272
|
key: `serie_bar_${o}`,
|
|
1269
1273
|
class: M(`serie_bar_${o}`),
|
|
1270
1274
|
style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1271
1275
|
}, [
|
|
1272
|
-
(
|
|
1276
|
+
(l(!0), r(I, null, b(a.plots, (n, g) => (l(), r("g", {
|
|
1273
1277
|
key: `bar_plot_${o}_${g}`
|
|
1274
1278
|
}, [
|
|
1275
|
-
e.canShowValue(n.value) ? (
|
|
1279
|
+
e.canShowValue(n.value) ? (l(), r("rect", {
|
|
1276
1280
|
key: 0,
|
|
1277
1281
|
x: e.calcRectX(n),
|
|
1278
1282
|
y: t.mutableConfig.useIndividualScale ? e.calcIndividualRectY(n) : e.calcRectY(n),
|
|
@@ -1282,8 +1286,8 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1282
1286
|
fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${o}_${t.uniqueId})` : `url(#rectGradient_neg_${o}_${t.uniqueId})` : a.color,
|
|
1283
1287
|
stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? a.color : e.FINAL_CONFIG.bar.border.stroke,
|
|
1284
1288
|
"stroke-width": e.FINAL_CONFIG.bar.border.strokeWidth
|
|
1285
|
-
}, null, 8, yt)) :
|
|
1286
|
-
n.comment && e.FINAL_CONFIG.chart.comments.show ? (
|
|
1289
|
+
}, null, 8, yt)) : c("", !0),
|
|
1290
|
+
n.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), r("foreignObject", {
|
|
1287
1291
|
key: 1,
|
|
1288
1292
|
style: { overflow: "visible" },
|
|
1289
1293
|
height: "12",
|
|
@@ -1291,12 +1295,12 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1291
1295
|
x: e.calcRectX(n) - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
|
|
1292
1296
|
y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
|
|
1293
1297
|
}, [
|
|
1294
|
-
v(
|
|
1298
|
+
v(i.$slots, "plot-comment", {
|
|
1295
1299
|
plot: { ...n, color: a.color }
|
|
1296
1300
|
}, void 0, !0)
|
|
1297
|
-
], 8, At)) :
|
|
1301
|
+
], 8, At)) : c("", !0)
|
|
1298
1302
|
]))), 128)),
|
|
1299
|
-
Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (
|
|
1303
|
+
Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (l(), r("g", Lt, [
|
|
1300
1304
|
u("defs", null, [
|
|
1301
1305
|
u("marker", {
|
|
1302
1306
|
id: `bar_arrow_${o}`,
|
|
@@ -1309,10 +1313,10 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1309
1313
|
u("polygon", {
|
|
1310
1314
|
points: `0 0, 7 ${7 / 2}, 0 7`,
|
|
1311
1315
|
fill: a.color
|
|
1312
|
-
}, null, 8,
|
|
1313
|
-
], 8,
|
|
1316
|
+
}, null, 8, St)
|
|
1317
|
+
], 8, Ct)
|
|
1314
1318
|
]),
|
|
1315
|
-
a.plots.length > 1 ? (
|
|
1319
|
+
a.plots.length > 1 ? (l(), r("line", {
|
|
1316
1320
|
key: 0,
|
|
1317
1321
|
x1: e.calcLinearProgression(a.plots).x1,
|
|
1318
1322
|
x2: e.calcLinearProgression(a.plots).x2,
|
|
@@ -1322,22 +1326,22 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1322
1326
|
stroke: a.color,
|
|
1323
1327
|
"stroke-dasharray": 2,
|
|
1324
1328
|
"marker-end": `url(#bar_arrow_${o})`
|
|
1325
|
-
}, null, 8, kt)) :
|
|
1326
|
-
a.plots.length > 1 ? (
|
|
1329
|
+
}, null, 8, kt)) : c("", !0),
|
|
1330
|
+
a.plots.length > 1 ? (l(), r("text", {
|
|
1327
1331
|
key: 1,
|
|
1328
1332
|
"text-anchor": "middle",
|
|
1329
1333
|
x: e.calcLinearProgression(a.plots).x2,
|
|
1330
1334
|
y: e.calcLinearProgression(a.plots).y2 - 6,
|
|
1331
1335
|
"font-size": t.fontSizes.plotLabels,
|
|
1332
1336
|
fill: a.color
|
|
1333
|
-
},
|
|
1337
|
+
}, S(e.dataLabel({
|
|
1334
1338
|
v: e.calcLinearProgression(a.plots).trend * 100,
|
|
1335
1339
|
s: "%",
|
|
1336
1340
|
r: 2
|
|
1337
|
-
})), 9, wt)) :
|
|
1338
|
-
])) :
|
|
1339
|
-
], 6))), 128)) :
|
|
1340
|
-
!t.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (
|
|
1341
|
+
})), 9, wt)) : c("", !0)
|
|
1342
|
+
])) : c("", !0)
|
|
1343
|
+
], 6))), 128)) : c("", !0),
|
|
1344
|
+
!t.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (l(), r("line", {
|
|
1341
1345
|
key: 1,
|
|
1342
1346
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1343
1347
|
"stroke-width": "1",
|
|
@@ -1346,11 +1350,11 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1346
1350
|
y1: e.checkNaN(e.zero),
|
|
1347
1351
|
y2: e.checkNaN(e.zero),
|
|
1348
1352
|
"stroke-linecap": "round"
|
|
1349
|
-
}, null, 8, Ot)) :
|
|
1350
|
-
e.FINAL_CONFIG.chart.highlighter.useLine && ![null, void 0].includes(t.selectedSerieIndex) ? (
|
|
1353
|
+
}, null, 8, Ot)) : c("", !0),
|
|
1354
|
+
e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(t.selectedSerieIndex) || t.selectedMinimapIndex !== null) ? (l(), r("g", vt, [
|
|
1351
1355
|
u("line", {
|
|
1352
|
-
x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
|
|
1353
|
-
x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
|
|
1356
|
+
x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.selectedSerieIndex || t.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
|
|
1357
|
+
x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.selectedSerieIndex || t.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
|
|
1354
1358
|
y1: e.drawingArea.top,
|
|
1355
1359
|
y2: e.drawingArea.bottom,
|
|
1356
1360
|
stroke: e.FINAL_CONFIG.chart.highlighter.color,
|
|
@@ -1359,7 +1363,7 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1359
1363
|
"stroke-linecap": "round",
|
|
1360
1364
|
style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
|
|
1361
1365
|
}, null, 8, Gt)
|
|
1362
|
-
])) :
|
|
1366
|
+
])) : c("", !0),
|
|
1363
1367
|
u("g", null, [
|
|
1364
1368
|
u("rect", {
|
|
1365
1369
|
style: { transition: "none" },
|
|
@@ -1378,7 +1382,7 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1378
1382
|
fill: e.FINAL_CONFIG.chart.backgroundColor
|
|
1379
1383
|
}, null, 8, pt)
|
|
1380
1384
|
]),
|
|
1381
|
-
e.FINAL_CONFIG.chart.grid.frame.show ? (
|
|
1385
|
+
e.FINAL_CONFIG.chart.grid.frame.show ? (l(), r("rect", {
|
|
1382
1386
|
key: 3,
|
|
1383
1387
|
style: { pointerEvents: "none", transition: "none" },
|
|
1384
1388
|
x: e.drawingArea.left + e.xPadding < 0 ? 0 : e.drawingArea.left + e.xPadding,
|
|
@@ -1391,10 +1395,10 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1391
1395
|
"stroke-linecap": e.FINAL_CONFIG.chart.grid.frame.strokeLinecap,
|
|
1392
1396
|
"stroke-linejoin": e.FINAL_CONFIG.chart.grid.frame.strokeLinejoin,
|
|
1393
1397
|
"stroke-dasharray": e.FINAL_CONFIG.chart.grid.frame.strokeDasharray
|
|
1394
|
-
}, null, 8, Mt)) :
|
|
1395
|
-
e.FINAL_CONFIG.chart.grid.labels.show ? (
|
|
1396
|
-
t.mutableConfig.useIndividualScale ? (
|
|
1397
|
-
(
|
|
1398
|
+
}, null, 8, Mt)) : c("", !0),
|
|
1399
|
+
e.FINAL_CONFIG.chart.grid.labels.show ? (l(), r("g", Pt, [
|
|
1400
|
+
t.mutableConfig.useIndividualScale ? (l(), r(I, { key: 0 }, [
|
|
1401
|
+
(l(!0), r(I, null, b(e.allScales, (a) => (l(), r("g", null, [
|
|
1398
1402
|
u("line", {
|
|
1399
1403
|
x1: a.x + e.xPadding,
|
|
1400
1404
|
x2: a.x + e.xPadding,
|
|
@@ -1406,7 +1410,7 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1406
1410
|
style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1407
1411
|
}, null, 12, Tt)
|
|
1408
1412
|
]))), 256)),
|
|
1409
|
-
(
|
|
1413
|
+
(l(!0), r(I, null, b(e.allScales, (a) => (l(), r("g", {
|
|
1410
1414
|
style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1411
1415
|
}, [
|
|
1412
1416
|
u("text", {
|
|
@@ -1414,8 +1418,8 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1414
1418
|
"font-size": t.fontSizes.dataLabels,
|
|
1415
1419
|
"text-anchor": "middle",
|
|
1416
1420
|
transform: `translate(${a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5}, ${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset - a.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
|
|
1417
|
-
},
|
|
1418
|
-
(
|
|
1421
|
+
}, S(a.name) + " " + S(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9, Vt),
|
|
1422
|
+
(l(!0), r(I, null, b(a.yLabels, (o, n) => (l(), r("line", {
|
|
1419
1423
|
x1: a.x - 3 + e.xPadding,
|
|
1420
1424
|
x2: a.x + e.xPadding,
|
|
1421
1425
|
y1: e.checkNaN(o.y),
|
|
@@ -1424,13 +1428,13 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1424
1428
|
"stroke-width": 1,
|
|
1425
1429
|
"stroke-linecap": "round"
|
|
1426
1430
|
}, null, 8, Rt))), 256)),
|
|
1427
|
-
(
|
|
1431
|
+
(l(!0), r(I, null, b(a.yLabels, (o, n) => (l(), r("text", {
|
|
1428
1432
|
x: a.x - 5 + e.xPadding,
|
|
1429
1433
|
y: o.y + e.xPadding,
|
|
1430
1434
|
"font-size": t.fontSizes.dataLabels,
|
|
1431
1435
|
"text-anchor": "end",
|
|
1432
1436
|
fill: a.color
|
|
1433
|
-
},
|
|
1437
|
+
}, S(e.applyDataLabel(
|
|
1434
1438
|
e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
|
|
1435
1439
|
o.value,
|
|
1436
1440
|
e.dataLabel({
|
|
@@ -1441,10 +1445,10 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1441
1445
|
})
|
|
1442
1446
|
)), 9, Dt))), 256))
|
|
1443
1447
|
], 4))), 256))
|
|
1444
|
-
], 64)) : (
|
|
1448
|
+
], 64)) : (l(!0), r(I, { key: 1 }, b(e.yLabels, (a, o) => (l(), r("g", {
|
|
1445
1449
|
key: `yLabel_${o}`
|
|
1446
1450
|
}, [
|
|
1447
|
-
e.canShowValue(a) && a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (
|
|
1451
|
+
e.canShowValue(a) && a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (l(), r("line", {
|
|
1448
1452
|
key: 0,
|
|
1449
1453
|
x1: e.drawingArea.left + e.xPadding,
|
|
1450
1454
|
x2: e.drawingArea.left - 5 + e.xPadding,
|
|
@@ -1453,15 +1457,15 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1453
1457
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1454
1458
|
"stroke-width": "1",
|
|
1455
1459
|
"stroke-linecap": "round"
|
|
1456
|
-
}, null, 8, Et)) :
|
|
1457
|
-
a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (
|
|
1460
|
+
}, null, 8, Et)) : c("", !0),
|
|
1461
|
+
a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (l(), r("text", {
|
|
1458
1462
|
key: 1,
|
|
1459
1463
|
x: e.drawingArea.left - 7 + e.xPadding,
|
|
1460
1464
|
y: e.checkNaN(a.y + t.fontSizes.dataLabels / 3),
|
|
1461
1465
|
"font-size": t.fontSizes.dataLabels,
|
|
1462
1466
|
"text-anchor": "end",
|
|
1463
1467
|
fill: e.FINAL_CONFIG.chart.grid.labels.color
|
|
1464
|
-
},
|
|
1468
|
+
}, S(e.canShowValue(a.value) ? e.applyDataLabel(
|
|
1465
1469
|
e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
|
|
1466
1470
|
a.value,
|
|
1467
1471
|
e.dataLabel({
|
|
@@ -1470,27 +1474,27 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1470
1474
|
s: e.FINAL_CONFIG.chart.labels.suffix,
|
|
1471
1475
|
r: 1
|
|
1472
1476
|
})
|
|
1473
|
-
) : ""), 9, Ht)) :
|
|
1477
|
+
) : ""), 9, Ht)) : c("", !0)
|
|
1474
1478
|
]))), 128))
|
|
1475
|
-
])) :
|
|
1476
|
-
(
|
|
1479
|
+
])) : c("", !0),
|
|
1480
|
+
(l(!0), r(I, null, b(e.plotSet, (a, o) => (l(), r("g", {
|
|
1477
1481
|
key: `serie_plot_${o}`,
|
|
1478
1482
|
class: M(`serie_plot_${o}`),
|
|
1479
1483
|
style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1480
1484
|
}, [
|
|
1481
|
-
(
|
|
1485
|
+
(l(!0), r(I, null, b(a.plots, (n, g) => (l(), r("g", {
|
|
1482
1486
|
key: `circle_plot_${o}_${g}`
|
|
1483
1487
|
}, [
|
|
1484
|
-
e.canShowValue(n.value) ? (
|
|
1488
|
+
e.canShowValue(n.value) ? (l(), V(m, {
|
|
1485
1489
|
key: 0,
|
|
1486
1490
|
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
|
|
1487
1491
|
color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${o}_${t.uniqueId})` : a.color,
|
|
1488
1492
|
plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
|
|
1489
|
-
radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === g ? (t.plotRadii.plot || 6) * 1.5 : t.plotRadii.plot || 6,
|
|
1493
|
+
radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === g || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === g ? (t.plotRadii.plot || 6) * 1.5 : t.plotRadii.plot || 6,
|
|
1490
1494
|
stroke: e.FINAL_CONFIG.chart.backgroundColor,
|
|
1491
1495
|
strokeWidth: 0.5
|
|
1492
|
-
}, null, 8, ["shape", "color", "plot", "radius", "stroke"])) :
|
|
1493
|
-
n.comment && e.FINAL_CONFIG.chart.comments.show ? (
|
|
1496
|
+
}, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : c("", !0),
|
|
1497
|
+
n.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), r("foreignObject", {
|
|
1494
1498
|
key: 1,
|
|
1495
1499
|
style: { overflow: "visible" },
|
|
1496
1500
|
height: "12",
|
|
@@ -1499,13 +1503,13 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1499
1503
|
y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
|
|
1500
1504
|
}, [
|
|
1501
1505
|
u("div", Bt, [
|
|
1502
|
-
v(
|
|
1506
|
+
v(i.$slots, "plot-comment", {
|
|
1503
1507
|
plot: { ...n, color: a.color }
|
|
1504
1508
|
}, void 0, !0)
|
|
1505
1509
|
])
|
|
1506
|
-
], 8, Wt)) :
|
|
1510
|
+
], 8, Wt)) : c("", !0)
|
|
1507
1511
|
]))), 128)),
|
|
1508
|
-
Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (
|
|
1512
|
+
Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (l(), r("g", Yt, [
|
|
1509
1513
|
u("defs", null, [
|
|
1510
1514
|
u("marker", {
|
|
1511
1515
|
id: `plot_arrow_${o}`,
|
|
@@ -1521,7 +1525,7 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1521
1525
|
}, null, 8, qt)
|
|
1522
1526
|
], 8, Xt)
|
|
1523
1527
|
]),
|
|
1524
|
-
a.plots.length > 1 ? (
|
|
1528
|
+
a.plots.length > 1 ? (l(), r("line", {
|
|
1525
1529
|
key: 0,
|
|
1526
1530
|
x1: e.calcLinearProgression(a.plots).x1,
|
|
1527
1531
|
x2: e.calcLinearProgression(a.plots).x2,
|
|
@@ -1531,38 +1535,38 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1531
1535
|
stroke: a.color,
|
|
1532
1536
|
"stroke-dasharray": 2,
|
|
1533
1537
|
"marker-end": `url(#plot_arrow_${o})`
|
|
1534
|
-
}, null, 8, Zt)) :
|
|
1535
|
-
a.plots.length > 1 ? (
|
|
1538
|
+
}, null, 8, Zt)) : c("", !0),
|
|
1539
|
+
a.plots.length > 1 ? (l(), r("text", {
|
|
1536
1540
|
key: 1,
|
|
1537
1541
|
"text-anchor": "middle",
|
|
1538
1542
|
x: e.calcLinearProgression(a.plots).x2,
|
|
1539
1543
|
y: e.calcLinearProgression(a.plots).y2 - 6,
|
|
1540
1544
|
"font-size": t.fontSizes.plotLabels,
|
|
1541
1545
|
fill: a.color
|
|
1542
|
-
},
|
|
1546
|
+
}, S(e.dataLabel({
|
|
1543
1547
|
v: e.calcLinearProgression(a.plots).trend * 100,
|
|
1544
1548
|
s: "%",
|
|
1545
1549
|
r: 2
|
|
1546
|
-
})), 9, Ut)) :
|
|
1547
|
-
])) :
|
|
1550
|
+
})), 9, Ut)) : c("", !0)
|
|
1551
|
+
])) : c("", !0)
|
|
1548
1552
|
], 6))), 128)),
|
|
1549
|
-
(
|
|
1553
|
+
(l(!0), r(I, null, b(e.lineSet, (a, o) => (l(), r("g", {
|
|
1550
1554
|
key: `serie_line_${o}`,
|
|
1551
1555
|
class: M(`serie_line_${o}`),
|
|
1552
1556
|
style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1553
1557
|
}, [
|
|
1554
|
-
a.smooth && a.plots.length > 1 ? (
|
|
1558
|
+
a.smooth && a.plots.length > 1 ? (l(), r("path", {
|
|
1555
1559
|
key: 0,
|
|
1556
1560
|
d: `M${a.curve}`,
|
|
1557
1561
|
stroke: e.FINAL_CONFIG.chart.backgroundColor,
|
|
1558
1562
|
"stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
|
|
1559
1563
|
"stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1560
1564
|
fill: "none"
|
|
1561
|
-
}, null, 8, Jt)) : a.plots.length > 1 ? (
|
|
1562
|
-
(
|
|
1565
|
+
}, null, 8, Jt)) : a.plots.length > 1 ? (l(), r("g", Kt, [
|
|
1566
|
+
(l(!0), r(I, null, b(a.plots, (n, g) => (l(), r("g", {
|
|
1563
1567
|
key: `line_${o}_${g}`
|
|
1564
1568
|
}, [
|
|
1565
|
-
n && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[g + 1].value) ? (
|
|
1569
|
+
n && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[g + 1].value) ? (l(), r("line", {
|
|
1566
1570
|
key: 0,
|
|
1567
1571
|
x1: n.x,
|
|
1568
1572
|
x2: a.plots[g + 1].x,
|
|
@@ -1573,38 +1577,38 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1573
1577
|
"stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1574
1578
|
"stroke-linejoin": "round",
|
|
1575
1579
|
"stroke-linecap": "round"
|
|
1576
|
-
}, null, 8, Qt)) :
|
|
1580
|
+
}, null, 8, Qt)) : c("", !0)
|
|
1577
1581
|
]))), 128))
|
|
1578
|
-
])) :
|
|
1582
|
+
])) : c("", !0)
|
|
1579
1583
|
], 6))), 128)),
|
|
1580
|
-
(
|
|
1584
|
+
(l(!0), r(I, null, b(e.lineSet, (a, o) => (l(), r("g", {
|
|
1581
1585
|
key: `serie_line_${o}`,
|
|
1582
1586
|
class: M(`serie_line_${o}`),
|
|
1583
1587
|
style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1584
1588
|
}, [
|
|
1585
|
-
a.useArea && a.plots.length > 1 ? (
|
|
1586
|
-
a.smooth ? (
|
|
1589
|
+
a.useArea && a.plots.length > 1 ? (l(), r("g", jt, [
|
|
1590
|
+
a.smooth ? (l(), r("path", {
|
|
1587
1591
|
key: 0,
|
|
1588
1592
|
d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * o + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
|
|
1589
1593
|
fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${o}_${t.uniqueId})` : `${a.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
|
|
1590
|
-
}, null, 8, $t)) : (
|
|
1594
|
+
}, null, 8, $t)) : (l(), r("path", {
|
|
1591
1595
|
key: 1,
|
|
1592
1596
|
d: `M${a.area}Z`,
|
|
1593
1597
|
fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${o}_${t.uniqueId})` : `${a.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
|
|
1594
1598
|
}, null, 8, ea))
|
|
1595
|
-
])) :
|
|
1596
|
-
a.smooth && a.plots.length > 1 ? (
|
|
1599
|
+
])) : c("", !0),
|
|
1600
|
+
a.smooth && a.plots.length > 1 ? (l(), r("path", {
|
|
1597
1601
|
key: 1,
|
|
1598
1602
|
d: `M${a.curve}`,
|
|
1599
1603
|
stroke: a.color,
|
|
1600
1604
|
"stroke-width": e.FINAL_CONFIG.line.strokeWidth,
|
|
1601
1605
|
"stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1602
1606
|
fill: "none"
|
|
1603
|
-
}, null, 8, ta)) : a.plots.length > 1 ? (
|
|
1604
|
-
(
|
|
1607
|
+
}, null, 8, ta)) : a.plots.length > 1 ? (l(), r("g", aa, [
|
|
1608
|
+
(l(!0), r(I, null, b(a.plots, (n, g) => (l(), r("g", {
|
|
1605
1609
|
key: `line_${o}_${g}`
|
|
1606
1610
|
}, [
|
|
1607
|
-
n && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[g + 1].value) ? (
|
|
1611
|
+
n && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[g + 1].value) ? (l(), r("line", {
|
|
1608
1612
|
key: 0,
|
|
1609
1613
|
x1: n.x,
|
|
1610
1614
|
x2: a.plots[g + 1].x,
|
|
@@ -1615,22 +1619,22 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1615
1619
|
"stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1616
1620
|
"stroke-linejoin": "round",
|
|
1617
1621
|
"stroke-linecap": "round"
|
|
1618
|
-
}, null, 8,
|
|
1622
|
+
}, null, 8, ia)) : c("", !0)
|
|
1619
1623
|
]))), 128))
|
|
1620
|
-
])) :
|
|
1621
|
-
(
|
|
1624
|
+
])) : c("", !0),
|
|
1625
|
+
(l(!0), r(I, null, b(a.plots, (n, g) => (l(), r("g", {
|
|
1622
1626
|
key: `circle_line_${o}_${g}`
|
|
1623
1627
|
}, [
|
|
1624
|
-
n && e.canShowValue(n.value) ? (
|
|
1628
|
+
n && e.canShowValue(n.value) ? (l(), V(m, {
|
|
1625
1629
|
key: 0,
|
|
1626
1630
|
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
|
|
1627
1631
|
color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${o}_${t.uniqueId})` : a.color,
|
|
1628
1632
|
plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
|
|
1629
|
-
radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === g ? (t.plotRadii.line || 6) * 1.5 : t.plotRadii.line,
|
|
1633
|
+
radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === g || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === g ? (t.plotRadii.line || 6) * 1.5 : t.plotRadii.line || 6,
|
|
1630
1634
|
stroke: e.FINAL_CONFIG.chart.backgroundColor,
|
|
1631
1635
|
strokeWidth: 0.5
|
|
1632
|
-
}, null, 8, ["shape", "color", "plot", "radius", "stroke"])) :
|
|
1633
|
-
n.comment && e.FINAL_CONFIG.chart.comments.show ? (
|
|
1636
|
+
}, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : c("", !0),
|
|
1637
|
+
n.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), r("foreignObject", {
|
|
1634
1638
|
key: 1,
|
|
1635
1639
|
style: { overflow: "visible" },
|
|
1636
1640
|
height: "12",
|
|
@@ -1639,13 +1643,13 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1639
1643
|
y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
|
|
1640
1644
|
}, [
|
|
1641
1645
|
u("div", ra, [
|
|
1642
|
-
v(
|
|
1646
|
+
v(i.$slots, "plot-comment", {
|
|
1643
1647
|
plot: { ...n, color: a.color }
|
|
1644
1648
|
}, void 0, !0)
|
|
1645
1649
|
])
|
|
1646
|
-
], 8,
|
|
1650
|
+
], 8, la)) : c("", !0)
|
|
1647
1651
|
]))), 128)),
|
|
1648
|
-
Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (
|
|
1652
|
+
Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (l(), r("g", sa, [
|
|
1649
1653
|
u("defs", null, [
|
|
1650
1654
|
u("marker", {
|
|
1651
1655
|
id: `line_arrow_${o}`,
|
|
@@ -1661,7 +1665,7 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1661
1665
|
}, null, 8, oa)
|
|
1662
1666
|
], 8, na)
|
|
1663
1667
|
]),
|
|
1664
|
-
a.plots.length > 1 ? (
|
|
1668
|
+
a.plots.length > 1 ? (l(), r("line", {
|
|
1665
1669
|
key: 0,
|
|
1666
1670
|
x1: e.calcLinearProgression(a.plots).x1,
|
|
1667
1671
|
x2: e.calcLinearProgression(a.plots).x2,
|
|
@@ -1671,38 +1675,38 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1671
1675
|
stroke: a.color,
|
|
1672
1676
|
"stroke-dasharray": 2,
|
|
1673
1677
|
"marker-end": `url(#line_arrow_${o})`
|
|
1674
|
-
}, null, 8,
|
|
1675
|
-
a.plots.length > 1 ? (
|
|
1678
|
+
}, null, 8, ca)) : c("", !0),
|
|
1679
|
+
a.plots.length > 1 ? (l(), r("text", {
|
|
1676
1680
|
key: 1,
|
|
1677
1681
|
"text-anchor": "middle",
|
|
1678
1682
|
x: e.calcLinearProgression(a.plots).x2,
|
|
1679
1683
|
y: e.calcLinearProgression(a.plots).y2 - 6,
|
|
1680
1684
|
"font-size": t.fontSizes.plotLabels,
|
|
1681
1685
|
fill: a.color
|
|
1682
|
-
},
|
|
1686
|
+
}, S(e.dataLabel({
|
|
1683
1687
|
v: e.calcLinearProgression(a.plots).trend * 100,
|
|
1684
1688
|
s: "%",
|
|
1685
1689
|
r: 2
|
|
1686
|
-
})), 9,
|
|
1687
|
-
])) :
|
|
1690
|
+
})), 9, ha)) : c("", !0)
|
|
1691
|
+
])) : c("", !0)
|
|
1688
1692
|
], 6))), 128)),
|
|
1689
|
-
(e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (
|
|
1690
|
-
(
|
|
1693
|
+
(e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (l(), r("g", da, [
|
|
1694
|
+
(l(!0), r(I, null, b(e.barSet, (a, o) => (l(), r("g", {
|
|
1691
1695
|
key: `xLabel_bar_${o}`,
|
|
1692
1696
|
class: M(`xLabel_bar_${o}`),
|
|
1693
1697
|
style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1694
1698
|
}, [
|
|
1695
|
-
(
|
|
1699
|
+
(l(!0), r(I, null, b(a.plots, (n, g) => (l(), r("g", {
|
|
1696
1700
|
key: `xLabel_bar_${o}_${g}`
|
|
1697
1701
|
}, [
|
|
1698
|
-
n && (!Object.hasOwn(a, "dataLabels") || a.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (
|
|
1702
|
+
n && (!Object.hasOwn(a, "dataLabels") || a.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (l(), r("text", {
|
|
1699
1703
|
key: 0,
|
|
1700
1704
|
x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? n.x + e.slot.line / 2 : e.calcRectX(n) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
|
|
1701
1705
|
y: n.y + (n.value > 0 ? e.FINAL_CONFIG.bar.labels.offsetY : -e.FINAL_CONFIG.bar.labels.offsetY * 3),
|
|
1702
1706
|
"text-anchor": "middle",
|
|
1703
1707
|
"font-size": t.fontSizes.plotLabels,
|
|
1704
1708
|
fill: e.FINAL_CONFIG.bar.labels.color
|
|
1705
|
-
},
|
|
1709
|
+
}, S(e.canShowValue(n.value) ? e.applyDataLabel(
|
|
1706
1710
|
e.FINAL_CONFIG.bar.labels.formatter,
|
|
1707
1711
|
n.value,
|
|
1708
1712
|
e.dataLabel({
|
|
@@ -1715,8 +1719,8 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1715
1719
|
datapoint: n,
|
|
1716
1720
|
serie: a
|
|
1717
1721
|
}
|
|
1718
|
-
) : ""), 9, ua)) :
|
|
1719
|
-
n && e.FINAL_CONFIG.bar.serieName.show ? (
|
|
1722
|
+
) : ""), 9, ua)) : c("", !0),
|
|
1723
|
+
n && e.FINAL_CONFIG.bar.serieName.show ? (l(), r("text", {
|
|
1720
1724
|
key: 1,
|
|
1721
1725
|
x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? n.x + e.slot.line / 2 : n.x + e.calcRectWidth() * 1.1,
|
|
1722
1726
|
y: n.y + (n.value > 0 ? e.FINAL_CONFIG.bar.serieName.offsetY : -e.FINAL_CONFIG.bar.serieName.offsetY * 3),
|
|
@@ -1724,27 +1728,27 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1724
1728
|
"font-size": t.fontSizes.plotLabels,
|
|
1725
1729
|
fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? a.color : e.FINAL_CONFIG.bar.serieName.color,
|
|
1726
1730
|
"font-weight": e.FINAL_CONFIG.bar.serieName.bold ? "bold" : "normal"
|
|
1727
|
-
},
|
|
1731
|
+
}, S(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: a.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : a.name), 9, ga)) : c("", !0)
|
|
1728
1732
|
]))), 128))
|
|
1729
1733
|
], 6))), 128))
|
|
1730
|
-
])) :
|
|
1731
|
-
e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (
|
|
1732
|
-
(
|
|
1734
|
+
])) : c("", !0),
|
|
1735
|
+
e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (l(), r("g", fa, [
|
|
1736
|
+
(l(!0), r(I, null, b(e.plotSet, (a, o) => (l(), r("g", {
|
|
1733
1737
|
key: `xLabel_plot_${o}`,
|
|
1734
1738
|
class: M(`xLabel_plot_${o}`),
|
|
1735
1739
|
style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1736
1740
|
}, [
|
|
1737
|
-
(
|
|
1741
|
+
(l(!0), r(I, null, b(a.plots, (n, g) => (l(), r("g", {
|
|
1738
1742
|
key: `xLabel_plot_${o}_${g}`
|
|
1739
1743
|
}, [
|
|
1740
|
-
n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (
|
|
1744
|
+
n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (l(), r("text", {
|
|
1741
1745
|
key: 0,
|
|
1742
1746
|
x: n.x,
|
|
1743
1747
|
y: n.y + e.FINAL_CONFIG.plot.labels.offsetY,
|
|
1744
1748
|
"text-anchor": "middle",
|
|
1745
1749
|
"font-size": t.fontSizes.plotLabels,
|
|
1746
1750
|
fill: e.FINAL_CONFIG.plot.labels.color
|
|
1747
|
-
},
|
|
1751
|
+
}, S(e.canShowValue(n.value) ? e.applyDataLabel(
|
|
1748
1752
|
e.FINAL_CONFIG.plot.labels.formatter,
|
|
1749
1753
|
n.value,
|
|
1750
1754
|
e.dataLabel({
|
|
@@ -1757,8 +1761,8 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1757
1761
|
datapoint: n,
|
|
1758
1762
|
serie: a
|
|
1759
1763
|
}
|
|
1760
|
-
) : ""), 9, ma)) :
|
|
1761
|
-
n && g === 0 && a.useTag && a.useTag === "start" ? (
|
|
1764
|
+
) : ""), 9, ma)) : c("", !0),
|
|
1765
|
+
n && g === 0 && a.useTag && a.useTag === "start" ? (l(), r("foreignObject", {
|
|
1762
1766
|
key: 1,
|
|
1763
1767
|
x: n.x,
|
|
1764
1768
|
y: n.y - 20,
|
|
@@ -1768,9 +1772,9 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1768
1772
|
}, [
|
|
1769
1773
|
u("div", {
|
|
1770
1774
|
style: L(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
1771
|
-
},
|
|
1772
|
-
], 8,
|
|
1773
|
-
n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (
|
|
1775
|
+
}, S(a.name), 5)
|
|
1776
|
+
], 8, Ia)) : c("", !0),
|
|
1777
|
+
n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (l(), r("foreignObject", {
|
|
1774
1778
|
key: 2,
|
|
1775
1779
|
x: n.x - a.name.length * (t.fontSizes.plotLabels / 2),
|
|
1776
1780
|
y: n.y - 20,
|
|
@@ -1780,28 +1784,28 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1780
1784
|
}, [
|
|
1781
1785
|
u("div", {
|
|
1782
1786
|
style: L(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
1783
|
-
},
|
|
1784
|
-
], 8,
|
|
1787
|
+
}, S(a.name), 5)
|
|
1788
|
+
], 8, ba)) : c("", !0)
|
|
1785
1789
|
]))), 128))
|
|
1786
1790
|
], 6))), 128))
|
|
1787
|
-
])) :
|
|
1788
|
-
e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (
|
|
1789
|
-
(
|
|
1791
|
+
])) : c("", !0),
|
|
1792
|
+
e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (l(), r("g", Na, [
|
|
1793
|
+
(l(!0), r(I, null, b(e.lineSet, (a, o) => (l(), r("g", {
|
|
1790
1794
|
key: `xLabel_line_${o}`,
|
|
1791
1795
|
class: M(`xLabel_line_${o}`),
|
|
1792
1796
|
style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1793
1797
|
}, [
|
|
1794
|
-
(
|
|
1798
|
+
(l(!0), r(I, null, b(a.plots, (n, g) => (l(), r("g", {
|
|
1795
1799
|
key: `xLabel_line_${o}_${g}`
|
|
1796
1800
|
}, [
|
|
1797
|
-
n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (
|
|
1801
|
+
n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (l(), r("text", {
|
|
1798
1802
|
key: 0,
|
|
1799
1803
|
x: n.x,
|
|
1800
1804
|
y: n.y + (n.value > 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
|
|
1801
1805
|
"text-anchor": "middle",
|
|
1802
1806
|
"font-size": t.fontSizes.plotLabels,
|
|
1803
1807
|
fill: e.FINAL_CONFIG.line.labels.color
|
|
1804
|
-
},
|
|
1808
|
+
}, S(e.canShowValue(n.value) ? e.applyDataLabel(
|
|
1805
1809
|
e.FINAL_CONFIG.line.labels.formatter,
|
|
1806
1810
|
n.value,
|
|
1807
1811
|
e.dataLabel({
|
|
@@ -1814,8 +1818,8 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1814
1818
|
datapoint: n,
|
|
1815
1819
|
serie: a
|
|
1816
1820
|
}
|
|
1817
|
-
) : ""), 9, xa)) :
|
|
1818
|
-
n && g === 0 && a.useTag && a.useTag === "start" ? (
|
|
1821
|
+
) : ""), 9, xa)) : c("", !0),
|
|
1822
|
+
n && g === 0 && a.useTag && a.useTag === "start" ? (l(), r("foreignObject", {
|
|
1819
1823
|
key: 1,
|
|
1820
1824
|
x: n.x,
|
|
1821
1825
|
y: n.y - 20,
|
|
@@ -1825,9 +1829,9 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1825
1829
|
}, [
|
|
1826
1830
|
u("div", {
|
|
1827
1831
|
style: L(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
1828
|
-
},
|
|
1829
|
-
], 8, _a)) :
|
|
1830
|
-
n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (
|
|
1832
|
+
}, S(a.name), 5)
|
|
1833
|
+
], 8, _a)) : c("", !0),
|
|
1834
|
+
n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (l(), r("foreignObject", {
|
|
1831
1835
|
key: 2,
|
|
1832
1836
|
x: n.x - a.name.length * (t.fontSizes.plotLabels / 2),
|
|
1833
1837
|
y: n.y - 20,
|
|
@@ -1837,20 +1841,20 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1837
1841
|
}, [
|
|
1838
1842
|
u("div", {
|
|
1839
1843
|
style: L(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
1840
|
-
},
|
|
1841
|
-
], 8, Fa)) :
|
|
1844
|
+
}, S(a.name), 5)
|
|
1845
|
+
], 8, Fa)) : c("", !0)
|
|
1842
1846
|
]))), 128))
|
|
1843
1847
|
], 6))), 128))
|
|
1844
|
-
])) :
|
|
1845
|
-
(
|
|
1848
|
+
])) : c("", !0),
|
|
1849
|
+
(l(!0), r(I, null, b(e.lineSet, (a, o) => (l(), r("g", {
|
|
1846
1850
|
key: `xLabel_line_${o}`,
|
|
1847
1851
|
class: M(`xLabel_line_${o}`),
|
|
1848
1852
|
style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1849
1853
|
}, [
|
|
1850
|
-
(
|
|
1854
|
+
(l(!0), r(I, null, b(a.plots, (n, g) => (l(), r("g", {
|
|
1851
1855
|
key: `xLabel_line_${o}_${g}`
|
|
1852
1856
|
}, [
|
|
1853
|
-
n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (
|
|
1857
|
+
n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (l(), r("text", {
|
|
1854
1858
|
key: 0,
|
|
1855
1859
|
x: n.x - t.fontSizes.plotLabels,
|
|
1856
1860
|
y: n.y,
|
|
@@ -1865,8 +1869,8 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1865
1869
|
y: n.y,
|
|
1866
1870
|
maxWords: 2
|
|
1867
1871
|
})
|
|
1868
|
-
}, null, 8, ya)) :
|
|
1869
|
-
n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (
|
|
1872
|
+
}, null, 8, ya)) : c("", !0),
|
|
1873
|
+
n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (l(), r("text", {
|
|
1870
1874
|
key: 1,
|
|
1871
1875
|
x: n.x + t.fontSizes.plotLabels,
|
|
1872
1876
|
y: n.y,
|
|
@@ -1881,18 +1885,18 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1881
1885
|
y: n.y,
|
|
1882
1886
|
maxWords: 2
|
|
1883
1887
|
})
|
|
1884
|
-
}, null, 8, Aa)) :
|
|
1888
|
+
}, null, 8, Aa)) : c("", !0)
|
|
1885
1889
|
]))), 128))
|
|
1886
1890
|
], 6))), 128)),
|
|
1887
|
-
(
|
|
1891
|
+
(l(!0), r(I, null, b(e.plotSet, (a, o) => (l(), r("g", {
|
|
1888
1892
|
key: `xLabel_plot_${o}`,
|
|
1889
1893
|
class: M(`xLabel_plot_${o}`),
|
|
1890
1894
|
style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1891
1895
|
}, [
|
|
1892
|
-
(
|
|
1896
|
+
(l(!0), r(I, null, b(a.plots, (n, g) => (l(), r("g", {
|
|
1893
1897
|
key: `xLabel_plot_${o}_${g}`
|
|
1894
1898
|
}, [
|
|
1895
|
-
n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (
|
|
1899
|
+
n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (l(), r("text", {
|
|
1896
1900
|
key: 0,
|
|
1897
1901
|
x: n.x - t.fontSizes.plotLabels,
|
|
1898
1902
|
y: n.y,
|
|
@@ -1907,8 +1911,8 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1907
1911
|
y: n.y,
|
|
1908
1912
|
maxWords: 2
|
|
1909
1913
|
})
|
|
1910
|
-
}, null, 8, La)) :
|
|
1911
|
-
n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (
|
|
1914
|
+
}, null, 8, La)) : c("", !0),
|
|
1915
|
+
n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (l(), r("text", {
|
|
1912
1916
|
key: 1,
|
|
1913
1917
|
x: n.x + t.fontSizes.plotLabels,
|
|
1914
1918
|
y: n.y,
|
|
@@ -1923,10 +1927,10 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1923
1927
|
y: n.y,
|
|
1924
1928
|
maxWords: 2
|
|
1925
1929
|
})
|
|
1926
|
-
}, null, 8,
|
|
1930
|
+
}, null, 8, Ca)) : c("", !0)
|
|
1927
1931
|
]))), 128))
|
|
1928
1932
|
], 6))), 128)),
|
|
1929
|
-
t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (
|
|
1933
|
+
t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (l(!0), r(I, { key: 8 }, b(e.allScales, (a) => (l(), r("rect", {
|
|
1930
1934
|
x: a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
|
|
1931
1935
|
y: e.drawingArea.top,
|
|
1932
1936
|
width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
|
|
@@ -1934,40 +1938,40 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1934
1938
|
fill: t.selectedScale === a.id ? `${a.color}20` : "transparent",
|
|
1935
1939
|
onMouseenter: (o) => t.selectedScale = a.id,
|
|
1936
1940
|
onMouseleave: s[0] || (s[0] = (o) => t.selectedScale = null)
|
|
1937
|
-
}, null, 40,
|
|
1941
|
+
}, null, 40, Sa))), 256)) : c("", !0),
|
|
1938
1942
|
u("g", null, [
|
|
1939
|
-
e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !t.mutableConfig.useIndividualScale ? (
|
|
1943
|
+
e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !t.mutableConfig.useIndividualScale ? (l(), r("text", {
|
|
1940
1944
|
key: 0,
|
|
1941
1945
|
"font-size": t.fontSizes.yAxis,
|
|
1942
1946
|
fill: e.FINAL_CONFIG.chart.grid.labels.color,
|
|
1943
1947
|
transform: `translate(${t.fontSizes.yAxis + e.FINAL_CONFIG.chart.grid.labels.axis.yLabelOffsetX}, ${e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`,
|
|
1944
1948
|
"text-anchor": "middle",
|
|
1945
1949
|
style: { transition: "none" }
|
|
1946
|
-
},
|
|
1947
|
-
e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (
|
|
1950
|
+
}, S(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, ka)) : c("", !0),
|
|
1951
|
+
e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (l(), r("text", {
|
|
1948
1952
|
key: 1,
|
|
1949
1953
|
"text-anchor": "middle",
|
|
1950
1954
|
x: t.width / 2,
|
|
1951
1955
|
y: e.drawingArea.bottom + t.fontSizes.yAxis + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.axis.xLabelOffsetY,
|
|
1952
1956
|
"font-size": t.fontSizes.yAxis,
|
|
1953
1957
|
fill: e.FINAL_CONFIG.chart.grid.labels.color
|
|
1954
|
-
},
|
|
1958
|
+
}, S(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, wa)) : c("", !0)
|
|
1955
1959
|
]),
|
|
1956
|
-
e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (
|
|
1957
|
-
(
|
|
1960
|
+
e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (l(), r("g", Oa, [
|
|
1961
|
+
(l(!0), r(I, null, b(e.timeLabels, (a, o) => (l(), r("g", {
|
|
1958
1962
|
key: `time_label_${o}`
|
|
1959
1963
|
}, [
|
|
1960
|
-
a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (o === 0 || o === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && t.selectedSerieIndex === o && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && o % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (
|
|
1964
|
+
a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (o === 0 || o === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && t.selectedSerieIndex === o && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && o % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (l(), r("text", {
|
|
1961
1965
|
key: 0,
|
|
1962
1966
|
"text-anchor": e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
|
|
1963
1967
|
"font-size": t.fontSizes.xAxis,
|
|
1964
1968
|
fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
|
|
1965
1969
|
transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * o + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`
|
|
1966
|
-
},
|
|
1970
|
+
}, S(a || ""), 9, va)) : c("", !0)
|
|
1967
1971
|
]))), 128))
|
|
1968
|
-
])) :
|
|
1972
|
+
])) : c("", !0),
|
|
1969
1973
|
u("g", null, [
|
|
1970
|
-
(
|
|
1974
|
+
(l(!0), r(I, null, b(e.maxSeries, (a, o) => (l(), r("g", {
|
|
1971
1975
|
key: `tooltip_trap_${o}`
|
|
1972
1976
|
}, [
|
|
1973
1977
|
u("rect", {
|
|
@@ -1983,8 +1987,8 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1983
1987
|
}, null, 40, Ga)
|
|
1984
1988
|
]))), 128))
|
|
1985
1989
|
]),
|
|
1986
|
-
e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(t.selectedSerieIndex) ? (
|
|
1987
|
-
(
|
|
1990
|
+
e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(t.selectedSerieIndex) ? (l(), r("g", za, [
|
|
1991
|
+
(l(), r("foreignObject", {
|
|
1988
1992
|
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex - 100 + e.drawingArea.width / e.maxSeries / 2,
|
|
1989
1993
|
y: e.drawingArea.bottom,
|
|
1990
1994
|
width: "200",
|
|
@@ -1994,7 +1998,7 @@ function Ya(l, s, c, f, t, e) {
|
|
|
1994
1998
|
u("div", {
|
|
1995
1999
|
class: "vue-ui-xy-time-tag",
|
|
1996
2000
|
style: L(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.FINAL_CONFIG.chart.timeTag.backgroundColor};color:${e.FINAL_CONFIG.chart.timeTag.color};font-size:${e.FINAL_CONFIG.chart.timeTag.fontSize}px`)
|
|
1997
|
-
},
|
|
2001
|
+
}, S(e.timeLabels[t.selectedSerieIndex] || t.selectedSerieIndex), 5)
|
|
1998
2002
|
], 8, pa)),
|
|
1999
2003
|
u("circle", {
|
|
2000
2004
|
cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
|
|
@@ -2002,14 +2006,14 @@ function Ya(l, s, c, f, t, e) {
|
|
|
2002
2006
|
r: e.FINAL_CONFIG.chart.timeTag.circleMarker.radius,
|
|
2003
2007
|
fill: e.FINAL_CONFIG.chart.timeTag.circleMarker.color
|
|
2004
2008
|
}, null, 8, Ma)
|
|
2005
|
-
])) :
|
|
2006
|
-
])) :
|
|
2007
|
-
v(
|
|
2008
|
-
], 14, Xe)) :
|
|
2009
|
-
|
|
2010
|
-
v(
|
|
2011
|
-
])) :
|
|
2012
|
-
e.isDataset ?
|
|
2009
|
+
])) : c("", !0)
|
|
2010
|
+
])) : c("", !0),
|
|
2011
|
+
v(i.$slots, "svg", { svg: e.svg }, void 0, !0)
|
|
2012
|
+
], 14, Xe)) : c("", !0),
|
|
2013
|
+
i.$slots.watermark ? (l(), r("div", Pa, [
|
|
2014
|
+
v(i.$slots, "watermark", W(B({ isPrinting: t.isPrinting || t.isImaging })), void 0, !0)
|
|
2015
|
+
])) : c("", !0),
|
|
2016
|
+
e.isDataset ? c("", !0) : (l(), V(_, {
|
|
2013
2017
|
key: 4,
|
|
2014
2018
|
config: {
|
|
2015
2019
|
type: "line",
|
|
@@ -2027,7 +2031,7 @@ function Ya(l, s, c, f, t, e) {
|
|
|
2027
2031
|
}
|
|
2028
2032
|
}
|
|
2029
2033
|
}, null, 8, ["config"])),
|
|
2030
|
-
e.FINAL_CONFIG.chart.zoom.show && t.maxX > 6 && e.isDataset ? (
|
|
2034
|
+
e.FINAL_CONFIG.chart.zoom.show && t.maxX > 6 && e.isDataset ? (l(), V(p, {
|
|
2031
2035
|
ref: "chartSlicer",
|
|
2032
2036
|
key: `slicer_${t.slicerStep}`,
|
|
2033
2037
|
background: e.FINAL_CONFIG.chart.zoom.color,
|
|
@@ -2045,6 +2049,8 @@ function Ya(l, s, c, f, t, e) {
|
|
|
2045
2049
|
minimapSelectionRadius: e.FINAL_CONFIG.chart.zoom.minimap.selectionRadius,
|
|
2046
2050
|
minimapLineColor: e.FINAL_CONFIG.chart.zoom.minimap.lineColor,
|
|
2047
2051
|
minimapSelectedColorOpacity: e.FINAL_CONFIG.chart.zoom.minimap.selectedColorOpacity,
|
|
2052
|
+
minimapSelectedIndex: t.selectedSerieIndex,
|
|
2053
|
+
minimapIndicatorColor: e.FINAL_CONFIG.chart.zoom.minimap.indicatorColor,
|
|
2048
2054
|
max: t.maxX,
|
|
2049
2055
|
min: 0,
|
|
2050
2056
|
valueStart: t.slicer.start,
|
|
@@ -2053,25 +2059,26 @@ function Ya(l, s, c, f, t, e) {
|
|
|
2053
2059
|
"onUpdate:start": s[2] || (s[2] = (a) => t.slicer.start = a),
|
|
2054
2060
|
end: t.slicer.end,
|
|
2055
2061
|
"onUpdate:end": s[3] || (s[3] = (a) => t.slicer.end = a),
|
|
2056
|
-
onReset: e.refreshSlicer
|
|
2062
|
+
onReset: e.refreshSlicer,
|
|
2063
|
+
onTrapMouse: e.selectMinimapIndex
|
|
2057
2064
|
}, {
|
|
2058
2065
|
"reset-action": z(({ reset: a }) => [
|
|
2059
|
-
v(
|
|
2066
|
+
v(i.$slots, "reset-action", W(B({ reset: a })), void 0, !0)
|
|
2060
2067
|
]),
|
|
2061
2068
|
_: 3
|
|
2062
|
-
}, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "max", "valueStart", "valueEnd", "start", "end", "onReset"])) :
|
|
2063
|
-
e.FINAL_CONFIG.chart.legend.show ? (
|
|
2069
|
+
}, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "max", "valueStart", "valueEnd", "start", "end", "onReset", "onTrapMouse"])) : c("", !0),
|
|
2070
|
+
e.FINAL_CONFIG.chart.legend.show ? (l(), r("div", {
|
|
2064
2071
|
key: 6,
|
|
2065
2072
|
ref: "chartLegend",
|
|
2066
2073
|
class: "vue-ui-xy-legend",
|
|
2067
2074
|
style: L(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
|
|
2068
2075
|
}, [
|
|
2069
|
-
(
|
|
2076
|
+
(l(!0), r(I, null, b(e.absoluteDataset, (a, o) => (l(), r("div", {
|
|
2070
2077
|
key: `div_legend_item_${o}`,
|
|
2071
2078
|
onClick: (n) => e.segregate(a),
|
|
2072
2079
|
class: M({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(a.id) })
|
|
2073
2080
|
}, [
|
|
2074
|
-
t.icons[a.type] === "line" ? (
|
|
2081
|
+
t.icons[a.type] === "line" ? (l(), r("svg", Va, [
|
|
2075
2082
|
u("rect", {
|
|
2076
2083
|
x: "0",
|
|
2077
2084
|
y: "7",
|
|
@@ -2089,8 +2096,8 @@ function Ya(l, s, c, f, t, e) {
|
|
|
2089
2096
|
stroke: e.FINAL_CONFIG.chart.backgroundColor,
|
|
2090
2097
|
strokeWidth: 1
|
|
2091
2098
|
}, null, 8, ["color", "shape", "stroke"])
|
|
2092
|
-
])) : (
|
|
2093
|
-
t.icons[a.type] === "bar" ? (
|
|
2099
|
+
])) : (l(), r("svg", Da, [
|
|
2100
|
+
t.icons[a.type] === "bar" ? (l(), r("rect", {
|
|
2094
2101
|
key: 0,
|
|
2095
2102
|
x: "0",
|
|
2096
2103
|
y: "0",
|
|
@@ -2099,7 +2106,7 @@ function Ya(l, s, c, f, t, e) {
|
|
|
2099
2106
|
width: "12",
|
|
2100
2107
|
stroke: "none",
|
|
2101
2108
|
fill: a.color
|
|
2102
|
-
}, null, 8, Ea)) : (
|
|
2109
|
+
}, null, 8, Ea)) : (l(), V(m, {
|
|
2103
2110
|
key: 1,
|
|
2104
2111
|
plot: { x: 6, y: 6 },
|
|
2105
2112
|
radius: 5,
|
|
@@ -2109,10 +2116,10 @@ function Ya(l, s, c, f, t, e) {
|
|
|
2109
2116
|
])),
|
|
2110
2117
|
u("span", {
|
|
2111
2118
|
style: L(`color:${e.FINAL_CONFIG.chart.legend.color}`)
|
|
2112
|
-
},
|
|
2119
|
+
}, S(a.name), 5)
|
|
2113
2120
|
], 10, Ta))), 128))
|
|
2114
|
-
], 4)) : (
|
|
2115
|
-
v(
|
|
2121
|
+
], 4)) : (l(), r("div", Ha, [
|
|
2122
|
+
v(i.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
|
|
2116
2123
|
], 512)),
|
|
2117
2124
|
Y(k, {
|
|
2118
2125
|
show: t.mutableConfig.showTooltip && t.isTooltip,
|
|
@@ -2125,19 +2132,19 @@ function Ya(l, s, c, f, t, e) {
|
|
|
2125
2132
|
backgroundOpacity: e.FINAL_CONFIG.chart.tooltip.backgroundOpacity,
|
|
2126
2133
|
position: e.FINAL_CONFIG.chart.tooltip.position,
|
|
2127
2134
|
offsetY: e.FINAL_CONFIG.chart.tooltip.offsetY,
|
|
2128
|
-
parent:
|
|
2135
|
+
parent: i.$refs.chart,
|
|
2129
2136
|
content: e.tooltipContent,
|
|
2130
2137
|
isCustom: e.FINAL_CONFIG.chart.tooltip.customFormat && typeof e.FINAL_CONFIG.chart.tooltip.customFormat == "function"
|
|
2131
2138
|
}, {
|
|
2132
2139
|
"tooltip-before": z(() => [
|
|
2133
|
-
v(
|
|
2140
|
+
v(i.$slots, "tooltip-before", W(B({ ...e.dataTooltipSlot })), void 0, !0)
|
|
2134
2141
|
]),
|
|
2135
2142
|
"tooltip-after": z(() => [
|
|
2136
|
-
v(
|
|
2143
|
+
v(i.$slots, "tooltip-after", W(B({ ...e.dataTooltipSlot })), void 0, !0)
|
|
2137
2144
|
]),
|
|
2138
2145
|
_: 3
|
|
2139
2146
|
}, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
|
|
2140
|
-
e.isDataset ? (
|
|
2147
|
+
e.isDataset ? (l(), V(C, {
|
|
2141
2148
|
key: 8,
|
|
2142
2149
|
hideDetails: "",
|
|
2143
2150
|
config: {
|
|
@@ -2175,11 +2182,11 @@ function Ya(l, s, c, f, t, e) {
|
|
|
2175
2182
|
}, null, 8, ["stroke"])
|
|
2176
2183
|
])
|
|
2177
2184
|
]),
|
|
2178
|
-
t.showSparklineTable ? (
|
|
2185
|
+
t.showSparklineTable ? (l(), V(G, {
|
|
2179
2186
|
key: `sparkline_${t.segregateStep}`,
|
|
2180
2187
|
dataset: e.tableSparklineDataset,
|
|
2181
2188
|
config: e.tableSparklineConfig
|
|
2182
|
-
}, null, 8, ["dataset", "config"])) : (
|
|
2189
|
+
}, null, 8, ["dataset", "config"])) : (l(), V(x, {
|
|
2183
2190
|
key: 1,
|
|
2184
2191
|
colNames: e.dataTable.colNames,
|
|
2185
2192
|
head: e.dataTable.head,
|
|
@@ -2192,7 +2199,7 @@ function Ya(l, s, c, f, t, e) {
|
|
|
2192
2199
|
u("div", { innerHTML: a }, null, 8, Ba)
|
|
2193
2200
|
]),
|
|
2194
2201
|
td: z(({ td: a }) => [
|
|
2195
|
-
Ee(
|
|
2202
|
+
Ee(S(isNaN(Number(a)) ? a : e.dataLabel({
|
|
2196
2203
|
p: e.FINAL_CONFIG.chart.labels.prefix,
|
|
2197
2204
|
v: a,
|
|
2198
2205
|
s: e.FINAL_CONFIG.chart.labels.suffix,
|
|
@@ -2204,10 +2211,10 @@ function Ya(l, s, c, f, t, e) {
|
|
|
2204
2211
|
], 4)
|
|
2205
2212
|
]),
|
|
2206
2213
|
_: 1
|
|
2207
|
-
}, 8, ["config"])) :
|
|
2214
|
+
}, 8, ["config"])) : c("", !0)
|
|
2208
2215
|
], 14, Ye);
|
|
2209
2216
|
}
|
|
2210
|
-
const
|
|
2217
|
+
const si = /* @__PURE__ */ He(Be, [["render", Ya], ["__scopeId", "data-v-f31b1c41"]]);
|
|
2211
2218
|
export {
|
|
2212
|
-
|
|
2219
|
+
si as default
|
|
2213
2220
|
};
|