vue-data-ui 2.3.87 → 2.3.89
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-tDycrMHk.js → Arrow-6DWnAEHt.js} +1 -1
- package/dist/{Arrow-eu15g0Zt.cjs → Arrow-CW5gDSmt.cjs} +1 -1
- package/dist/{BaseIcon-CgLB-iUq.cjs → BaseIcon-B_MrASni.cjs} +1 -1
- package/dist/{BaseIcon-D2n64yMC.js → BaseIcon-Dj8EbAXm.js} +1 -1
- package/dist/{DataTable-CrbRO0dh.js → DataTable-BmYcdJ1w.js} +2 -2
- package/dist/{DataTable-DnOI5Ivh.cjs → DataTable-DAwK5x3h.cjs} +1 -1
- package/dist/{Legend-BXctzvx2.js → Legend-BRG8ddDy.js} +1 -1
- package/dist/{Legend-sAjd_vcA.cjs → Legend-DhQ-a1RH.cjs} +1 -1
- package/dist/{Shape-BUBQ5omG.js → Shape-BcL3EDZ5.js} +1 -1
- package/dist/{Shape-BGa7uWId.cjs → Shape-D7jva0XA.cjs} +1 -1
- package/dist/{Slicer-CXK3XM-z.js → Slicer-DI1kgq9D.js} +141 -119
- package/dist/Slicer-DV29nclP.cjs +1 -0
- package/dist/{Title-DbAaPd9q.cjs → Title-DYwo_Q5b.cjs} +1 -1
- package/dist/{Title-BITuZ5CT.js → Title-fAvrqioZ.js} +1 -1
- package/dist/{Tooltip-LE8exuMN.cjs → Tooltip-03RvVGln.cjs} +1 -1
- package/dist/{Tooltip-DDBocDY4.js → Tooltip-TZYYFvPe.js} +1 -1
- package/dist/img-BFCs759q.cjs +1 -0
- package/dist/img-DGzWcJ4Y.js +15 -0
- package/dist/{index-U4mCr8P0.cjs → index-BKTciLz4.cjs} +1 -1
- package/dist/{index-CP7GYbDW.js → index-Ca4RHJ4t.js} +1 -1
- package/dist/pdf-9cRTLjY8.cjs +1 -0
- package/dist/{pdf-97UbtKC2.js → pdf-B7oVat64.js} +7 -7
- package/dist/style.css +1 -1
- package/dist/{useNestedProp-CgUQgTyB.cjs → useNestedProp-BFnXnY0k.cjs} +1 -1
- package/dist/{useNestedProp-Dfz8QNDn.js → useNestedProp-vP7uimPz.js} +1 -1
- package/dist/{usePrinter-BfETb5Ie.js → usePrinter-5fwXghqP.js} +155 -156
- package/dist/usePrinter-CxYg-Dw-.cjs +1 -0
- package/dist/{vue-data-ui-BiTJ4KBF.js → vue-data-ui-4VG00HFR.js} +57 -57
- package/dist/{vue-data-ui-CgTf8Gw2.cjs → vue-data-ui-BaLkNH7M.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-CKDV9VVB.js → vue-ui-3d-bar-DPJWcxqV.js} +7 -7
- package/dist/{vue-ui-3d-bar-CKCcmMbS.cjs → vue-ui-3d-bar-rOT9iPsm.cjs} +1 -1
- package/dist/{vue-ui-accordion-AcWCsB0f.cjs → vue-ui-accordion-SXHdW20_.cjs} +1 -1
- package/dist/{vue-ui-accordion-DZSSaEp4.js → vue-ui-accordion-vYoYjedX.js} +3 -3
- package/dist/{vue-ui-age-pyramid-Cy-J_3gK.js → vue-ui-age-pyramid-BEC4SHLl.js} +8 -8
- package/dist/{vue-ui-age-pyramid-DQ-h0bbz.cjs → vue-ui-age-pyramid-HElID9Ax.cjs} +1 -1
- package/dist/{vue-ui-annotator-GBAeaQUB.cjs → vue-ui-annotator-B1NZRuJJ.cjs} +1 -1
- package/dist/{vue-ui-annotator-Dn_5RY5_.js → vue-ui-annotator-DFpv61wn.js} +1 -1
- package/dist/{vue-ui-candlestick-CAdWy5Y1.js → vue-ui-candlestick-AEKT8X3p.js} +9 -9
- package/dist/{vue-ui-candlestick-guSNt_H0.cjs → vue-ui-candlestick-p1s0Av21.cjs} +1 -1
- package/dist/{vue-ui-carousel-table-CuFG5v2i.cjs → vue-ui-carousel-table-DCk2p-1k.cjs} +1 -1
- package/dist/{vue-ui-carousel-table-DmmKDp7-.js → vue-ui-carousel-table-DhzVxOvp.js} +4 -4
- package/dist/{vue-ui-chestnut-bAWBqCf3.cjs → vue-ui-chestnut-oFfB3fBF.cjs} +1 -1
- package/dist/{vue-ui-chestnut-BmzjUDjK.js → vue-ui-chestnut-qqcIpMGB.js} +6 -6
- package/dist/{vue-ui-cursor-DDViNH81.js → vue-ui-cursor-CgSghVjL.js} +2 -2
- package/dist/{vue-ui-cursor-CfkNSO9o.cjs → vue-ui-cursor-CvJgJk1M.cjs} +1 -1
- package/dist/{vue-ui-dashboard-BGwxII0l.js → vue-ui-dashboard-CYzkic0X.js} +3 -3
- package/dist/vue-ui-dashboard-CtJdVmtu.cjs +1 -0
- package/dist/{vue-ui-digits-BYO9w7xM.js → vue-ui-digits-BO1hSjoq.js} +2 -2
- package/dist/{vue-ui-digits-DObHCYJe.cjs → vue-ui-digits-C0dMG-hR.cjs} +1 -1
- package/dist/{vue-ui-donut-DqOvTGAK.js → vue-ui-donut-DP-yxiw3.js} +9 -9
- package/dist/{vue-ui-donut-B-YGaPcq.cjs → vue-ui-donut-Dnnoj71c.cjs} +1 -1
- package/dist/{vue-ui-donut-evolution-ByIcsVPF.js → vue-ui-donut-evolution-C-yDyglF.js} +9 -9
- package/dist/{vue-ui-donut-evolution-DAzxGbsO.cjs → vue-ui-donut-evolution-vBUH5VVx.cjs} +1 -1
- package/dist/{vue-ui-dumbbell-Ch6sj_EW.cjs → vue-ui-dumbbell-BUA_uSse.cjs} +1 -1
- package/dist/{vue-ui-dumbbell-JpJFPxM2.js → vue-ui-dumbbell-D2SQ4cKV.js} +8 -8
- package/dist/{vue-ui-flow-C5N8YgfJ.cjs → vue-ui-flow-B-AFlw-n.cjs} +1 -1
- package/dist/{vue-ui-flow-BhtIMcan.js → vue-ui-flow-D_E9V2A1.js} +7 -7
- package/dist/{vue-ui-galaxy-Cv38ZzWi.cjs → vue-ui-galaxy-CbL5nONj.cjs} +1 -1
- package/dist/{vue-ui-galaxy-BZT14d6d.js → vue-ui-galaxy-DqE2UiA3.js} +9 -9
- package/dist/{vue-ui-gauge-BrwCmfGP.cjs → vue-ui-gauge-BUV_hQND.cjs} +1 -1
- package/dist/{vue-ui-gauge-Dj2gBTkq.js → vue-ui-gauge-CFYXDw2p.js} +5 -5
- package/dist/{vue-ui-gizmo-BhCZEfOE.cjs → vue-ui-gizmo-B-LxuvDh.cjs} +1 -1
- package/dist/{vue-ui-gizmo-Dx0mO1Zf.js → vue-ui-gizmo-BWztIJ3j.js} +2 -2
- package/dist/{vue-ui-heatmap-azP3H0Be.cjs → vue-ui-heatmap-DW5StHKM.cjs} +1 -1
- package/dist/{vue-ui-heatmap-DdSGFMo1.js → vue-ui-heatmap-E1MlhSCs.js} +8 -8
- package/dist/{vue-ui-kpi-TKkErBy-.cjs → vue-ui-kpi-BWDPF-9X.cjs} +1 -1
- package/dist/{vue-ui-kpi-C0fjrvpC.js → vue-ui-kpi-DeP0XmP7.js} +3 -3
- package/dist/{vue-ui-mini-loader-CVflLGuB.js → vue-ui-mini-loader-Bal12IrX.js} +2 -2
- package/dist/{vue-ui-mini-loader-DAos2pVd.cjs → vue-ui-mini-loader-D5e8uW_d.cjs} +1 -1
- package/dist/{vue-ui-molecule-CW1523wC.cjs → vue-ui-molecule-DHBId4h4.cjs} +1 -1
- package/dist/{vue-ui-molecule-D9OfBp53.js → vue-ui-molecule-DHrHeQgF.js} +9 -9
- package/dist/{vue-ui-mood-radar-vvG5BlGa.cjs → vue-ui-mood-radar-DSXB9l99.cjs} +1 -1
- package/dist/{vue-ui-mood-radar-PMARjoQW.js → vue-ui-mood-radar-dJaJotNf.js} +9 -9
- package/dist/{vue-ui-nested-donuts-Bt8ZHG4b.js → vue-ui-nested-donuts--K9ygdH3.js} +9 -9
- package/dist/{vue-ui-nested-donuts-wVELVgGD.cjs → vue-ui-nested-donuts-CEX2cvop.cjs} +1 -1
- package/dist/{vue-ui-onion-B-4djV2X.js → vue-ui-onion-Bm1inM56.js} +9 -9
- package/dist/{vue-ui-onion-j8P027dX.cjs → vue-ui-onion-Iekdjs8b.cjs} +1 -1
- package/dist/{vue-ui-parallel-coordinate-plot-B2N249AX.js → vue-ui-parallel-coordinate-plot-9PSGD-LR.js} +10 -10
- package/dist/{vue-ui-parallel-coordinate-plot-BRNG5VwG.cjs → vue-ui-parallel-coordinate-plot-OlFoYL_3.cjs} +1 -1
- package/dist/{vue-ui-quadrant-BaDei-7C.cjs → vue-ui-quadrant-CgJeo2zZ.cjs} +1 -1
- package/dist/{vue-ui-quadrant-Bvv3ZZI7.js → vue-ui-quadrant-iGQbx93I.js} +10 -10
- package/dist/{vue-ui-quick-chart-BzFITYDP.js → vue-ui-quick-chart-DeEQcx6A.js} +7 -7
- package/dist/{vue-ui-quick-chart-OUDWfDwC.cjs → vue-ui-quick-chart-Du8lDPmh.cjs} +1 -1
- package/dist/{vue-ui-radar-Bpz3hyr9.cjs → vue-ui-radar-BYk9DWnM.cjs} +1 -1
- package/dist/{vue-ui-radar-CXH5XhDS.js → vue-ui-radar-DfnhsNQV.js} +10 -10
- package/dist/{vue-ui-rating-BcngasYQ.js → vue-ui-rating-CCesFD6e.js} +2 -2
- package/dist/{vue-ui-rating-BEtR56Zg.cjs → vue-ui-rating-D0rgVdkT.cjs} +1 -1
- package/dist/{vue-ui-relation-circle-Cn4xYFeJ.cjs → vue-ui-relation-circle-8eoBav4O.cjs} +1 -1
- package/dist/{vue-ui-relation-circle-BmWv5Kwu.js → vue-ui-relation-circle-D2GXm_Fk.js} +5 -5
- package/dist/{vue-ui-rings-DDvVuJvv.js → vue-ui-rings-B7_-G3JM.js} +9 -9
- package/dist/{vue-ui-rings-BbrUn18Q.cjs → vue-ui-rings-CScmcQ1n.cjs} +1 -1
- package/dist/{vue-ui-scatter-C9B6pkLG.cjs → vue-ui-scatter-BnBI8qdt.cjs} +1 -1
- package/dist/{vue-ui-scatter-CfgLA10v.js → vue-ui-scatter-DdhiNjLc.js} +10 -10
- package/dist/{vue-ui-screenshot-BDjgeoQi.cjs → vue-ui-screenshot-BrhjnTwn.cjs} +1 -1
- package/dist/{vue-ui-screenshot-W6aedcDN.js → vue-ui-screenshot-Cpy2qbf1.js} +1 -1
- package/dist/{vue-ui-skeleton-BAQjFiop.js → vue-ui-skeleton-D7aLznpP.js} +2 -2
- package/dist/{vue-ui-skeleton-BhG4niml.cjs → vue-ui-skeleton-pDeQ3NcD.cjs} +1 -1
- package/dist/{vue-ui-smiley-J1L8V6KG.cjs → vue-ui-smiley-Cj0yi7_H.cjs} +1 -1
- package/dist/{vue-ui-smiley-CQNAPd4d.js → vue-ui-smiley-vcpYARLj.js} +2 -2
- package/dist/{vue-ui-spark-trend-BTdNsDFX.cjs → vue-ui-spark-trend-BW8k0jDd.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-CBc-tBLR.js → vue-ui-spark-trend-CFJSCQnf.js} +4 -4
- package/dist/{vue-ui-sparkbar-D0189X8M.cjs → vue-ui-sparkbar-BbJHfAQj.cjs} +1 -1
- package/dist/{vue-ui-sparkbar-DCLpbzSR.js → vue-ui-sparkbar-CgRdDfk6.js} +3 -3
- package/dist/{vue-ui-sparkgauge-ButS3IF8.cjs → vue-ui-sparkgauge-BESRB8_4.cjs} +1 -1
- package/dist/{vue-ui-sparkgauge-C-12vLRd.js → vue-ui-sparkgauge-CCPMNge0.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-NLFMPPXv.cjs → vue-ui-sparkhistogram-BYnSfLdb.cjs} +1 -1
- package/dist/{vue-ui-sparkhistogram-CqHEh_4P.js → vue-ui-sparkhistogram-D5z2Wtpk.js} +4 -4
- package/dist/{vue-ui-sparkline-Cy8fuCDw.cjs → vue-ui-sparkline-D5WUy4p5.cjs} +1 -1
- package/dist/{vue-ui-sparkline-BaHeaRVl.js → vue-ui-sparkline-KYN0oKt1.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-BLvXeEbr.js → vue-ui-sparkstackbar-7lurD9-4.js} +80 -77
- package/dist/vue-ui-sparkstackbar-Dy-IfQ3q.cjs +1 -0
- package/dist/{vue-ui-stackbar-CLmcckvD.cjs → vue-ui-stackbar-Ch-fmE9l.cjs} +1 -1
- package/dist/{vue-ui-stackbar-B-ZE7Ksh.js → vue-ui-stackbar-CsVmAvl3.js} +10 -10
- package/dist/{vue-ui-strip-plot-DbmLZ03_.js → vue-ui-strip-plot-B63AgKts.js} +9 -9
- package/dist/{vue-ui-strip-plot-DTJeRXEM.cjs → vue-ui-strip-plot-BLRl-tF6.cjs} +1 -1
- package/dist/{vue-ui-table-CpUWJGi_.js → vue-ui-table-G5O8K-F_.js} +1 -1
- package/dist/{vue-ui-table-DdroDYB6.cjs → vue-ui-table-hPqdMR-m.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-CSHkuLE3.cjs → vue-ui-table-heatmap-BhVuTdSS.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-XJj-iDhJ.js → vue-ui-table-heatmap-t9Ngijvp.js} +4 -4
- package/dist/{vue-ui-table-sparkline-DEhCOiH8.js → vue-ui-table-sparkline-BX4en1c-.js} +5 -5
- package/dist/{vue-ui-table-sparkline-GgMGhbwH.cjs → vue-ui-table-sparkline-DtjJrGve.cjs} +1 -1
- package/dist/{vue-ui-thermometer-LM5LB1fZ.cjs → vue-ui-thermometer-B07RI9fZ.cjs} +1 -1
- package/dist/{vue-ui-thermometer-CF9_Jiig.js → vue-ui-thermometer-BWGyDQ7_.js} +5 -5
- package/dist/{vue-ui-timer-BN3oSs18.js → vue-ui-timer-8AlVLAJi.js} +4 -4
- package/dist/{vue-ui-timer-Kw8zfnyl.cjs → vue-ui-timer-CXrENAVg.cjs} +1 -1
- package/dist/{vue-ui-tiremarks-B5Ieo2VI.cjs → vue-ui-tiremarks-C43c4_IR.cjs} +1 -1
- package/dist/{vue-ui-tiremarks-CTiztDdT.js → vue-ui-tiremarks-DYIHGkBU.js} +5 -5
- package/dist/{vue-ui-treemap-CHngTUd0.cjs → vue-ui-treemap-BN90ISQv.cjs} +1 -1
- package/dist/{vue-ui-treemap-DEDT65NP.js → vue-ui-treemap-mmvdTHiX.js} +9 -9
- package/dist/{vue-ui-vertical-bar-C8XQwe6S.cjs → vue-ui-vertical-bar-BRDO_Rsu.cjs} +1 -1
- package/dist/{vue-ui-vertical-bar-hFeIrO6z.js → vue-ui-vertical-bar-DAKHNRoR.js} +9 -9
- package/dist/{vue-ui-waffle-CLbMVN8j.js → vue-ui-waffle-B-A4NYNd.js} +9 -9
- package/dist/{vue-ui-waffle-tFQq8-qt.cjs → vue-ui-waffle-BN_yZEtJ.cjs} +1 -1
- package/dist/{vue-ui-wheel-CMRCYfem.cjs → vue-ui-wheel-50_zeiIW.cjs} +1 -1
- package/dist/{vue-ui-wheel-DpPdEqHh.js → vue-ui-wheel-DN9WvA6Z.js} +5 -5
- package/dist/{vue-ui-word-cloud-C18oOvC0.cjs → vue-ui-word-cloud-BVoFIb_q.cjs} +1 -1
- package/dist/{vue-ui-word-cloud-DTXq9aIY.js → vue-ui-word-cloud-BWTyaGAT.js} +7 -7
- package/dist/vue-ui-xy-CJHHesUD.cjs +3 -0
- package/dist/{vue-ui-xy-DN8TqWYI.js → vue-ui-xy-Dzp4qCjk.js} +769 -762
- package/dist/{vue-ui-xy-canvas-BoH-Grae.js → vue-ui-xy-canvas-9NPbm7dE.js} +10 -10
- package/dist/{vue-ui-xy-canvas-Dg9jorcV.cjs → vue-ui-xy-canvas-CAcTkk_r.cjs} +1 -1
- package/package.json +1 -1
- package/dist/Slicer-CoyHeBxs.cjs +0 -1
- package/dist/pdf-Cz3729tZ.cjs +0 -1
- package/dist/usePrinter-DQLl_Row.cjs +0 -1
- package/dist/vue-ui-dashboard-CT09iVhX.cjs +0 -1
- package/dist/vue-ui-sparkstackbar-B64XK1yu.cjs +0 -1
- package/dist/vue-ui-xy-Bw1GQuGo.cjs +0 -3
|
@@ -1,19 +1,18 @@
|
|
|
1
|
-
import { p as Q } from "./
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { _ as ve
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import Pe from "./
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import { u as
|
|
14
|
-
import {
|
|
15
|
-
|
|
16
|
-
const Ye = J(), Xe = {
|
|
1
|
+
import { c as J, a as Q, t as K, z as j, p as $, T as X, N as P, f as Z, I as ee, F as te, i as ae, Z as ie, W as re, _ as le, v as se, $ as ne, d as ce, B as oe, b as he, q as de, Q as ue, a0 as ge, r as fe, e as Ne, y as me, L as Ie, x as xe, a1 as be, o as Fe, s as _e, w as ye, E as Ae, A as Le, u as Ce } from "./index-Ca4RHJ4t.js";
|
|
2
|
+
import { D as Se } from "./DataTable-BmYcdJ1w.js";
|
|
3
|
+
import { _ as ke } from "./Title-fAvrqioZ.js";
|
|
4
|
+
import { _ as we, u as Oe } from "./Tooltip-TZYYFvPe.js";
|
|
5
|
+
import { U as Ge } from "./usePrinter-5fwXghqP.js";
|
|
6
|
+
import { _ as ve } from "./Shape-BcL3EDZ5.js";
|
|
7
|
+
import pe from "./BaseIcon-Dj8EbAXm.js";
|
|
8
|
+
import ze from "./vue-ui-table-sparkline-BX4en1c-.js";
|
|
9
|
+
import Me from "./vue-ui-skeleton-D7aLznpP.js";
|
|
10
|
+
import { S as Pe } from "./Slicer-DI1kgq9D.js";
|
|
11
|
+
import Te from "./vue-ui-accordion-vYoYjedX.js";
|
|
12
|
+
import { u as U } from "./useNestedProp-vP7uimPz.js";
|
|
13
|
+
import { resolveComponent as T, openBlock as r, createElementBlock as l, normalizeClass as M, normalizeStyle as A, createBlock as V, createCommentVNode as h, createSlots as Ve, withCtx as p, renderSlot as O, normalizeProps as B, guardReactiveProps as Y, createElementVNode as u, Fragment as N, renderList as I, toDisplayString as S, createVNode as q, withDirectives as Re, vModelCheckbox as De, createTextVNode as We } from "vue";
|
|
14
|
+
import { _ as He } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
15
|
+
const Ee = J(), Be = {
|
|
17
16
|
name: "vue-ui-xy",
|
|
18
17
|
props: {
|
|
19
18
|
config: {
|
|
@@ -30,40 +29,40 @@ const Ye = J(), Xe = {
|
|
|
30
29
|
}
|
|
31
30
|
},
|
|
32
31
|
components: {
|
|
33
|
-
DataTable:
|
|
34
|
-
Shape:
|
|
35
|
-
Title:
|
|
36
|
-
Tooltip:
|
|
37
|
-
UserOptions:
|
|
38
|
-
BaseIcon:
|
|
39
|
-
TableSparkline:
|
|
40
|
-
Skeleton:
|
|
41
|
-
Slicer:
|
|
42
|
-
Accordion:
|
|
32
|
+
DataTable: Se,
|
|
33
|
+
Shape: ve,
|
|
34
|
+
Title: ke,
|
|
35
|
+
Tooltip: we,
|
|
36
|
+
UserOptions: Ge,
|
|
37
|
+
BaseIcon: pe,
|
|
38
|
+
TableSparkline: ze,
|
|
39
|
+
Skeleton: Me,
|
|
40
|
+
Slicer: Pe,
|
|
41
|
+
Accordion: Te
|
|
43
42
|
},
|
|
44
43
|
data() {
|
|
45
|
-
this.dataset.forEach((
|
|
46
|
-
[null, void 0].includes(
|
|
44
|
+
this.dataset.forEach((o, f) => {
|
|
45
|
+
[null, void 0].includes(o.series) && this.error({
|
|
47
46
|
componentName: "VueUiXy",
|
|
48
47
|
type: "datasetSerieAttribute",
|
|
49
48
|
property: "series (number[])",
|
|
50
49
|
index: f
|
|
51
50
|
});
|
|
52
51
|
});
|
|
53
|
-
const
|
|
52
|
+
const t = Math.max(...this.dataset.map((o) => o.series.length)), n = {
|
|
54
53
|
start: 0,
|
|
55
|
-
end:
|
|
54
|
+
end: t
|
|
56
55
|
};
|
|
57
56
|
return {
|
|
58
|
-
themePalettes:
|
|
59
|
-
themes:
|
|
57
|
+
themePalettes: Q,
|
|
58
|
+
themes: K,
|
|
60
59
|
slicerStep: 0,
|
|
61
60
|
selectedScale: null,
|
|
62
61
|
CTX: null,
|
|
63
62
|
CANVAS: null,
|
|
64
|
-
opacity:
|
|
63
|
+
opacity: j,
|
|
65
64
|
useSafeValues: !0,
|
|
66
|
-
palette:
|
|
65
|
+
palette: $,
|
|
67
66
|
height: 600,
|
|
68
67
|
width: 1e3,
|
|
69
68
|
viewBox: "0 0 1000 600",
|
|
@@ -102,10 +101,10 @@ const Ye = J(), Xe = {
|
|
|
102
101
|
titleStep: 0,
|
|
103
102
|
slicer: n,
|
|
104
103
|
__to__: null,
|
|
105
|
-
maxX:
|
|
104
|
+
maxX: t,
|
|
106
105
|
showSparklineTable: !0,
|
|
107
106
|
segregateStep: 0,
|
|
108
|
-
sliderId:
|
|
107
|
+
sliderId: Ee,
|
|
109
108
|
fontSizes: {
|
|
110
109
|
xAxis: 18,
|
|
111
110
|
yAxis: 12,
|
|
@@ -121,8 +120,8 @@ const Ye = J(), Xe = {
|
|
|
121
120
|
},
|
|
122
121
|
watch: {
|
|
123
122
|
dataset: {
|
|
124
|
-
handler(
|
|
125
|
-
this.maxX = Math.max(...this.dataset.map((
|
|
123
|
+
handler(t, n) {
|
|
124
|
+
this.maxX = Math.max(...this.dataset.map((o) => o.series.length)), this.slicer = {
|
|
126
125
|
start: 0,
|
|
127
126
|
end: this.maxX
|
|
128
127
|
}, this.slicerStep += 1, this.segregateStep += 1;
|
|
@@ -130,7 +129,7 @@ const Ye = J(), Xe = {
|
|
|
130
129
|
deep: !0
|
|
131
130
|
},
|
|
132
131
|
config: {
|
|
133
|
-
handler(
|
|
132
|
+
handler(t, n) {
|
|
134
133
|
this.FINAL_CONFIG = this.prepareConfig(), this.prepareChart(), this.titleStep += 1, this.tableStep += 1;
|
|
135
134
|
},
|
|
136
135
|
deep: !0
|
|
@@ -139,11 +138,11 @@ const Ye = J(), Xe = {
|
|
|
139
138
|
computed: {
|
|
140
139
|
minimap() {
|
|
141
140
|
if (!this.FINAL_CONFIG.chart.zoom.minimap.show) return [];
|
|
142
|
-
const
|
|
141
|
+
const t = this.datasetWithIds.filter((i) => !this.segregatedSeries.includes(i.id)), n = Math.max(...t.map((i) => i.series.length)), o = [];
|
|
143
142
|
for (let i = 0; i < n; i += 1)
|
|
144
|
-
|
|
145
|
-
const f = Math.min(...
|
|
146
|
-
return
|
|
143
|
+
o.push(t.map((e) => e.series[i] || 0).reduce((e, x) => (e || 0) + (x || 0), 0));
|
|
144
|
+
const f = Math.min(...o);
|
|
145
|
+
return o.map((i) => i + (f < 0 ? Math.abs(f) : 0));
|
|
147
146
|
},
|
|
148
147
|
customPalette() {
|
|
149
148
|
return this.convertCustomPalette(this.FINAL_CONFIG.customPalette);
|
|
@@ -155,7 +154,7 @@ const Ye = J(), Xe = {
|
|
|
155
154
|
return this.FINAL_CONFIG.chart.zoom.color;
|
|
156
155
|
},
|
|
157
156
|
allScales() {
|
|
158
|
-
const
|
|
157
|
+
const t = this.lineSet.map((i) => ({
|
|
159
158
|
name: i.name,
|
|
160
159
|
color: i.color,
|
|
161
160
|
scale: i.individualScale,
|
|
@@ -178,7 +177,7 @@ const Ye = J(), Xe = {
|
|
|
178
177
|
id: i.id,
|
|
179
178
|
yOffset: i.yOffset || 0,
|
|
180
179
|
individualHeight: i.individualHeight || this.drawingArea.height
|
|
181
|
-
})),
|
|
180
|
+
})), o = this.plotSet.map((i) => ({
|
|
182
181
|
name: i.name,
|
|
183
182
|
color: i.color,
|
|
184
183
|
scale: i.individualScale,
|
|
@@ -190,8 +189,8 @@ const Ye = J(), Xe = {
|
|
|
190
189
|
id: i.id,
|
|
191
190
|
yOffset: i.yOffset || 0,
|
|
192
191
|
individualHeight: i.individualHeight || this.drawingArea.height
|
|
193
|
-
})), f = [...
|
|
194
|
-
return [...
|
|
192
|
+
})), f = [...t, ...n, ...o].flatMap((i) => i).length;
|
|
193
|
+
return [...t, ...n, ...o].flatMap((i, e) => ({
|
|
195
194
|
id: i.id,
|
|
196
195
|
scaleLabel: i.scaleLabel,
|
|
197
196
|
name: i.name,
|
|
@@ -210,19 +209,19 @@ const Ye = J(), Xe = {
|
|
|
210
209
|
return !!this.dataset && this.dataset.length;
|
|
211
210
|
},
|
|
212
211
|
chartFont() {
|
|
213
|
-
const
|
|
214
|
-
return window.getComputedStyle(
|
|
212
|
+
const t = document.getElementById(`vue-ui-xy_${this.uniqueId}`);
|
|
213
|
+
return window.getComputedStyle(t, null).getPropertyValue("font-family");
|
|
215
214
|
},
|
|
216
215
|
FINAL_CONFIG: {
|
|
217
216
|
get: function() {
|
|
218
217
|
return this.prepareConfig();
|
|
219
218
|
},
|
|
220
|
-
set: function(
|
|
221
|
-
return
|
|
219
|
+
set: function(t) {
|
|
220
|
+
return t;
|
|
222
221
|
}
|
|
223
222
|
},
|
|
224
223
|
hasHighlightArea() {
|
|
225
|
-
return Array.isArray(this.FINAL_CONFIG.chart.highlightArea) ? this.FINAL_CONFIG.chart.highlightArea.some((
|
|
224
|
+
return Array.isArray(this.FINAL_CONFIG.chart.highlightArea) ? this.FINAL_CONFIG.chart.highlightArea.some((t) => t.show) : this.FINAL_CONFIG.chart.highlightArea && this.FINAL_CONFIG.chart.highlightArea.show;
|
|
226
225
|
},
|
|
227
226
|
highlightAreas() {
|
|
228
227
|
if (Array.isArray(this.FINAL_CONFIG.chart.highlightArea))
|
|
@@ -230,8 +229,8 @@ const Ye = J(), Xe = {
|
|
|
230
229
|
...n,
|
|
231
230
|
span: n.from === n.to ? 1 : n.to < n.from ? 0 : n.to - n.from + 1
|
|
232
231
|
}));
|
|
233
|
-
const
|
|
234
|
-
return [{ ...
|
|
232
|
+
const t = this.FINAL_CONFIG.chart.highlightArea;
|
|
233
|
+
return [{ ...t, span: t.from === t.to ? 1 : t.to < t.from ? 0 : t.to - t.from + 1 }];
|
|
235
234
|
},
|
|
236
235
|
xPadding() {
|
|
237
236
|
return this.FINAL_CONFIG.chart.grid.position === "middle" ? 0 : this.drawingArea.width / this.maxSeries / 2;
|
|
@@ -243,33 +242,33 @@ const Ye = J(), Xe = {
|
|
|
243
242
|
return this.niceScale.max + this.relativeZero;
|
|
244
243
|
},
|
|
245
244
|
datasetWithIds() {
|
|
246
|
-
return this.useSafeValues ? this.dataset.map((
|
|
247
|
-
...
|
|
245
|
+
return this.useSafeValues ? this.dataset.map((t, n) => ({
|
|
246
|
+
...t,
|
|
248
247
|
id: `uniqueId_${n}`
|
|
249
248
|
})) : this.dataset;
|
|
250
249
|
},
|
|
251
250
|
safeDataset() {
|
|
252
|
-
return this.useSafeValues ? this.dataset.map((
|
|
253
|
-
...
|
|
254
|
-
series:
|
|
255
|
-
color: this.convertColorToHex(
|
|
251
|
+
return this.useSafeValues ? this.dataset.map((t, n) => ({
|
|
252
|
+
...t,
|
|
253
|
+
series: t.series.map((o) => this.isSafeValue(o) ? o : null).slice(this.slicer.start, this.slicer.end),
|
|
254
|
+
color: this.convertColorToHex(t.color ? t.color : this.customPalette[n] ? this.customPalette[n] : this.palette[n]),
|
|
256
255
|
id: `uniqueId_${n}`
|
|
257
256
|
})) : this.dataset;
|
|
258
257
|
},
|
|
259
258
|
relativeDataset() {
|
|
260
|
-
return this.safeDataset.map((
|
|
261
|
-
...
|
|
262
|
-
series:
|
|
263
|
-
absoluteValues:
|
|
264
|
-
})).filter((
|
|
259
|
+
return this.safeDataset.map((t, n) => ({
|
|
260
|
+
...t,
|
|
261
|
+
series: t.series.map((o) => o + this.relativeZero),
|
|
262
|
+
absoluteValues: t.series
|
|
263
|
+
})).filter((t) => !this.segregatedSeries.includes(t.id));
|
|
265
264
|
},
|
|
266
265
|
tableSparklineDataset() {
|
|
267
|
-
return this.relativeDataset.map((
|
|
268
|
-
const n =
|
|
266
|
+
return this.relativeDataset.map((t) => {
|
|
267
|
+
const n = t.absoluteValues.map((o) => [void 0, null].includes(o) ? 0 : o);
|
|
269
268
|
return {
|
|
270
|
-
id:
|
|
271
|
-
name:
|
|
272
|
-
color:
|
|
269
|
+
id: t.id,
|
|
270
|
+
name: t.name,
|
|
271
|
+
color: t.color,
|
|
273
272
|
values: this.fillArray(this.maxSeries, n)
|
|
274
273
|
};
|
|
275
274
|
});
|
|
@@ -301,75 +300,75 @@ const Ye = J(), Xe = {
|
|
|
301
300
|
};
|
|
302
301
|
},
|
|
303
302
|
absoluteDataset() {
|
|
304
|
-
return this.safeDataset.map((
|
|
303
|
+
return this.safeDataset.map((t, n) => ({
|
|
305
304
|
absoluteIndex: n,
|
|
306
|
-
...
|
|
307
|
-
series:
|
|
308
|
-
absoluteValues:
|
|
309
|
-
segregate: () => this.segregate(
|
|
310
|
-
isSegregated: this.segregatedSeries.includes(
|
|
305
|
+
...t,
|
|
306
|
+
series: t.series.map((o) => o + this.relativeZero),
|
|
307
|
+
absoluteValues: t.series,
|
|
308
|
+
segregate: () => this.segregate(t),
|
|
309
|
+
isSegregated: this.segregatedSeries.includes(t.id)
|
|
311
310
|
}));
|
|
312
311
|
},
|
|
313
312
|
barSet() {
|
|
314
|
-
return this.activeSeriesWithStackRatios.filter((
|
|
315
|
-
this.checkAutoScaleError(
|
|
316
|
-
const
|
|
317
|
-
ratios:
|
|
318
|
-
valueMin:
|
|
313
|
+
return this.activeSeriesWithStackRatios.filter((t) => t.type === "bar").map((t, n) => {
|
|
314
|
+
this.checkAutoScaleError(t);
|
|
315
|
+
const o = Math.min(...t.absoluteValues.filter((d) => ![null, void 0].includes(d))), f = Math.max(...t.absoluteValues.filter((d) => ![null, void 0].includes(d))), e = {
|
|
316
|
+
ratios: t.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - o) / (f - o)),
|
|
317
|
+
valueMin: o,
|
|
319
318
|
valueMax: f < 0 ? 0 : f
|
|
320
319
|
}, x = {
|
|
321
|
-
max:
|
|
322
|
-
min:
|
|
323
|
-
}, _ =
|
|
324
|
-
const H = this.mutableConfig.useIndividualScale ? (
|
|
320
|
+
max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
|
|
321
|
+
min: t.scaleMin || Math.min(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))) > 0 ? 0 : Math.min(...t.absoluteValues.filter((d) => ![null, void 0].includes(d)))
|
|
322
|
+
}, _ = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, L = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * L : x.max, _), C = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * L : e.valueMax, _), z = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, v = m.max + z, G = C.max + Math.abs(k), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, a = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, c = this.drawingArea.bottom - F - a * z / v, s = this.drawingArea.bottom - F - a * k / G, g = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, R = t.series.map((d, b) => {
|
|
323
|
+
const H = this.mutableConfig.useIndividualScale ? (t.absoluteValues[b] + z) / v : this.ratioToMax(d), E = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * b : this.drawingArea.left + this.slot.bar * n + this.slot.bar * b * g - this.barSlot / 2 - n * this.barPeriodGap;
|
|
325
324
|
return {
|
|
326
325
|
yOffset: this.checkNaN(F),
|
|
327
|
-
individualHeight: this.checkNaN(
|
|
326
|
+
individualHeight: this.checkNaN(a),
|
|
328
327
|
x: this.checkNaN(E),
|
|
329
|
-
y: this.drawingArea.bottom - F -
|
|
330
|
-
value:
|
|
328
|
+
y: this.drawingArea.bottom - F - a * H,
|
|
329
|
+
value: t.absoluteValues[b],
|
|
331
330
|
zeroPosition: this.checkNaN(c),
|
|
332
331
|
individualMax: this.checkNaN(v),
|
|
333
|
-
comment:
|
|
332
|
+
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
|
|
334
333
|
};
|
|
335
|
-
}), W =
|
|
334
|
+
}), W = t.absoluteValues.map((d) => C.min >= 0 ? (d - Math.abs(C.min)) / (C.max - Math.abs(C.min)) : (d + Math.abs(C.min)) / (C.max + Math.abs(C.min))), D = t.series.map((d, b) => {
|
|
336
335
|
const H = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * b : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * n + this.slot.bar * b * this.absoluteDataset.filter((E) => E.type === "bar").filter((E) => !this.segregatedSeries.includes(E.id)).length;
|
|
337
336
|
return {
|
|
338
337
|
yOffset: this.checkNaN(F),
|
|
339
|
-
individualHeight: this.checkNaN(
|
|
338
|
+
individualHeight: this.checkNaN(a),
|
|
340
339
|
x: this.checkNaN(H),
|
|
341
|
-
y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(
|
|
342
|
-
value:
|
|
340
|
+
y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(a) * W[b] || 0)),
|
|
341
|
+
value: t.absoluteValues[b],
|
|
343
342
|
zeroPosition: this.checkNaN(c),
|
|
344
343
|
individualMax: this.checkNaN(v),
|
|
345
|
-
comment:
|
|
344
|
+
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
|
|
346
345
|
};
|
|
347
346
|
}), y = m.ticks.map((d) => ({
|
|
348
|
-
y: d >= 0 ? c -
|
|
347
|
+
y: d >= 0 ? c - a * (d / v) : c + a * Math.abs(d) / v,
|
|
349
348
|
value: d,
|
|
350
|
-
prefix:
|
|
351
|
-
suffix:
|
|
352
|
-
datapoint:
|
|
349
|
+
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
350
|
+
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
351
|
+
datapoint: t
|
|
353
352
|
})), w = C.ticks.map((d) => {
|
|
354
353
|
const b = (d - C.min) / (C.max - C.min);
|
|
355
354
|
return {
|
|
356
|
-
y: d >= 0 ? s -
|
|
355
|
+
y: d >= 0 ? s - a * b : s + a * b,
|
|
357
356
|
value: d,
|
|
358
|
-
prefix:
|
|
359
|
-
suffix:
|
|
360
|
-
datapoint:
|
|
357
|
+
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
358
|
+
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
359
|
+
datapoint: t
|
|
361
360
|
};
|
|
362
361
|
});
|
|
363
362
|
return {
|
|
364
|
-
...
|
|
363
|
+
...t,
|
|
365
364
|
yOffset: F,
|
|
366
365
|
autoScaleYLabels: w,
|
|
367
|
-
individualHeight:
|
|
368
|
-
scaleYLabels:
|
|
369
|
-
individualScale:
|
|
370
|
-
individualMax:
|
|
371
|
-
zeroPosition:
|
|
372
|
-
plots:
|
|
366
|
+
individualHeight: a,
|
|
367
|
+
scaleYLabels: t.autoScaling ? w : y,
|
|
368
|
+
individualScale: t.autoScaling ? C : m,
|
|
369
|
+
individualMax: t.autoScaling ? G : v,
|
|
370
|
+
zeroPosition: t.autoScaling ? s : c,
|
|
371
|
+
plots: t.autoScaling ? D : R
|
|
373
372
|
};
|
|
374
373
|
});
|
|
375
374
|
},
|
|
@@ -377,138 +376,138 @@ const Ye = J(), Xe = {
|
|
|
377
376
|
return this.absoluteDataset.length;
|
|
378
377
|
},
|
|
379
378
|
activeSeriesWithStackRatios() {
|
|
380
|
-
return this.assignStackRatios(this.absoluteDataset.filter((
|
|
379
|
+
return this.assignStackRatios(this.absoluteDataset.filter((t) => !this.segregatedSeries.includes(t.id)));
|
|
381
380
|
},
|
|
382
381
|
lineSet() {
|
|
383
|
-
return this.activeSeriesWithStackRatios.filter((
|
|
384
|
-
this.checkAutoScaleError(
|
|
385
|
-
const n = Math.min(...
|
|
386
|
-
ratios:
|
|
382
|
+
return this.activeSeriesWithStackRatios.filter((t) => t.type === "line").map((t) => {
|
|
383
|
+
this.checkAutoScaleError(t);
|
|
384
|
+
const n = Math.min(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))), o = Math.max(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))) || 1, i = {
|
|
385
|
+
ratios: t.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - n) / (o - n)),
|
|
387
386
|
valueMin: n,
|
|
388
|
-
valueMax:
|
|
387
|
+
valueMax: o
|
|
389
388
|
}, e = {
|
|
390
|
-
max:
|
|
391
|
-
min:
|
|
392
|
-
}, x =
|
|
393
|
-
const H = this.mutableConfig.useIndividualScale ? (
|
|
389
|
+
max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
|
|
390
|
+
min: t.scaleMin || (Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues))
|
|
391
|
+
}, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, L = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, x), m = this.calculateNiceScaleWithExactExtremes(i.valueMin, i.valueMax === i.valueMin ? i.valueMax * _ : i.valueMax, x), C = L.min >= 0 ? 0 : Math.abs(L.min), z = 0, k = L.max + Math.abs(C), v = m.max + Math.abs(z), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - G - F * C / k, c = this.drawingArea.bottom - G - F * z / v, s = t.series.map((d, b) => {
|
|
392
|
+
const H = this.mutableConfig.useIndividualScale ? (t.absoluteValues[b] + Math.abs(C)) / k : this.ratioToMax(d);
|
|
394
393
|
return {
|
|
395
394
|
x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
|
|
396
395
|
y: this.checkNaN(this.drawingArea.bottom - G - F * H),
|
|
397
|
-
value:
|
|
398
|
-
comment:
|
|
396
|
+
value: t.absoluteValues[b],
|
|
397
|
+
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
|
|
399
398
|
};
|
|
400
|
-
}), g =
|
|
399
|
+
}), g = t.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))), R = t.series.map((d, b) => [void 0, null].includes(t.absoluteValues[b]) ? {
|
|
401
400
|
x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
|
|
402
|
-
y:
|
|
403
|
-
value:
|
|
404
|
-
comment:
|
|
401
|
+
y: a,
|
|
402
|
+
value: t.absoluteValues[b],
|
|
403
|
+
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
|
|
405
404
|
} : {
|
|
406
405
|
x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
|
|
407
406
|
y: this.checkNaN(this.drawingArea.bottom - G - (F * g[b] || 0)),
|
|
408
|
-
value:
|
|
409
|
-
comment:
|
|
407
|
+
value: t.absoluteValues[b],
|
|
408
|
+
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
|
|
410
409
|
}), W = this.createSmoothPath(s), D = this.createSmoothPath(R), y = L.ticks.map((d) => ({
|
|
411
|
-
y: d >= 0 ?
|
|
410
|
+
y: d >= 0 ? a - F * (d / k) : a + F * Math.abs(d) / k,
|
|
412
411
|
value: d,
|
|
413
|
-
prefix:
|
|
414
|
-
suffix:
|
|
415
|
-
datapoint:
|
|
412
|
+
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
413
|
+
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
414
|
+
datapoint: t
|
|
416
415
|
})), w = m.ticks.map((d) => {
|
|
417
416
|
const b = (d - m.min) / (m.max - m.min);
|
|
418
417
|
return {
|
|
419
418
|
y: d >= 0 ? c - F * b : c + F * b,
|
|
420
419
|
value: d,
|
|
421
|
-
prefix:
|
|
422
|
-
suffix:
|
|
423
|
-
datapoint:
|
|
420
|
+
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
421
|
+
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
422
|
+
datapoint: t
|
|
424
423
|
};
|
|
425
424
|
});
|
|
426
425
|
return {
|
|
427
|
-
...
|
|
426
|
+
...t,
|
|
428
427
|
yOffset: G,
|
|
429
428
|
autoScaleYLabels: w,
|
|
430
429
|
individualHeight: F,
|
|
431
|
-
scaleYLabels:
|
|
432
|
-
individualScale:
|
|
433
|
-
individualMax:
|
|
434
|
-
zeroPosition:
|
|
435
|
-
curve:
|
|
436
|
-
plots:
|
|
437
|
-
area:
|
|
430
|
+
scaleYLabels: t.autoScaling ? w : y,
|
|
431
|
+
individualScale: t.autoScaling ? m : L,
|
|
432
|
+
individualMax: t.autoScaling ? v : k,
|
|
433
|
+
zeroPosition: t.autoScaling ? c : a,
|
|
434
|
+
curve: t.autoScaling ? D : W,
|
|
435
|
+
plots: t.autoScaling ? R : s,
|
|
436
|
+
area: t.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(t.autoScaling ? R : s, t.autoScaling ? c : a) : this.createArea(s) : ""
|
|
438
437
|
};
|
|
439
438
|
});
|
|
440
439
|
},
|
|
441
440
|
plotSet() {
|
|
442
|
-
return this.activeSeriesWithStackRatios.filter((
|
|
443
|
-
this.checkAutoScaleError(
|
|
444
|
-
const n = Math.min(...
|
|
445
|
-
ratios:
|
|
441
|
+
return this.activeSeriesWithStackRatios.filter((t) => t.type === "plot").map((t) => {
|
|
442
|
+
this.checkAutoScaleError(t);
|
|
443
|
+
const n = Math.min(...t.absoluteValues.filter((y) => ![null, void 0].includes(y))), o = Math.max(...t.absoluteValues.filter((y) => ![null, void 0].includes(y))) || 1, i = {
|
|
444
|
+
ratios: t.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - n) / (o - n)),
|
|
446
445
|
valueMin: n,
|
|
447
|
-
valueMax:
|
|
446
|
+
valueMax: o
|
|
448
447
|
}, e = {
|
|
449
|
-
max:
|
|
450
|
-
min:
|
|
451
|
-
}, x =
|
|
452
|
-
const d = this.mutableConfig.useIndividualScale ? (
|
|
448
|
+
max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
|
|
449
|
+
min: t.scaleMin || Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues)
|
|
450
|
+
}, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, L = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, x), m = this.calculateNiceScaleWithExactExtremes(i.valueMin, i.valueMax === i.valueMin ? i.valueMax * _ : i.valueMax, x), C = L.min >= 0 ? 0 : Math.abs(L.min), z = 0, k = L.max + C, v = m.max + Math.abs(z), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - G - F * C / k, c = this.drawingArea.bottom - G - F * z / v, s = t.series.map((y, w) => {
|
|
451
|
+
const d = this.mutableConfig.useIndividualScale ? (t.absoluteValues[w] + Math.abs(C)) / k : this.ratioToMax(y);
|
|
453
452
|
return {
|
|
454
453
|
x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * w),
|
|
455
454
|
y: this.checkNaN(this.drawingArea.bottom - G - F * d),
|
|
456
|
-
value:
|
|
457
|
-
comment:
|
|
455
|
+
value: t.absoluteValues[w],
|
|
456
|
+
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[w] || ""
|
|
458
457
|
};
|
|
459
|
-
}), g =
|
|
458
|
+
}), g = t.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))), R = t.series.map((y, w) => ({
|
|
460
459
|
x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * w),
|
|
461
460
|
y: this.checkNaN(this.drawingArea.bottom - G - (F * g[w] || 0)),
|
|
462
|
-
value:
|
|
463
|
-
comment:
|
|
461
|
+
value: t.absoluteValues[w],
|
|
462
|
+
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[w] || ""
|
|
464
463
|
})), W = L.ticks.map((y) => ({
|
|
465
|
-
y: y >= 0 ?
|
|
464
|
+
y: y >= 0 ? a - F * (y / k) : a + F * Math.abs(y) / k,
|
|
466
465
|
value: y,
|
|
467
|
-
prefix:
|
|
468
|
-
suffix:
|
|
469
|
-
datapoint:
|
|
466
|
+
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
467
|
+
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
468
|
+
datapoint: t
|
|
470
469
|
})), D = m.ticks.map((y) => {
|
|
471
470
|
const w = (y - m.min) / (m.max - m.min);
|
|
472
471
|
return {
|
|
473
472
|
y: y >= 0 ? c - F * w : c + F * w,
|
|
474
473
|
value: y,
|
|
475
|
-
prefix:
|
|
476
|
-
suffix:
|
|
477
|
-
datapoint:
|
|
474
|
+
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
475
|
+
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
476
|
+
datapoint: t
|
|
478
477
|
};
|
|
479
478
|
});
|
|
480
479
|
return {
|
|
481
|
-
...
|
|
480
|
+
...t,
|
|
482
481
|
yOffset: G,
|
|
483
482
|
autoScaleYLabels: D,
|
|
484
483
|
individualHeight: F,
|
|
485
|
-
scaleYLabels:
|
|
486
|
-
individualScale:
|
|
487
|
-
individualMax:
|
|
488
|
-
zeroPosition:
|
|
489
|
-
plots:
|
|
484
|
+
scaleYLabels: t.autoScaling ? D : W,
|
|
485
|
+
individualScale: t.autoScaling ? m : L,
|
|
486
|
+
individualMax: t.autoScaling ? v : k,
|
|
487
|
+
zeroPosition: t.autoScaling ? c : a,
|
|
488
|
+
plots: t.autoScaling ? R : s
|
|
490
489
|
};
|
|
491
490
|
});
|
|
492
491
|
},
|
|
493
492
|
drawingArea() {
|
|
494
|
-
const
|
|
493
|
+
const t = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? this.absoluteDataset.filter((n) => !this.segregatedSeries.includes(n.id)).length * (this.mutableConfig.isStacked ? 0 : this.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth) : 0;
|
|
495
494
|
return {
|
|
496
495
|
top: this.FINAL_CONFIG.chart.padding.top,
|
|
497
496
|
right: this.width - this.FINAL_CONFIG.chart.padding.right,
|
|
498
497
|
bottom: this.height - this.FINAL_CONFIG.chart.padding.bottom,
|
|
499
|
-
left: this.FINAL_CONFIG.chart.padding.left +
|
|
498
|
+
left: this.FINAL_CONFIG.chart.padding.left + t,
|
|
500
499
|
height: this.height - (this.FINAL_CONFIG.chart.padding.top + this.FINAL_CONFIG.chart.padding.bottom),
|
|
501
|
-
width: this.width - (this.FINAL_CONFIG.chart.padding.right + this.FINAL_CONFIG.chart.padding.left +
|
|
500
|
+
width: this.width - (this.FINAL_CONFIG.chart.padding.right + this.FINAL_CONFIG.chart.padding.left + t)
|
|
502
501
|
};
|
|
503
502
|
},
|
|
504
503
|
max() {
|
|
505
|
-
return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax ? this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax : Math.max(...this.safeDataset.filter((
|
|
504
|
+
return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax ? this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax : Math.max(...this.safeDataset.filter((t) => !this.segregatedSeries.includes(t.id)).map((t) => Math.max(...t.series)));
|
|
506
505
|
},
|
|
507
506
|
min() {
|
|
508
507
|
if (this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin !== null)
|
|
509
508
|
return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin;
|
|
510
|
-
const
|
|
511
|
-
return
|
|
509
|
+
const t = Math.min(...this.safeDataset.filter((n) => !this.segregatedSeries.includes(n.id)).map((n) => Math.min(...n.series)));
|
|
510
|
+
return t > 0 ? 0 : t;
|
|
512
511
|
},
|
|
513
512
|
niceScale() {
|
|
514
513
|
return this.calculateNiceScaleWithExactExtremes(this.min, this.max < 0 ? 0 : this.max, this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps);
|
|
@@ -521,43 +520,43 @@ const Ye = J(), Xe = {
|
|
|
521
520
|
},
|
|
522
521
|
slot() {
|
|
523
522
|
return {
|
|
524
|
-
bar: this.drawingArea.width / this.maxSeries / this.safeDataset.filter((
|
|
523
|
+
bar: this.drawingArea.width / this.maxSeries / this.safeDataset.filter((t) => t.type === "bar").filter((t) => !this.segregatedSeries.includes(t.id)).length,
|
|
525
524
|
plot: this.drawingArea.width / this.maxSeries,
|
|
526
525
|
line: this.drawingArea.width / this.maxSeries
|
|
527
526
|
};
|
|
528
527
|
},
|
|
529
528
|
barSlot() {
|
|
530
|
-
const
|
|
531
|
-
return this.drawingArea.width / this.maxSeries /
|
|
529
|
+
const t = this.safeDataset.filter((n) => n.type === "bar").filter((n) => !this.segregatedSeries.includes(n.id)).length;
|
|
530
|
+
return this.drawingArea.width / this.maxSeries / t - this.barPeriodGap * t;
|
|
532
531
|
},
|
|
533
532
|
barPeriodGap() {
|
|
534
533
|
return this.slot.line * this.FINAL_CONFIG.bar.periodGap;
|
|
535
534
|
},
|
|
536
535
|
maxSlot() {
|
|
537
|
-
return Math.max(...Object.values(this.slot).filter((
|
|
536
|
+
return Math.max(...Object.values(this.slot).filter((t) => t !== 1 / 0));
|
|
538
537
|
},
|
|
539
538
|
table() {
|
|
540
539
|
if (this.safeDataset.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
|
|
541
|
-
const
|
|
542
|
-
label:
|
|
543
|
-
color:
|
|
544
|
-
type:
|
|
540
|
+
const t = this.relativeDataset.map((o) => ({
|
|
541
|
+
label: o.name,
|
|
542
|
+
color: o.color,
|
|
543
|
+
type: o.type
|
|
545
544
|
})), n = [];
|
|
546
|
-
return this.timeLabels.forEach((
|
|
547
|
-
const i = [
|
|
545
|
+
return this.timeLabels.forEach((o, f) => {
|
|
546
|
+
const i = [o];
|
|
548
547
|
this.relativeDataset.forEach((e) => {
|
|
549
548
|
i.push(this.canShowValue(e.absoluteValues[f]) ? Number(e.absoluteValues[f].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
|
|
550
549
|
}), n.push(i);
|
|
551
|
-
}), { head:
|
|
550
|
+
}), { head: t, body: n };
|
|
552
551
|
},
|
|
553
552
|
dataTable() {
|
|
554
|
-
const
|
|
553
|
+
const t = this.FINAL_CONFIG.table.showSum;
|
|
555
554
|
let n = [""].concat(this.relativeDataset.map((e) => e.name));
|
|
556
|
-
|
|
557
|
-
let
|
|
555
|
+
t && (n = n.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>'));
|
|
556
|
+
let o = [];
|
|
558
557
|
for (let e = 0; e < this.maxSeries; e += 1) {
|
|
559
558
|
const x = this.relativeDataset.map((_) => _.absoluteValues[e] ?? 0).reduce((_, L) => _ + L, 0);
|
|
560
|
-
|
|
559
|
+
o.push(
|
|
561
560
|
[
|
|
562
561
|
this.timeLabels[e] ?? "-"
|
|
563
562
|
].concat(this.relativeDataset.map(
|
|
@@ -571,7 +570,7 @@ const Ye = J(), Xe = {
|
|
|
571
570
|
r: this.FINAL_CONFIG.table.rounding
|
|
572
571
|
})
|
|
573
572
|
)
|
|
574
|
-
)).concat(
|
|
573
|
+
)).concat(t ? (x ?? 0).toFixed(this.FINAL_CONFIG.table.rounding) : [])
|
|
575
574
|
);
|
|
576
575
|
}
|
|
577
576
|
const f = {
|
|
@@ -587,7 +586,7 @@ const Ye = J(), Xe = {
|
|
|
587
586
|
},
|
|
588
587
|
breakpoint: this.FINAL_CONFIG.table.responsiveBreakpoint
|
|
589
588
|
}, i = [this.FINAL_CONFIG.table.columnNames.period].concat(this.relativeDataset.map((e) => e.name)).concat(this.FINAL_CONFIG.table.columnNames.total);
|
|
590
|
-
return { head: n, body:
|
|
589
|
+
return { head: n, body: o, config: f, colNames: i };
|
|
591
590
|
},
|
|
592
591
|
dataTooltipSlot() {
|
|
593
592
|
return {
|
|
@@ -601,20 +600,20 @@ const Ye = J(), Xe = {
|
|
|
601
600
|
};
|
|
602
601
|
},
|
|
603
602
|
selectedSeries() {
|
|
604
|
-
return this.relativeDataset.map((
|
|
605
|
-
shape:
|
|
606
|
-
name:
|
|
607
|
-
color:
|
|
608
|
-
type:
|
|
609
|
-
value:
|
|
610
|
-
comments:
|
|
611
|
-
prefix:
|
|
612
|
-
suffix:
|
|
603
|
+
return this.relativeDataset.map((t) => ({
|
|
604
|
+
shape: t.shape || null,
|
|
605
|
+
name: t.name,
|
|
606
|
+
color: t.color,
|
|
607
|
+
type: t.type,
|
|
608
|
+
value: t.absoluteValues.find((n, o) => o === this.selectedSerieIndex),
|
|
609
|
+
comments: t.comments || [],
|
|
610
|
+
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
611
|
+
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix
|
|
613
612
|
}));
|
|
614
613
|
},
|
|
615
614
|
tooltipContent() {
|
|
616
|
-
let
|
|
617
|
-
const
|
|
615
|
+
let t = "", n = this.selectedSeries.map((i) => i.value).filter((i) => this.isSafeValue(i) && i !== null).reduce((i, e) => Math.abs(i) + Math.abs(e), 0);
|
|
616
|
+
const o = this.timeLabels[this.selectedSerieIndex], f = this.FINAL_CONFIG.chart.tooltip.customFormat;
|
|
618
617
|
return this.isFunction(f) && this.functionReturnsString(() => f({
|
|
619
618
|
seriesIndex: this.selectedSerieIndex,
|
|
620
619
|
datapoint: this.selectedSeries,
|
|
@@ -631,7 +630,7 @@ const Ye = J(), Xe = {
|
|
|
631
630
|
lines: this.lineSet,
|
|
632
631
|
plots: this.plotSet,
|
|
633
632
|
config: this.FINAL_CONFIG
|
|
634
|
-
}) : (
|
|
633
|
+
}) : (o && (t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${o}</div>`), this.selectedSeries.forEach((i) => {
|
|
635
634
|
if (this.isSafeValue(i.value)) {
|
|
636
635
|
let e = "", x = "";
|
|
637
636
|
switch (this.icons[i.type]) {
|
|
@@ -639,7 +638,7 @@ const Ye = J(), Xe = {
|
|
|
639
638
|
e = `<svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" rx="1" stroke="none" height="12" width="12" fill="${i.color}" /></svg>`;
|
|
640
639
|
break;
|
|
641
640
|
case "line":
|
|
642
|
-
!i.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(i.shape) ? x = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" />` : i.shape === "triangle" ? x = `<path d="${
|
|
641
|
+
!i.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(i.shape) ? x = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" />` : i.shape === "triangle" ? x = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "square" ? x = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "diamond" ? x = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "pentagon" ? x = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "hexagon" ? x = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "star" && (x = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" points="${X({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="3" x="0" y="6" stroke="none" height="4" width="20" fill="${i.color}" />${x}</svg>`;
|
|
643
642
|
break;
|
|
644
643
|
case "plot":
|
|
645
644
|
if (!i.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(i.shape)) {
|
|
@@ -651,27 +650,27 @@ const Ye = J(), Xe = {
|
|
|
651
650
|
break;
|
|
652
651
|
}
|
|
653
652
|
if (i.shape === "triangle") {
|
|
654
|
-
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${
|
|
653
|
+
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
|
|
655
654
|
break;
|
|
656
655
|
}
|
|
657
656
|
if (i.shape === "square") {
|
|
658
|
-
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${
|
|
657
|
+
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
|
|
659
658
|
break;
|
|
660
659
|
}
|
|
661
660
|
if (i.shape === "diamond") {
|
|
662
|
-
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${
|
|
661
|
+
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
|
|
663
662
|
break;
|
|
664
663
|
}
|
|
665
664
|
if (i.shape === "pentagon") {
|
|
666
|
-
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${
|
|
665
|
+
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
|
|
667
666
|
break;
|
|
668
667
|
}
|
|
669
668
|
if (i.shape === "hexagon") {
|
|
670
|
-
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${
|
|
669
|
+
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
|
|
671
670
|
break;
|
|
672
671
|
}
|
|
673
672
|
}
|
|
674
|
-
|
|
673
|
+
t += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${e}</div> ${i.name}: <b>${this.FINAL_CONFIG.chart.tooltip.showValue ? this.applyDataLabel(
|
|
675
674
|
i.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : i.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
|
|
676
675
|
i.value,
|
|
677
676
|
this.dataLabel({
|
|
@@ -685,9 +684,9 @@ const Ye = J(), Xe = {
|
|
|
685
684
|
v: this.checkNaN(Math.abs(i.value) / n * 100),
|
|
686
685
|
s: "%",
|
|
687
686
|
r: this.FINAL_CONFIG.chart.tooltip.roundingPercentage
|
|
688
|
-
})})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && i.comments.length && i.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (
|
|
687
|
+
})})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && i.comments.length && i.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (t += `<div class="vue-data-ui-tooltip-comment" style="background:${i.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${i.color}">${i.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex]}</div>`);
|
|
689
688
|
}
|
|
690
|
-
}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${this.FINAL_CONFIG.chart.tooltip.color}">${
|
|
689
|
+
}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${this.FINAL_CONFIG.chart.tooltip.color}">${t}</div>`);
|
|
691
690
|
},
|
|
692
691
|
svg() {
|
|
693
692
|
return {
|
|
@@ -696,9 +695,9 @@ const Ye = J(), Xe = {
|
|
|
696
695
|
};
|
|
697
696
|
},
|
|
698
697
|
yLabels() {
|
|
699
|
-
return this.niceScale.ticks.map((
|
|
700
|
-
y:
|
|
701
|
-
value:
|
|
698
|
+
return this.niceScale.ticks.map((t) => ({
|
|
699
|
+
y: t >= 0 ? this.zero - this.drawingArea.height * this.ratioToMax(t) : this.zero + this.drawingArea.height * this.ratioToMax(Math.abs(t)),
|
|
700
|
+
value: t,
|
|
702
701
|
prefix: this.FINAL_CONFIG.chart.labels.prefix,
|
|
703
702
|
suffix: this.FINAL_CONFIG.chart.labels.suffix
|
|
704
703
|
}));
|
|
@@ -708,58 +707,56 @@ const Ye = J(), Xe = {
|
|
|
708
707
|
}
|
|
709
708
|
},
|
|
710
709
|
mounted() {
|
|
711
|
-
this.prepareChart(), document.addEventListener("mousemove", (
|
|
710
|
+
this.prepareChart(), document.addEventListener("mousemove", (t) => {
|
|
712
711
|
this.clientPosition = {
|
|
713
|
-
x:
|
|
714
|
-
y:
|
|
712
|
+
x: t.clientX,
|
|
713
|
+
y: t.clientY
|
|
715
714
|
};
|
|
716
715
|
});
|
|
717
716
|
},
|
|
718
717
|
methods: {
|
|
719
|
-
abbreviate:
|
|
720
|
-
adaptColorToBackground:
|
|
721
|
-
applyDataLabel:
|
|
722
|
-
assignStackRatios:
|
|
723
|
-
calcLinearProgression:
|
|
724
|
-
calculateNiceScaleWithExactExtremes:
|
|
725
|
-
checkNaN:
|
|
726
|
-
closestDecimal:
|
|
727
|
-
convertColorToHex:
|
|
728
|
-
convertConfigColors:
|
|
729
|
-
convertCustomPalette:
|
|
730
|
-
createCsvContent:
|
|
731
|
-
createSmoothPath:
|
|
732
|
-
createTSpans:
|
|
718
|
+
abbreviate: ee,
|
|
719
|
+
adaptColorToBackground: te,
|
|
720
|
+
applyDataLabel: ae,
|
|
721
|
+
assignStackRatios: ie,
|
|
722
|
+
calcLinearProgression: re,
|
|
723
|
+
calculateNiceScaleWithExactExtremes: le,
|
|
724
|
+
checkNaN: se,
|
|
725
|
+
closestDecimal: ne,
|
|
726
|
+
convertColorToHex: ce,
|
|
727
|
+
convertConfigColors: oe,
|
|
728
|
+
convertCustomPalette: he,
|
|
729
|
+
createCsvContent: de,
|
|
730
|
+
createSmoothPath: ue,
|
|
731
|
+
createTSpans: ge,
|
|
733
732
|
dataLabel: Z,
|
|
734
|
-
downloadCsv:
|
|
735
|
-
error:
|
|
736
|
-
functionReturnsString:
|
|
737
|
-
hasDeepProperty:
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
treeShake: ke,
|
|
747
|
-
useMouse: pe,
|
|
733
|
+
downloadCsv: fe,
|
|
734
|
+
error: Ne,
|
|
735
|
+
functionReturnsString: me,
|
|
736
|
+
hasDeepProperty: Ie,
|
|
737
|
+
isFunction: xe,
|
|
738
|
+
isSafeValue: be,
|
|
739
|
+
objectIsEmpty: Fe,
|
|
740
|
+
setOpacity: _e,
|
|
741
|
+
shiftHue: ye,
|
|
742
|
+
translateSize: Ae,
|
|
743
|
+
treeShake: Le,
|
|
744
|
+
useMouse: Oe,
|
|
748
745
|
useNestedProp: U,
|
|
749
|
-
getHighlightAreaPosition(
|
|
750
|
-
const n = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (
|
|
746
|
+
getHighlightAreaPosition(t) {
|
|
747
|
+
const n = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (t.from - this.slicer.start), o = this.drawingArea.width / (this.slicer.end - this.slicer.start) * t.span < 0 ? 1e-5 : this.drawingArea.width / (this.slicer.end - this.slicer.start) * t.span;
|
|
751
748
|
return {
|
|
752
749
|
x: n < this.drawingArea.left ? this.drawingArea.left : n,
|
|
753
|
-
width:
|
|
750
|
+
width: o
|
|
754
751
|
};
|
|
755
752
|
},
|
|
756
753
|
prepareConfig() {
|
|
757
|
-
const
|
|
754
|
+
const t = Ce().vue_ui_xy;
|
|
758
755
|
if (!Object.keys(this.config || {}).length)
|
|
759
|
-
return
|
|
756
|
+
return t;
|
|
760
757
|
const n = this.useNestedProp({
|
|
761
758
|
userConfig: this.config,
|
|
762
|
-
defaultConfig:
|
|
759
|
+
defaultConfig: t
|
|
763
760
|
});
|
|
764
761
|
return this.config && this.hasDeepProperty(this.config, "chart.highlightArea") && (Array.isArray(this.config.chart.highlightArea) ? n.chart.highlightArea = this.config.chart.highlightArea : n.chart.highlightArea = [this.config.chart.highlightArea]), this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMin") ? n.chart.grid.labels.yAxis.scaleMin = this.config.chart.grid.labels.yAxis.scaleMin : n.chart.grid.labels.yAxis.scaleMin = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMax") ? n.chart.grid.labels.yAxis.scaleMax = this.config.chart.grid.labels.yAxis.scaleMax : n.chart.grid.labels.yAxis.scaleMax = null, n.theme ? {
|
|
765
762
|
...U({
|
|
@@ -773,17 +770,17 @@ const Ye = J(), Xe = {
|
|
|
773
770
|
if (this.objectIsEmpty(this.dataset) ? this.error({
|
|
774
771
|
componentName: "VueUiXy",
|
|
775
772
|
type: "dataset"
|
|
776
|
-
}) : this.dataset.forEach((
|
|
777
|
-
[null, void 0].includes(
|
|
773
|
+
}) : this.dataset.forEach((t, n) => {
|
|
774
|
+
[null, void 0].includes(t.name) && this.error({
|
|
778
775
|
componentName: "VueUiXy",
|
|
779
776
|
type: "datasetSerieAttribute",
|
|
780
777
|
property: "name (string)",
|
|
781
778
|
index: n
|
|
782
779
|
});
|
|
783
|
-
}), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((
|
|
784
|
-
|
|
780
|
+
}), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((t) => {
|
|
781
|
+
t.series.forEach((n, o) => {
|
|
785
782
|
this.isSafeValue(n) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
|
|
786
|
-
-----> The serie '${
|
|
783
|
+
-----> The serie '${t.name}' contains the value '${n}' at index ${o}.
|
|
787
784
|
'${n}' was converted to null to allow the chart to display.`);
|
|
788
785
|
});
|
|
789
786
|
}), this.mutableConfig = {
|
|
@@ -795,21 +792,21 @@ const Ye = J(), Xe = {
|
|
|
795
792
|
isStacked: this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked,
|
|
796
793
|
useIndividualScale: this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale
|
|
797
794
|
}, this.FINAL_CONFIG.responsive) {
|
|
798
|
-
const n = this.$refs.chart.parentNode, { height:
|
|
795
|
+
const n = this.$refs.chart.parentNode, { height: o, width: f } = n.getBoundingClientRect();
|
|
799
796
|
let i = null, e = 0;
|
|
800
797
|
this.FINAL_CONFIG.chart.title.show && (i = this.$refs.chartTitle, e = i.getBoundingClientRect().height);
|
|
801
798
|
let x = null, _ = 0;
|
|
802
799
|
this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (x = this.$refs.chartSlicer.$el, _ = x.getBoundingClientRect().height);
|
|
803
800
|
let L = null, m = 0;
|
|
804
|
-
this.FINAL_CONFIG.chart.legend.show && (L = this.$refs.chartLegend, m = L.getBoundingClientRect().height), this.height =
|
|
801
|
+
this.FINAL_CONFIG.chart.legend.show && (L = this.$refs.chartLegend, m = L.getBoundingClientRect().height), this.height = o - e - m - _, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((z) => {
|
|
805
802
|
for (const k of z)
|
|
806
803
|
this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (_ = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (m = this.$refs.chartLegend.getBoundingClientRect().height), this.height = k.contentBoxSize[0].blockSize - e - m - _ - 24, this.width = k.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
|
|
807
804
|
}).observe(n);
|
|
808
805
|
} else
|
|
809
806
|
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;
|
|
810
807
|
},
|
|
811
|
-
selectMinimapIndex(
|
|
812
|
-
this.selectedMinimapIndex =
|
|
808
|
+
selectMinimapIndex(t) {
|
|
809
|
+
this.selectedMinimapIndex = t;
|
|
813
810
|
},
|
|
814
811
|
convertSizes() {
|
|
815
812
|
this.fontSizes.dataLabels = this.translateSize({
|
|
@@ -862,98 +859,98 @@ const Ye = J(), Xe = {
|
|
|
862
859
|
toggleTooltip() {
|
|
863
860
|
this.mutableConfig.showTooltip = !this.mutableConfig.showTooltip;
|
|
864
861
|
},
|
|
865
|
-
checkAutoScaleError(
|
|
866
|
-
|
|
862
|
+
checkAutoScaleError(t) {
|
|
863
|
+
t.autoScaling && (this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${t.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: ${t.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
|
|
867
864
|
},
|
|
868
|
-
createArea(
|
|
869
|
-
if (!
|
|
870
|
-
const n = { x:
|
|
871
|
-
return
|
|
865
|
+
createArea(t) {
|
|
866
|
+
if (!t[0]) return [-10, -10, "", -10, -10];
|
|
867
|
+
const n = { x: t[0].x, y: this.zero }, o = { x: t.at(-1).x, y: this.zero }, f = [];
|
|
868
|
+
return t.forEach((i) => {
|
|
872
869
|
f.push(`${i.x},${i.y} `);
|
|
873
|
-
}), [n.x, n.y, ...f,
|
|
870
|
+
}), [n.x, n.y, ...f, o.x, o.y].toString();
|
|
874
871
|
},
|
|
875
|
-
createIndividualArea(
|
|
876
|
-
if (!
|
|
877
|
-
const
|
|
878
|
-
return
|
|
872
|
+
createIndividualArea(t, n) {
|
|
873
|
+
if (!t[0]) return [-10, -10, "", -10, -10];
|
|
874
|
+
const o = { x: t[0] ? t[0].x : Math.min(...t.filter((e) => !!e).map((e) => e.x)), y: n }, f = { x: t.at(-1) ? t.at(-1).x : Math.min(...t.filter((e) => !!e).map((e) => e.x)), y: n }, i = [];
|
|
875
|
+
return t.filter((e) => !!e).forEach((e) => {
|
|
879
876
|
i.push(`${e.x},${e.y} `);
|
|
880
|
-
}), [
|
|
877
|
+
}), [o.x, o.y, ...i, f.x, f.y].toString();
|
|
881
878
|
},
|
|
882
879
|
createStar: X,
|
|
883
|
-
createPolygonPath:
|
|
884
|
-
fillArray(
|
|
885
|
-
let
|
|
886
|
-
for (let f = 0; f < n.length && f <
|
|
887
|
-
|
|
888
|
-
return
|
|
880
|
+
createPolygonPath: P,
|
|
881
|
+
fillArray(t, n) {
|
|
882
|
+
let o = Array(t).fill(0);
|
|
883
|
+
for (let f = 0; f < n.length && f < t; f += 1)
|
|
884
|
+
o[f] = n[f];
|
|
885
|
+
return o;
|
|
889
886
|
},
|
|
890
887
|
refreshSlicer() {
|
|
891
888
|
this.slicer = {
|
|
892
889
|
start: 0,
|
|
893
|
-
end: Math.max(...this.dataset.map((
|
|
890
|
+
end: Math.max(...this.dataset.map((t) => t.series.length))
|
|
894
891
|
}, this.slicerStep += 1;
|
|
895
892
|
},
|
|
896
|
-
calcRectHeight(
|
|
897
|
-
return
|
|
893
|
+
calcRectHeight(t) {
|
|
894
|
+
return t.value >= 0 ? this.checkNaN(this.zero - t.y <= 0 ? 1e-5 : this.zero - t.y) : this.checkNaN(t.y - this.zero <= 0 ? 1e-5 : t.y - this.zero);
|
|
898
895
|
},
|
|
899
|
-
calcIndividualHeight(
|
|
900
|
-
return
|
|
896
|
+
calcIndividualHeight(t) {
|
|
897
|
+
return t.value >= 0 ? this.checkNaN(t.zeroPosition - t.y <= 0 ? 1e-5 : t.zeroPosition - t.y) : this.checkNaN(t.y - t.zeroPosition <= 0 ? 1e-5 : t.zeroPosition - t.y);
|
|
901
898
|
},
|
|
902
899
|
calcRectWidth() {
|
|
903
900
|
return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.slot.line - this.drawingArea.width / this.maxSeries * 0.1 : this.slot.bar;
|
|
904
901
|
},
|
|
905
|
-
calcRectX(
|
|
906
|
-
return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ?
|
|
902
|
+
calcRectX(t) {
|
|
903
|
+
return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? t.x + this.drawingArea.width / this.maxSeries * 0.05 : t.x + this.slot.bar / 2;
|
|
907
904
|
},
|
|
908
|
-
calcRectY(
|
|
909
|
-
return
|
|
905
|
+
calcRectY(t) {
|
|
906
|
+
return t.value >= 0 ? t.y : this.zero;
|
|
910
907
|
},
|
|
911
|
-
calcIndividualRectY(
|
|
912
|
-
return
|
|
908
|
+
calcIndividualRectY(t) {
|
|
909
|
+
return t.value >= 0 ? t.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(t.zeroPosition) ? 0 : t.zeroPosition;
|
|
913
910
|
},
|
|
914
|
-
canShowValue(
|
|
915
|
-
return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(
|
|
911
|
+
canShowValue(t) {
|
|
912
|
+
return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(t);
|
|
916
913
|
},
|
|
917
|
-
findClosestValue(
|
|
918
|
-
let
|
|
914
|
+
findClosestValue(t, n) {
|
|
915
|
+
let o = n[0], f = Math.abs(t - n[0]);
|
|
919
916
|
for (let i = 1; i < n.length; i += 1) {
|
|
920
|
-
const e = Math.abs(
|
|
921
|
-
e < f && n[i] <
|
|
917
|
+
const e = Math.abs(t - n[i]);
|
|
918
|
+
e < f && n[i] < t && (o = n[i], f = e);
|
|
922
919
|
}
|
|
923
|
-
return
|
|
920
|
+
return o;
|
|
924
921
|
},
|
|
925
|
-
ratioToMax(
|
|
926
|
-
return
|
|
922
|
+
ratioToMax(t) {
|
|
923
|
+
return t / (this.canShowValue(this.absoluteMax) ? this.absoluteMax : 1);
|
|
927
924
|
},
|
|
928
|
-
selectX(
|
|
925
|
+
selectX(t) {
|
|
929
926
|
this.$emit(
|
|
930
927
|
"selectX",
|
|
931
928
|
{
|
|
932
929
|
dataset: this.relativeDataset.map((n) => ({
|
|
933
930
|
name: n.name,
|
|
934
|
-
value: [null, void 0, NaN].includes(n.absoluteValues[
|
|
931
|
+
value: [null, void 0, NaN].includes(n.absoluteValues[t]) ? null : n.absoluteValues[t],
|
|
935
932
|
color: n.color,
|
|
936
933
|
type: n.type
|
|
937
934
|
})),
|
|
938
|
-
index:
|
|
939
|
-
indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[
|
|
935
|
+
index: t,
|
|
936
|
+
indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[t]
|
|
940
937
|
}
|
|
941
938
|
);
|
|
942
939
|
},
|
|
943
940
|
getData() {
|
|
944
|
-
return this.absoluteDataset.map((
|
|
945
|
-
values:
|
|
946
|
-
color:
|
|
947
|
-
name:
|
|
948
|
-
type:
|
|
941
|
+
return this.absoluteDataset.map((t) => ({
|
|
942
|
+
values: t.absoluteValues,
|
|
943
|
+
color: t.color,
|
|
944
|
+
name: t.name,
|
|
945
|
+
type: t.type
|
|
949
946
|
}));
|
|
950
947
|
},
|
|
951
|
-
segregate(
|
|
952
|
-
if (this.segregatedSeries.includes(
|
|
953
|
-
this.segregatedSeries = this.segregatedSeries.filter((n) => n !==
|
|
948
|
+
segregate(t) {
|
|
949
|
+
if (this.segregatedSeries.includes(t.id))
|
|
950
|
+
this.segregatedSeries = this.segregatedSeries.filter((n) => n !== t.id);
|
|
954
951
|
else {
|
|
955
952
|
if (this.segregatedSeries.length + 1 === this.safeDataset.length) return;
|
|
956
|
-
this.segregatedSeries.push(
|
|
953
|
+
this.segregatedSeries.push(t.id);
|
|
957
954
|
}
|
|
958
955
|
this.$emit("selectLegend", this.relativeDataset.map((n) => ({
|
|
959
956
|
name: n.name,
|
|
@@ -962,79 +959,89 @@ const Ye = J(), Xe = {
|
|
|
962
959
|
type: n.type
|
|
963
960
|
}))), this.segregateStep += 1;
|
|
964
961
|
},
|
|
965
|
-
toggleTooltipVisibility(
|
|
966
|
-
this.isTooltip =
|
|
962
|
+
toggleTooltipVisibility(t, n = null) {
|
|
963
|
+
this.isTooltip = t, t ? this.selectedSerieIndex = n : this.selectedSerieIndex = null;
|
|
967
964
|
},
|
|
968
|
-
toggleFullscreen(
|
|
969
|
-
this.isFullscreen =
|
|
965
|
+
toggleFullscreen(t) {
|
|
966
|
+
this.isFullscreen = t, this.step += 1;
|
|
970
967
|
},
|
|
971
968
|
showSpinnerPdf() {
|
|
972
969
|
this.isPrinting = !0;
|
|
973
970
|
},
|
|
974
|
-
generatePdf() {
|
|
975
|
-
this.showSpinnerPdf(), clearTimeout(this.__to__), this.__to__ = setTimeout(() => {
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
971
|
+
async generatePdf() {
|
|
972
|
+
this.showSpinnerPdf(), clearTimeout(this.__to__), this.isPrinting = !0, this.__to__ = setTimeout(async () => {
|
|
973
|
+
try {
|
|
974
|
+
const { default: t } = await import("./pdf-B7oVat64.js");
|
|
975
|
+
await t({
|
|
976
|
+
domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
|
|
977
|
+
fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy"
|
|
978
|
+
});
|
|
979
|
+
} catch (t) {
|
|
980
|
+
console.error("Error generating PDF:", t);
|
|
981
|
+
} finally {
|
|
980
982
|
this.isPrinting = !1;
|
|
981
|
-
}
|
|
983
|
+
}
|
|
982
984
|
}, 100);
|
|
983
985
|
},
|
|
984
986
|
generateCsv() {
|
|
985
|
-
const
|
|
987
|
+
const t = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], n = ["", ...this.table.head.map((e) => e.label)], o = this.table.body, f = t.concat([n]).concat(o), i = this.createCsvContent(f);
|
|
986
988
|
this.downloadCsv({ csvContent: i, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
|
|
987
989
|
},
|
|
988
990
|
showSpinnerImage() {
|
|
989
991
|
this.isImaging = !0;
|
|
990
992
|
},
|
|
991
|
-
generateImage() {
|
|
992
|
-
this.showSpinnerImage(), clearTimeout(this.__to__), this.__to__ = setTimeout(() => {
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
993
|
+
async generateImage() {
|
|
994
|
+
this.showSpinnerImage(), clearTimeout(this.__to__), this.isImaging = !0, this.__to__ = setTimeout(async () => {
|
|
995
|
+
try {
|
|
996
|
+
const { default: t } = await import("./img-DGzWcJ4Y.js");
|
|
997
|
+
await t({
|
|
998
|
+
domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
|
|
999
|
+
fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
|
|
1000
|
+
format: "png"
|
|
1001
|
+
});
|
|
1002
|
+
} catch (t) {
|
|
1003
|
+
console.error("Error generating image:", t);
|
|
1004
|
+
} finally {
|
|
998
1005
|
this.isImaging = !1;
|
|
999
|
-
}
|
|
1006
|
+
}
|
|
1000
1007
|
}, 100);
|
|
1001
1008
|
}
|
|
1002
1009
|
}
|
|
1003
|
-
},
|
|
1010
|
+
}, 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"], Qe = { key: 1 }, Ke = ["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"], rt = ["stop-color"], lt = ["stop-color"], st = ["id"], nt = ["stop-color"], ct = ["stop-color"], ot = ["stop-color"], ht = ["id"], dt = ["stop-color"], ut = ["stop-color"], gt = ["id"], ft = ["stop-color"], Nt = ["stop-color"], mt = ["id"], It = ["stop-color"], xt = ["stop-color"], bt = ["x", "y", "height", "width", "fill"], Ft = ["x", "y", "width"], _t = ["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"], Gt = { key: 2 }, vt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], pt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], zt = { key: 4 }, Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pt = ["fill", "font-size", "transform"], Tt = ["x1", "x2", "y1", "y2", "stroke"], Vt = ["x", "y", "font-size", "fill"], Rt = ["x1", "x2", "y1", "y2", "stroke"], Dt = ["x", "y", "font-size", "fill"], Wt = ["width", "x", "y"], Ht = { style: { width: "100%" } }, Et = { key: 0 }, Bt = ["id"], Yt = ["fill"], Xt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], qt = ["x", "y", "font-size", "fill"], Zt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ut = { key: 1 }, Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Qt = { key: 0 }, Kt = ["d", "fill"], jt = ["d", "fill"], $t = ["d", "stroke", "stroke-width", "stroke-dasharray"], ea = { key: 2 }, ta = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], aa = ["width", "x", "y"], ia = { style: { width: "100%" } }, ra = { key: 3 }, la = ["id"], sa = ["fill"], na = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ca = ["x", "y", "font-size", "fill"], oa = { key: 5 }, ha = ["x", "y", "font-size", "fill"], da = ["x", "y", "font-size", "fill", "font-weight"], ua = { key: 6 }, ga = ["x", "y", "font-size", "fill"], fa = ["x", "y"], Na = ["x", "y"], ma = { key: 7 }, Ia = ["x", "y", "font-size", "fill"], xa = ["x", "y"], ba = ["x", "y"], Fa = ["x", "y", "font-size", "fill", "innerHTML"], _a = ["x", "y", "font-size", "fill", "innerHTML"], ya = ["x", "y", "font-size", "fill", "innerHTML"], Aa = ["x", "y", "font-size", "fill", "innerHTML"], La = ["x", "y", "width", "height", "fill", "onMouseenter"], Ca = ["font-size", "fill", "transform"], Sa = ["x", "y", "font-size", "fill"], ka = { key: 9 }, wa = ["text-anchor", "font-size", "fill", "transform"], Oa = ["x", "y", "height", "width", "onMouseenter", "onClick"], Ga = { key: 10 }, va = ["x", "y"], pa = ["cx", "cy", "r", "fill"], za = {
|
|
1004
1011
|
key: 3,
|
|
1005
1012
|
class: "vue-data-ui-watermark"
|
|
1006
|
-
},
|
|
1013
|
+
}, Ma = ["onClick"], Pa = {
|
|
1007
1014
|
key: 0,
|
|
1008
1015
|
viewBox: "0 0 20 12",
|
|
1009
1016
|
height: "14",
|
|
1010
1017
|
width: "20"
|
|
1011
|
-
},
|
|
1018
|
+
}, Ta = ["fill"], Va = {
|
|
1012
1019
|
key: 1,
|
|
1013
1020
|
viewBox: "0 0 12 12",
|
|
1014
1021
|
height: "14",
|
|
1015
1022
|
width: "14"
|
|
1016
|
-
},
|
|
1023
|
+
}, Ra = ["fill"], Da = {
|
|
1017
1024
|
key: 7,
|
|
1018
1025
|
ref: "chartLegend"
|
|
1019
|
-
},
|
|
1026
|
+
}, Wa = {
|
|
1020
1027
|
style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
|
|
1021
1028
|
"data-html2canvas-ignore": ""
|
|
1022
|
-
},
|
|
1023
|
-
function
|
|
1024
|
-
const x =
|
|
1025
|
-
return
|
|
1029
|
+
}, Ha = ["innerHTML"];
|
|
1030
|
+
function Ea(t, n, o, f, i, e) {
|
|
1031
|
+
const x = T("Title"), _ = T("UserOptions"), L = T("Shape"), m = T("Skeleton"), C = T("Slicer"), z = T("Tooltip"), k = T("BaseIcon"), v = T("TableSparkline"), G = T("DataTable"), F = T("Accordion");
|
|
1032
|
+
return r(), l("div", {
|
|
1026
1033
|
id: `vue-ui-xy_${i.uniqueId}`,
|
|
1027
1034
|
class: M(`vue-ui-xy ${i.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
|
|
1028
1035
|
ref: "chart",
|
|
1029
1036
|
style: A(`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%" : ""}`)
|
|
1030
1037
|
}, [
|
|
1031
|
-
e.FINAL_CONFIG.chart.title.show ? (
|
|
1038
|
+
e.FINAL_CONFIG.chart.title.show ? (r(), l("div", {
|
|
1032
1039
|
key: 0,
|
|
1033
1040
|
ref: "chartTitle",
|
|
1034
1041
|
class: "vue-ui-xy-title",
|
|
1035
1042
|
style: A(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
|
|
1036
1043
|
}, [
|
|
1037
|
-
(
|
|
1044
|
+
(r(), V(x, {
|
|
1038
1045
|
key: `title_${i.titleStep}`,
|
|
1039
1046
|
config: {
|
|
1040
1047
|
title: {
|
|
@@ -1047,8 +1054,8 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1047
1054
|
}
|
|
1048
1055
|
}
|
|
1049
1056
|
}, null, 8, ["config"]))
|
|
1050
|
-
], 4)) :
|
|
1051
|
-
e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (
|
|
1057
|
+
], 4)) : h("", !0),
|
|
1058
|
+
e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (r(), V(_, {
|
|
1052
1059
|
ref: "defails",
|
|
1053
1060
|
key: `user_options_${i.step}`,
|
|
1054
1061
|
backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
|
|
@@ -1062,11 +1069,11 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1062
1069
|
hasImg: e.FINAL_CONFIG.chart.userOptions.buttons.img,
|
|
1063
1070
|
hasLabel: e.FINAL_CONFIG.chart.userOptions.buttons.labels,
|
|
1064
1071
|
hasTable: e.FINAL_CONFIG.chart.userOptions.buttons.table,
|
|
1065
|
-
hasStack:
|
|
1072
|
+
hasStack: o.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
|
|
1066
1073
|
hasFullscreen: e.FINAL_CONFIG.chart.userOptions.buttons.fullscreen,
|
|
1067
1074
|
isStacked: i.mutableConfig.isStacked,
|
|
1068
1075
|
isFullscreen: i.isFullscreen,
|
|
1069
|
-
chartElement:
|
|
1076
|
+
chartElement: t.$refs.chart,
|
|
1070
1077
|
position: e.FINAL_CONFIG.chart.userOptions.position,
|
|
1071
1078
|
isTooltip: i.mutableConfig.showTooltip,
|
|
1072
1079
|
titles: { ...e.FINAL_CONFIG.chart.userOptions.buttonTitles },
|
|
@@ -1078,65 +1085,65 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1078
1085
|
onToggleLabels: e.toggleLabels,
|
|
1079
1086
|
onToggleStack: e.toggleStack,
|
|
1080
1087
|
onToggleTooltip: e.toggleTooltip
|
|
1081
|
-
},
|
|
1082
|
-
|
|
1088
|
+
}, Ve({ _: 2 }, [
|
|
1089
|
+
t.$slots.optionTooltip ? {
|
|
1083
1090
|
name: "optionTooltip",
|
|
1084
1091
|
fn: p(() => [
|
|
1085
|
-
O(
|
|
1092
|
+
O(t.$slots, "optionTooltip", {}, void 0, !0)
|
|
1086
1093
|
]),
|
|
1087
1094
|
key: "0"
|
|
1088
1095
|
} : void 0,
|
|
1089
|
-
|
|
1096
|
+
t.$slots.optionPdf ? {
|
|
1090
1097
|
name: "optionPdf",
|
|
1091
1098
|
fn: p(() => [
|
|
1092
|
-
O(
|
|
1099
|
+
O(t.$slots, "optionPdf", {}, void 0, !0)
|
|
1093
1100
|
]),
|
|
1094
1101
|
key: "1"
|
|
1095
1102
|
} : void 0,
|
|
1096
|
-
|
|
1103
|
+
t.$slots.optionCsv ? {
|
|
1097
1104
|
name: "optionCsv",
|
|
1098
1105
|
fn: p(() => [
|
|
1099
|
-
O(
|
|
1106
|
+
O(t.$slots, "optionCsv", {}, void 0, !0)
|
|
1100
1107
|
]),
|
|
1101
1108
|
key: "2"
|
|
1102
1109
|
} : void 0,
|
|
1103
|
-
|
|
1110
|
+
t.$slots.optionImg ? {
|
|
1104
1111
|
name: "optionImg",
|
|
1105
1112
|
fn: p(() => [
|
|
1106
|
-
O(
|
|
1113
|
+
O(t.$slots, "optionImg", {}, void 0, !0)
|
|
1107
1114
|
]),
|
|
1108
1115
|
key: "3"
|
|
1109
1116
|
} : void 0,
|
|
1110
|
-
|
|
1117
|
+
t.$slots.optionTable ? {
|
|
1111
1118
|
name: "optionTable",
|
|
1112
1119
|
fn: p(() => [
|
|
1113
|
-
O(
|
|
1120
|
+
O(t.$slots, "optionTable", {}, void 0, !0)
|
|
1114
1121
|
]),
|
|
1115
1122
|
key: "4"
|
|
1116
1123
|
} : void 0,
|
|
1117
|
-
|
|
1124
|
+
t.$slots.optionLabels ? {
|
|
1118
1125
|
name: "optionLabels",
|
|
1119
1126
|
fn: p(() => [
|
|
1120
|
-
O(
|
|
1127
|
+
O(t.$slots, "optionLabels", {}, void 0, !0)
|
|
1121
1128
|
]),
|
|
1122
1129
|
key: "5"
|
|
1123
1130
|
} : void 0,
|
|
1124
|
-
|
|
1131
|
+
t.$slots.optionStack ? {
|
|
1125
1132
|
name: "optionStack",
|
|
1126
1133
|
fn: p(() => [
|
|
1127
|
-
O(
|
|
1134
|
+
O(t.$slots, "optionStack", {}, void 0, !0)
|
|
1128
1135
|
]),
|
|
1129
1136
|
key: "6"
|
|
1130
1137
|
} : void 0,
|
|
1131
|
-
|
|
1138
|
+
t.$slots.optionFullscreen ? {
|
|
1132
1139
|
name: "optionFullscreen",
|
|
1133
|
-
fn: p(({ toggleFullscreen:
|
|
1134
|
-
O(
|
|
1140
|
+
fn: p(({ toggleFullscreen: a, isFullscreen: c }) => [
|
|
1141
|
+
O(t.$slots, "optionFullscreen", B(Y({ toggleFullscreen: a, isFullscreen: c })), void 0, !0)
|
|
1135
1142
|
]),
|
|
1136
1143
|
key: "7"
|
|
1137
1144
|
} : void 0
|
|
1138
|
-
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip"])) :
|
|
1139
|
-
e.isDataset ? (
|
|
1145
|
+
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip"])) : h("", !0),
|
|
1146
|
+
e.isDataset ? (r(), l("svg", {
|
|
1140
1147
|
key: 2,
|
|
1141
1148
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1142
1149
|
class: M([{ "vue-data-ui-fullscreen--on": i.isFullscreen, "vue-data-ui-fulscreen--off": !i.isFullscreen }, "vue-ui-xy-svg"]),
|
|
@@ -1144,9 +1151,9 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1144
1151
|
viewBox: i.viewBox,
|
|
1145
1152
|
style: A(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
|
|
1146
1153
|
}, [
|
|
1147
|
-
e.maxSeries > 0 ? (
|
|
1148
|
-
u("g",
|
|
1149
|
-
e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (
|
|
1154
|
+
e.maxSeries > 0 ? (r(), l("g", qe, [
|
|
1155
|
+
u("g", Ze, [
|
|
1156
|
+
e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (r(), l("line", {
|
|
1150
1157
|
key: 0,
|
|
1151
1158
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1152
1159
|
"stroke-width": "1",
|
|
@@ -1155,17 +1162,17 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1155
1162
|
y1: e.drawingArea.bottom,
|
|
1156
1163
|
y2: e.drawingArea.bottom,
|
|
1157
1164
|
"stroke-linecap": "round"
|
|
1158
|
-
}, null, 8,
|
|
1159
|
-
i.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (
|
|
1160
|
-
|
|
1165
|
+
}, null, 8, Ue)) : h("", !0),
|
|
1166
|
+
i.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(!0), l(N, { key: 2 }, I(e.allScales, (a) => (r(), l("g", null, [
|
|
1167
|
+
a.id === i.selectedScale && a.yLabels.length ? (r(!0), l(N, { key: 0 }, I(a.yLabels, (c) => (r(), l("line", {
|
|
1161
1168
|
x1: e.drawingArea.left + e.xPadding,
|
|
1162
1169
|
x2: e.drawingArea.right - e.xPadding,
|
|
1163
1170
|
y1: e.checkNaN(c.y),
|
|
1164
1171
|
y2: e.checkNaN(c.y),
|
|
1165
|
-
stroke:
|
|
1172
|
+
stroke: a.color,
|
|
1166
1173
|
"stroke-width": 0.5,
|
|
1167
1174
|
"stroke-linecap": "round"
|
|
1168
|
-
}, null, 8,
|
|
1175
|
+
}, null, 8, je))), 256)) : a.yLabels.length ? (r(!0), l(N, { key: 1 }, I(a.yLabels, (c) => (r(), l("line", {
|
|
1169
1176
|
x1: e.drawingArea.left + e.xPadding,
|
|
1170
1177
|
x2: e.drawingArea.right - e.xPadding,
|
|
1171
1178
|
y1: e.checkNaN(c.y),
|
|
@@ -1173,9 +1180,9 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1173
1180
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1174
1181
|
"stroke-width": 0.5,
|
|
1175
1182
|
"stroke-linecap": "round"
|
|
1176
|
-
}, null, 8,
|
|
1177
|
-
]))), 256)) :
|
|
1178
|
-
e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (
|
|
1183
|
+
}, null, 8, $e))), 256)) : h("", !0)
|
|
1184
|
+
]))), 256)) : h("", !0) : (r(), l(N, { key: 1 }, [
|
|
1185
|
+
e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (r(), l("line", {
|
|
1179
1186
|
key: 0,
|
|
1180
1187
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1181
1188
|
"stroke-width": "1",
|
|
@@ -1184,21 +1191,21 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1184
1191
|
y1: e.drawingArea.top,
|
|
1185
1192
|
y2: e.drawingArea.bottom,
|
|
1186
1193
|
"stroke-linecap": "round"
|
|
1187
|
-
}, null, 8,
|
|
1188
|
-
e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (
|
|
1189
|
-
(
|
|
1194
|
+
}, null, 8, Je)) : h("", !0),
|
|
1195
|
+
e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(), l("g", Qe, [
|
|
1196
|
+
(r(!0), l(N, null, I(e.yLabels, (a) => (r(), l("line", {
|
|
1190
1197
|
x1: e.drawingArea.left + e.xPadding,
|
|
1191
1198
|
x2: e.drawingArea.right - e.xPadding,
|
|
1192
|
-
y1: e.checkNaN(
|
|
1193
|
-
y2: e.checkNaN(
|
|
1199
|
+
y1: e.checkNaN(a.y),
|
|
1200
|
+
y2: e.checkNaN(a.y),
|
|
1194
1201
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1195
1202
|
"stroke-width": 0.5,
|
|
1196
1203
|
"stroke-linecap": "round"
|
|
1197
|
-
}, null, 8,
|
|
1198
|
-
])) :
|
|
1204
|
+
}, null, 8, Ke))), 256))
|
|
1205
|
+
])) : h("", !0)
|
|
1199
1206
|
], 64)),
|
|
1200
|
-
e.FINAL_CONFIG.chart.grid.showVerticalLines ? (
|
|
1201
|
-
(
|
|
1207
|
+
e.FINAL_CONFIG.chart.grid.showVerticalLines ? (r(), l("g", et, [
|
|
1208
|
+
(r(!0), l(N, null, I(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (a, c) => (r(), l("line", {
|
|
1202
1209
|
key: `grid_vertical_line_${c}`,
|
|
1203
1210
|
x1: e.drawingArea.width / e.maxSeries * c + e.drawingArea.left + e.xPadding,
|
|
1204
1211
|
x2: e.drawingArea.width / e.maxSeries * c + e.drawingArea.left + e.xPadding,
|
|
@@ -1206,10 +1213,10 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1206
1213
|
y2: e.drawingArea.bottom,
|
|
1207
1214
|
"stroke-width": "0.5",
|
|
1208
1215
|
stroke: e.FINAL_CONFIG.chart.grid.stroke
|
|
1209
|
-
}, null, 8,
|
|
1210
|
-
])) :
|
|
1216
|
+
}, null, 8, tt))), 128))
|
|
1217
|
+
])) : h("", !0)
|
|
1211
1218
|
]),
|
|
1212
|
-
(
|
|
1219
|
+
(r(!0), l(N, null, I(e.barSet, (a, c) => (r(), l("defs", {
|
|
1213
1220
|
key: `def_rect_${c}`
|
|
1214
1221
|
}, [
|
|
1215
1222
|
u("linearGradient", {
|
|
@@ -1219,17 +1226,17 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1219
1226
|
}, [
|
|
1220
1227
|
u("stop", {
|
|
1221
1228
|
offset: "0%",
|
|
1222
|
-
"stop-color":
|
|
1223
|
-
}, null, 8,
|
|
1229
|
+
"stop-color": a.color
|
|
1230
|
+
}, null, 8, it),
|
|
1224
1231
|
u("stop", {
|
|
1225
1232
|
offset: "62%",
|
|
1226
|
-
"stop-color": `${e.shiftHue(
|
|
1227
|
-
}, null, 8,
|
|
1233
|
+
"stop-color": `${e.shiftHue(a.color, 0.02)}`
|
|
1234
|
+
}, null, 8, rt),
|
|
1228
1235
|
u("stop", {
|
|
1229
1236
|
offset: "100%",
|
|
1230
|
-
"stop-color": `${e.shiftHue(
|
|
1231
|
-
}, null, 8,
|
|
1232
|
-
], 8,
|
|
1237
|
+
"stop-color": `${e.shiftHue(a.color, 0.05)}`
|
|
1238
|
+
}, null, 8, lt)
|
|
1239
|
+
], 8, at),
|
|
1233
1240
|
u("linearGradient", {
|
|
1234
1241
|
id: `rectGradient_neg_${c}_${i.uniqueId}`,
|
|
1235
1242
|
x2: "0%",
|
|
@@ -1237,19 +1244,19 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1237
1244
|
}, [
|
|
1238
1245
|
u("stop", {
|
|
1239
1246
|
offset: "0%",
|
|
1240
|
-
"stop-color": `${e.shiftHue(
|
|
1241
|
-
}, null, 8,
|
|
1247
|
+
"stop-color": `${e.shiftHue(a.color, 0.05)}`
|
|
1248
|
+
}, null, 8, nt),
|
|
1242
1249
|
u("stop", {
|
|
1243
1250
|
offset: "38%",
|
|
1244
|
-
"stop-color": `${e.shiftHue(
|
|
1245
|
-
}, null, 8,
|
|
1251
|
+
"stop-color": `${e.shiftHue(a.color, 0.02)}`
|
|
1252
|
+
}, null, 8, ct),
|
|
1246
1253
|
u("stop", {
|
|
1247
1254
|
offset: "100%",
|
|
1248
|
-
"stop-color":
|
|
1249
|
-
}, null, 8,
|
|
1250
|
-
], 8,
|
|
1255
|
+
"stop-color": a.color
|
|
1256
|
+
}, null, 8, ot)
|
|
1257
|
+
], 8, st)
|
|
1251
1258
|
]))), 128)),
|
|
1252
|
-
(
|
|
1259
|
+
(r(!0), l(N, null, I(e.plotSet, (a, c) => (r(), l("defs", {
|
|
1253
1260
|
key: `def_plot_${c}`
|
|
1254
1261
|
}, [
|
|
1255
1262
|
u("radialGradient", {
|
|
@@ -1262,15 +1269,15 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1262
1269
|
}, [
|
|
1263
1270
|
u("stop", {
|
|
1264
1271
|
offset: "0%",
|
|
1265
|
-
"stop-color": `${e.shiftHue(
|
|
1266
|
-
}, null, 8,
|
|
1272
|
+
"stop-color": `${e.shiftHue(a.color, 0.05)}`
|
|
1273
|
+
}, null, 8, dt),
|
|
1267
1274
|
u("stop", {
|
|
1268
1275
|
offset: "100%",
|
|
1269
|
-
"stop-color":
|
|
1270
|
-
}, null, 8,
|
|
1271
|
-
], 8,
|
|
1276
|
+
"stop-color": a.color
|
|
1277
|
+
}, null, 8, ut)
|
|
1278
|
+
], 8, ht)
|
|
1272
1279
|
]))), 128)),
|
|
1273
|
-
(
|
|
1280
|
+
(r(!0), l(N, null, I(e.lineSet, (a, c) => (r(), l("defs", {
|
|
1274
1281
|
key: `def_line_${c}`
|
|
1275
1282
|
}, [
|
|
1276
1283
|
u("radialGradient", {
|
|
@@ -1283,13 +1290,13 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1283
1290
|
}, [
|
|
1284
1291
|
u("stop", {
|
|
1285
1292
|
offset: "0%",
|
|
1286
|
-
"stop-color": `${e.shiftHue(
|
|
1287
|
-
}, null, 8,
|
|
1293
|
+
"stop-color": `${e.shiftHue(a.color, 0.05)}`
|
|
1294
|
+
}, null, 8, ft),
|
|
1288
1295
|
u("stop", {
|
|
1289
1296
|
offset: "100%",
|
|
1290
|
-
"stop-color":
|
|
1291
|
-
}, null, 8,
|
|
1292
|
-
], 8,
|
|
1297
|
+
"stop-color": a.color
|
|
1298
|
+
}, null, 8, Nt)
|
|
1299
|
+
], 8, gt),
|
|
1293
1300
|
u("linearGradient", {
|
|
1294
1301
|
id: `areaGradient_${c}_${i.uniqueId}`,
|
|
1295
1302
|
x1: "0%",
|
|
@@ -1299,46 +1306,46 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1299
1306
|
}, [
|
|
1300
1307
|
u("stop", {
|
|
1301
1308
|
offset: "0%",
|
|
1302
|
-
"stop-color": `${e.setOpacity(e.shiftHue(
|
|
1303
|
-
}, null, 8,
|
|
1309
|
+
"stop-color": `${e.setOpacity(e.shiftHue(a.color, 0.03), e.FINAL_CONFIG.line.area.opacity)}`
|
|
1310
|
+
}, null, 8, It),
|
|
1304
1311
|
u("stop", {
|
|
1305
1312
|
offset: "100%",
|
|
1306
|
-
"stop-color": `${e.setOpacity(
|
|
1307
|
-
}, null, 8,
|
|
1308
|
-
], 8,
|
|
1313
|
+
"stop-color": `${e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)}`
|
|
1314
|
+
}, null, 8, xt)
|
|
1315
|
+
], 8, mt)
|
|
1309
1316
|
]))), 128)),
|
|
1310
|
-
(
|
|
1311
|
-
|
|
1317
|
+
(r(!0), l(N, null, I(e.highlightAreas, (a) => (r(), l("g", null, [
|
|
1318
|
+
a.show ? (r(!0), l(N, { key: 0 }, I(a.span, (c, s) => (r(), l("g", null, [
|
|
1312
1319
|
u("rect", {
|
|
1313
1320
|
style: A({
|
|
1314
1321
|
transition: "none",
|
|
1315
|
-
opacity:
|
|
1322
|
+
opacity: a.from + s >= i.slicer.start && a.from + s <= i.slicer.end - 1 ? 1 : 0
|
|
1316
1323
|
}),
|
|
1317
|
-
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (
|
|
1324
|
+
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.from + s - i.slicer.start),
|
|
1318
1325
|
y: e.drawingArea.top,
|
|
1319
1326
|
height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
|
|
1320
1327
|
width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
|
|
1321
|
-
fill: e.setOpacity(
|
|
1322
|
-
}, null, 12,
|
|
1323
|
-
|
|
1328
|
+
fill: e.setOpacity(a.color, a.opacity)
|
|
1329
|
+
}, null, 12, bt),
|
|
1330
|
+
a.caption.text && s === 0 ? (r(), l("foreignObject", {
|
|
1324
1331
|
key: 0,
|
|
1325
|
-
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (
|
|
1326
|
-
y: e.drawingArea.top +
|
|
1332
|
+
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.from + s - i.slicer.start) - (a.caption.width === "auto" ? 0 : a.caption.width / 2 - e.drawingArea.width / e.maxSeries * a.span / 2),
|
|
1333
|
+
y: e.drawingArea.top + a.caption.offsetY,
|
|
1327
1334
|
style: A({
|
|
1328
1335
|
overflow: "visible",
|
|
1329
|
-
opacity:
|
|
1336
|
+
opacity: a.to >= i.slicer.start && a.from < i.slicer.end ? 1 : 0
|
|
1330
1337
|
}),
|
|
1331
1338
|
height: "1",
|
|
1332
|
-
width:
|
|
1339
|
+
width: a.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * a.span : a.caption.width
|
|
1333
1340
|
}, [
|
|
1334
1341
|
u("div", {
|
|
1335
|
-
style: A(`padding:${
|
|
1336
|
-
}, S(
|
|
1337
|
-
], 12,
|
|
1338
|
-
]))), 256)) :
|
|
1342
|
+
style: A(`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"}`)
|
|
1343
|
+
}, S(a.caption.text), 5)
|
|
1344
|
+
], 12, Ft)) : h("", !0)
|
|
1345
|
+
]))), 256)) : h("", !0)
|
|
1339
1346
|
]))), 256)),
|
|
1340
1347
|
u("g", null, [
|
|
1341
|
-
(
|
|
1348
|
+
(r(!0), l(N, null, I(e.maxSeries, (a, c) => (r(), l("g", {
|
|
1342
1349
|
key: `tooltip_trap_${c}`
|
|
1343
1350
|
}, [
|
|
1344
1351
|
u("rect", {
|
|
@@ -1347,29 +1354,29 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1347
1354
|
height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
|
|
1348
1355
|
width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
|
|
1349
1356
|
fill: [i.selectedMinimapIndex, i.selectedSerieIndex, i.selectedRowIndex].includes(c) ? e.setOpacity(e.FINAL_CONFIG.chart.highlighter.color, e.FINAL_CONFIG.chart.highlighter.opacity) : "transparent"
|
|
1350
|
-
}, null, 8,
|
|
1357
|
+
}, null, 8, _t)
|
|
1351
1358
|
]))), 128))
|
|
1352
1359
|
]),
|
|
1353
|
-
e.barSet.length ? (
|
|
1360
|
+
e.barSet.length ? (r(!0), l(N, { key: 0 }, I(e.barSet, (a, c) => (r(), l("g", {
|
|
1354
1361
|
key: `serie_bar_${c}`,
|
|
1355
1362
|
class: M(`serie_bar_${c}`),
|
|
1356
|
-
style: A(`opacity:${i.selectedScale ? i.selectedScale ===
|
|
1363
|
+
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1357
1364
|
}, [
|
|
1358
|
-
(
|
|
1365
|
+
(r(!0), l(N, null, I(a.plots, (s, g) => (r(), l("g", {
|
|
1359
1366
|
key: `bar_plot_${c}_${g}`
|
|
1360
1367
|
}, [
|
|
1361
|
-
e.canShowValue(s.value) ? (
|
|
1368
|
+
e.canShowValue(s.value) ? (r(), l("rect", {
|
|
1362
1369
|
key: 0,
|
|
1363
1370
|
x: e.calcRectX(s),
|
|
1364
1371
|
y: i.mutableConfig.useIndividualScale ? e.calcIndividualRectY(s) : e.calcRectY(s),
|
|
1365
1372
|
height: i.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(s)) : Math.abs(e.calcRectHeight(s)),
|
|
1366
1373
|
width: e.calcRectWidth() - (i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? 0 : e.barPeriodGap),
|
|
1367
1374
|
rx: e.FINAL_CONFIG.bar.borderRadius,
|
|
1368
|
-
fill: e.FINAL_CONFIG.bar.useGradient ? s.value >= 0 ? `url(#rectGradient_pos_${c}_${i.uniqueId})` : `url(#rectGradient_neg_${c}_${i.uniqueId})` :
|
|
1369
|
-
stroke: e.FINAL_CONFIG.bar.border.useSerieColor ?
|
|
1375
|
+
fill: e.FINAL_CONFIG.bar.useGradient ? s.value >= 0 ? `url(#rectGradient_pos_${c}_${i.uniqueId})` : `url(#rectGradient_neg_${c}_${i.uniqueId})` : a.color,
|
|
1376
|
+
stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? a.color : e.FINAL_CONFIG.bar.border.stroke,
|
|
1370
1377
|
"stroke-width": e.FINAL_CONFIG.bar.border.strokeWidth
|
|
1371
|
-
}, null, 8,
|
|
1372
|
-
s.comment && e.FINAL_CONFIG.chart.comments.show ? (
|
|
1378
|
+
}, null, 8, yt)) : h("", !0),
|
|
1379
|
+
s.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), l("foreignObject", {
|
|
1373
1380
|
key: 1,
|
|
1374
1381
|
style: { overflow: "visible" },
|
|
1375
1382
|
height: "12",
|
|
@@ -1377,12 +1384,12 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1377
1384
|
x: e.calcRectX(s) - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
|
|
1378
1385
|
y: e.checkNaN(s.y) + e.FINAL_CONFIG.chart.comments.offsetY + 6
|
|
1379
1386
|
}, [
|
|
1380
|
-
O(
|
|
1381
|
-
plot: { ...s, color:
|
|
1387
|
+
O(t.$slots, "plot-comment", {
|
|
1388
|
+
plot: { ...s, color: a.color }
|
|
1382
1389
|
}, void 0, !0)
|
|
1383
|
-
], 8,
|
|
1390
|
+
], 8, At)) : h("", !0)
|
|
1384
1391
|
]))), 128)),
|
|
1385
|
-
Object.hasOwn(
|
|
1392
|
+
Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), l("g", Lt, [
|
|
1386
1393
|
u("defs", null, [
|
|
1387
1394
|
u("marker", {
|
|
1388
1395
|
id: `bar_arrow_${c}`,
|
|
@@ -1394,36 +1401,36 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1394
1401
|
}, [
|
|
1395
1402
|
u("polygon", {
|
|
1396
1403
|
points: `0 0, 7 ${7 / 2}, 0 7`,
|
|
1397
|
-
fill:
|
|
1398
|
-
}, null, 8,
|
|
1399
|
-
], 8,
|
|
1404
|
+
fill: a.color
|
|
1405
|
+
}, null, 8, St)
|
|
1406
|
+
], 8, Ct)
|
|
1400
1407
|
]),
|
|
1401
|
-
|
|
1408
|
+
a.plots.length > 1 ? (r(), l("line", {
|
|
1402
1409
|
key: 0,
|
|
1403
|
-
x1: e.calcLinearProgression(
|
|
1404
|
-
x2: e.calcLinearProgression(
|
|
1405
|
-
y1: e.calcLinearProgression(
|
|
1406
|
-
y2: e.calcLinearProgression(
|
|
1410
|
+
x1: e.calcLinearProgression(a.plots).x1,
|
|
1411
|
+
x2: e.calcLinearProgression(a.plots).x2,
|
|
1412
|
+
y1: e.calcLinearProgression(a.plots).y1,
|
|
1413
|
+
y2: e.calcLinearProgression(a.plots).y2,
|
|
1407
1414
|
"stroke-width": 1,
|
|
1408
|
-
stroke:
|
|
1415
|
+
stroke: a.color,
|
|
1409
1416
|
"stroke-dasharray": 2,
|
|
1410
1417
|
"marker-end": `url(#bar_arrow_${c})`
|
|
1411
|
-
}, null, 8,
|
|
1412
|
-
|
|
1418
|
+
}, null, 8, kt)) : h("", !0),
|
|
1419
|
+
a.plots.length > 1 ? (r(), l("text", {
|
|
1413
1420
|
key: 1,
|
|
1414
1421
|
"text-anchor": "middle",
|
|
1415
|
-
x: e.calcLinearProgression(
|
|
1416
|
-
y: e.calcLinearProgression(
|
|
1422
|
+
x: e.calcLinearProgression(a.plots).x2,
|
|
1423
|
+
y: e.calcLinearProgression(a.plots).y2 - 6,
|
|
1417
1424
|
"font-size": i.fontSizes.plotLabels,
|
|
1418
|
-
fill:
|
|
1425
|
+
fill: a.color
|
|
1419
1426
|
}, S(e.dataLabel({
|
|
1420
|
-
v: e.calcLinearProgression(
|
|
1427
|
+
v: e.calcLinearProgression(a.plots).trend * 100,
|
|
1421
1428
|
s: "%",
|
|
1422
1429
|
r: 2
|
|
1423
|
-
})), 9,
|
|
1424
|
-
])) :
|
|
1425
|
-
], 6))), 128)) :
|
|
1426
|
-
!i.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (
|
|
1430
|
+
})), 9, wt)) : h("", !0)
|
|
1431
|
+
])) : h("", !0)
|
|
1432
|
+
], 6))), 128)) : h("", !0),
|
|
1433
|
+
!i.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (r(), l("line", {
|
|
1427
1434
|
key: 1,
|
|
1428
1435
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1429
1436
|
"stroke-width": "1",
|
|
@@ -1432,8 +1439,8 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1432
1439
|
y1: e.checkNaN(e.zero),
|
|
1433
1440
|
y2: e.checkNaN(e.zero),
|
|
1434
1441
|
"stroke-linecap": "round"
|
|
1435
|
-
}, null, 8,
|
|
1436
|
-
e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(i.selectedSerieIndex) || i.selectedMinimapIndex !== null) ? (
|
|
1442
|
+
}, null, 8, Ot)) : h("", !0),
|
|
1443
|
+
e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(i.selectedSerieIndex) || i.selectedMinimapIndex !== null) ? (r(), l("g", Gt, [
|
|
1437
1444
|
u("line", {
|
|
1438
1445
|
x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (i.selectedSerieIndex || i.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
|
|
1439
1446
|
x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (i.selectedSerieIndex || i.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
|
|
@@ -1444,9 +1451,9 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1444
1451
|
"stroke-dasharray": e.FINAL_CONFIG.chart.highlighter.lineDasharray,
|
|
1445
1452
|
"stroke-linecap": "round",
|
|
1446
1453
|
style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
|
|
1447
|
-
}, null, 8,
|
|
1448
|
-
])) :
|
|
1449
|
-
e.FINAL_CONFIG.chart.grid.frame.show ? (
|
|
1454
|
+
}, null, 8, vt)
|
|
1455
|
+
])) : h("", !0),
|
|
1456
|
+
e.FINAL_CONFIG.chart.grid.frame.show ? (r(), l("rect", {
|
|
1450
1457
|
key: 3,
|
|
1451
1458
|
style: { pointerEvents: "none", transition: "none" },
|
|
1452
1459
|
x: e.drawingArea.left + e.xPadding < 0 ? 0 : e.drawingArea.left + e.xPadding,
|
|
@@ -1459,45 +1466,45 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1459
1466
|
"stroke-linecap": e.FINAL_CONFIG.chart.grid.frame.strokeLinecap,
|
|
1460
1467
|
"stroke-linejoin": e.FINAL_CONFIG.chart.grid.frame.strokeLinejoin,
|
|
1461
1468
|
"stroke-dasharray": e.FINAL_CONFIG.chart.grid.frame.strokeDasharray
|
|
1462
|
-
}, null, 8,
|
|
1463
|
-
e.FINAL_CONFIG.chart.grid.labels.show ? (
|
|
1464
|
-
i.mutableConfig.useIndividualScale ? (
|
|
1465
|
-
(
|
|
1469
|
+
}, null, 8, pt)) : h("", !0),
|
|
1470
|
+
e.FINAL_CONFIG.chart.grid.labels.show ? (r(), l("g", zt, [
|
|
1471
|
+
i.mutableConfig.useIndividualScale ? (r(), l(N, { key: 0 }, [
|
|
1472
|
+
(r(!0), l(N, null, I(e.allScales, (a) => (r(), l("g", null, [
|
|
1466
1473
|
u("line", {
|
|
1467
|
-
x1:
|
|
1468
|
-
x2:
|
|
1469
|
-
y1: i.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom -
|
|
1470
|
-
y2: i.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom -
|
|
1471
|
-
stroke:
|
|
1474
|
+
x1: a.x + e.xPadding,
|
|
1475
|
+
x2: a.x + e.xPadding,
|
|
1476
|
+
y1: i.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom - a.yOffset - a.individualHeight) : e.checkNaN(e.drawingArea.top),
|
|
1477
|
+
y2: i.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom - a.yOffset) : e.checkNaN(e.drawingArea.bottom),
|
|
1478
|
+
stroke: a.color,
|
|
1472
1479
|
"stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
|
|
1473
1480
|
"stroke-linecap": "round",
|
|
1474
|
-
style: A(`opacity:${i.selectedScale ? i.selectedScale ===
|
|
1475
|
-
}, null, 12,
|
|
1481
|
+
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1482
|
+
}, null, 12, Mt)
|
|
1476
1483
|
]))), 256)),
|
|
1477
|
-
(
|
|
1478
|
-
style: A(`opacity:${i.selectedScale ? i.selectedScale ===
|
|
1484
|
+
(r(!0), l(N, null, I(e.allScales, (a) => (r(), l("g", {
|
|
1485
|
+
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1479
1486
|
}, [
|
|
1480
1487
|
u("text", {
|
|
1481
|
-
fill:
|
|
1488
|
+
fill: a.color,
|
|
1482
1489
|
"font-size": i.fontSizes.dataLabels,
|
|
1483
1490
|
"text-anchor": "middle",
|
|
1484
|
-
transform: `translate(${
|
|
1485
|
-
}, S(
|
|
1486
|
-
(
|
|
1487
|
-
x1:
|
|
1488
|
-
x2:
|
|
1491
|
+
transform: `translate(${a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5}, ${i.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset - a.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
|
|
1492
|
+
}, S(a.name) + " " + S(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9, Pt),
|
|
1493
|
+
(r(!0), l(N, null, I(a.yLabels, (c, s) => (r(), l("line", {
|
|
1494
|
+
x1: a.x - 3 + e.xPadding,
|
|
1495
|
+
x2: a.x + e.xPadding,
|
|
1489
1496
|
y1: e.checkNaN(c.y),
|
|
1490
1497
|
y2: e.checkNaN(c.y),
|
|
1491
|
-
stroke:
|
|
1498
|
+
stroke: a.color,
|
|
1492
1499
|
"stroke-width": 1,
|
|
1493
1500
|
"stroke-linecap": "round"
|
|
1494
|
-
}, null, 8,
|
|
1495
|
-
(
|
|
1496
|
-
x:
|
|
1501
|
+
}, null, 8, Tt))), 256)),
|
|
1502
|
+
(r(!0), l(N, null, I(a.yLabels, (c, s) => (r(), l("text", {
|
|
1503
|
+
x: a.x - 5 + e.xPadding,
|
|
1497
1504
|
y: e.checkNaN(c.y) + i.fontSizes.dataLabels / 3,
|
|
1498
1505
|
"font-size": i.fontSizes.dataLabels,
|
|
1499
1506
|
"text-anchor": "end",
|
|
1500
|
-
fill:
|
|
1507
|
+
fill: a.color
|
|
1501
1508
|
}, S(e.applyDataLabel(
|
|
1502
1509
|
e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
|
|
1503
1510
|
c.value,
|
|
@@ -1508,58 +1515,58 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1508
1515
|
r: 1
|
|
1509
1516
|
}),
|
|
1510
1517
|
{ datapoint: c.datapoint, seriesIndex: s }
|
|
1511
|
-
)), 9,
|
|
1518
|
+
)), 9, Vt))), 256))
|
|
1512
1519
|
], 4))), 256))
|
|
1513
|
-
], 64)) : (
|
|
1520
|
+
], 64)) : (r(!0), l(N, { key: 1 }, I(e.yLabels, (a, c) => (r(), l("g", {
|
|
1514
1521
|
key: `yLabel_${c}`
|
|
1515
1522
|
}, [
|
|
1516
|
-
e.canShowValue(
|
|
1523
|
+
e.canShowValue(a) && a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (r(), l("line", {
|
|
1517
1524
|
key: 0,
|
|
1518
1525
|
x1: e.drawingArea.left + e.xPadding,
|
|
1519
1526
|
x2: e.drawingArea.left - 5 + e.xPadding,
|
|
1520
|
-
y1: e.checkNaN(
|
|
1521
|
-
y2: e.checkNaN(
|
|
1527
|
+
y1: e.checkNaN(a.y),
|
|
1528
|
+
y2: e.checkNaN(a.y),
|
|
1522
1529
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1523
1530
|
"stroke-width": "1",
|
|
1524
1531
|
"stroke-linecap": "round"
|
|
1525
|
-
}, null, 8,
|
|
1526
|
-
|
|
1532
|
+
}, null, 8, Rt)) : h("", !0),
|
|
1533
|
+
a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (r(), l("text", {
|
|
1527
1534
|
key: 1,
|
|
1528
1535
|
x: e.drawingArea.left - 7 + e.xPadding,
|
|
1529
|
-
y: e.checkNaN(
|
|
1536
|
+
y: e.checkNaN(a.y + i.fontSizes.dataLabels / 3),
|
|
1530
1537
|
"font-size": i.fontSizes.dataLabels,
|
|
1531
1538
|
"text-anchor": "end",
|
|
1532
1539
|
fill: e.FINAL_CONFIG.chart.grid.labels.color
|
|
1533
|
-
}, S(e.canShowValue(
|
|
1540
|
+
}, S(e.canShowValue(a.value) ? e.applyDataLabel(
|
|
1534
1541
|
e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
|
|
1535
|
-
|
|
1542
|
+
a.value,
|
|
1536
1543
|
e.dataLabel({
|
|
1537
|
-
p:
|
|
1538
|
-
v:
|
|
1539
|
-
s:
|
|
1544
|
+
p: a.prefix,
|
|
1545
|
+
v: a.value,
|
|
1546
|
+
s: a.suffix,
|
|
1540
1547
|
r: 1
|
|
1541
1548
|
})
|
|
1542
|
-
) : ""), 9,
|
|
1549
|
+
) : ""), 9, Dt)) : h("", !0)
|
|
1543
1550
|
]))), 128))
|
|
1544
|
-
])) :
|
|
1545
|
-
(
|
|
1551
|
+
])) : h("", !0),
|
|
1552
|
+
(r(!0), l(N, null, I(e.plotSet, (a, c) => (r(), l("g", {
|
|
1546
1553
|
key: `serie_plot_${c}`,
|
|
1547
1554
|
class: M(`serie_plot_${c}`),
|
|
1548
|
-
style: A(`opacity:${i.selectedScale ? i.selectedScale ===
|
|
1555
|
+
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1549
1556
|
}, [
|
|
1550
|
-
(
|
|
1557
|
+
(r(!0), l(N, null, I(a.plots, (s, g) => (r(), l("g", {
|
|
1551
1558
|
key: `circle_plot_${c}_${g}`
|
|
1552
1559
|
}, [
|
|
1553
|
-
s && e.canShowValue(s.value) ? (
|
|
1560
|
+
s && e.canShowValue(s.value) ? (r(), V(L, {
|
|
1554
1561
|
key: 0,
|
|
1555
|
-
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(
|
|
1556
|
-
color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${c}_${i.uniqueId})` : e.FINAL_CONFIG.plot.dot.useSerieColor ?
|
|
1562
|
+
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
|
|
1563
|
+
color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${c}_${i.uniqueId})` : e.FINAL_CONFIG.plot.dot.useSerieColor ? a.color : e.FINAL_CONFIG.plot.dot.fill,
|
|
1557
1564
|
plot: { x: e.checkNaN(s.x), y: e.checkNaN(s.y) },
|
|
1558
1565
|
radius: i.selectedSerieIndex !== null && i.selectedSerieIndex === g || i.selectedMinimapIndex !== null && i.selectedMinimapIndex === g ? (i.plotRadii.plot || 6) * 1.5 : i.plotRadii.plot || 6,
|
|
1559
|
-
stroke: e.FINAL_CONFIG.plot.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor :
|
|
1566
|
+
stroke: e.FINAL_CONFIG.plot.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : a.color,
|
|
1560
1567
|
strokeWidth: e.FINAL_CONFIG.plot.dot.strokeWidth
|
|
1561
|
-
}, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) :
|
|
1562
|
-
s.comment && e.FINAL_CONFIG.chart.comments.show ? (
|
|
1568
|
+
}, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : h("", !0),
|
|
1569
|
+
s.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), l("foreignObject", {
|
|
1563
1570
|
key: 1,
|
|
1564
1571
|
style: { overflow: "visible" },
|
|
1565
1572
|
height: "12",
|
|
@@ -1567,14 +1574,14 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1567
1574
|
x: s.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
|
|
1568
1575
|
y: s.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
|
|
1569
1576
|
}, [
|
|
1570
|
-
u("div",
|
|
1571
|
-
O(
|
|
1572
|
-
plot: { ...s, color:
|
|
1577
|
+
u("div", Ht, [
|
|
1578
|
+
O(t.$slots, "plot-comment", {
|
|
1579
|
+
plot: { ...s, color: a.color }
|
|
1573
1580
|
}, void 0, !0)
|
|
1574
1581
|
])
|
|
1575
|
-
], 8,
|
|
1582
|
+
], 8, Wt)) : h("", !0)
|
|
1576
1583
|
]))), 128)),
|
|
1577
|
-
Object.hasOwn(
|
|
1584
|
+
Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), l("g", Et, [
|
|
1578
1585
|
u("defs", null, [
|
|
1579
1586
|
u("marker", {
|
|
1580
1587
|
id: `plot_arrow_${c}`,
|
|
@@ -1586,120 +1593,120 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1586
1593
|
}, [
|
|
1587
1594
|
u("polygon", {
|
|
1588
1595
|
points: `0 0, 7 ${7 / 2}, 0 7`,
|
|
1589
|
-
fill:
|
|
1590
|
-
}, null, 8,
|
|
1591
|
-
], 8,
|
|
1596
|
+
fill: a.color
|
|
1597
|
+
}, null, 8, Yt)
|
|
1598
|
+
], 8, Bt)
|
|
1592
1599
|
]),
|
|
1593
|
-
|
|
1600
|
+
a.plots.length > 1 ? (r(), l("line", {
|
|
1594
1601
|
key: 0,
|
|
1595
|
-
x1: e.calcLinearProgression(
|
|
1596
|
-
x2: e.calcLinearProgression(
|
|
1597
|
-
y1: e.calcLinearProgression(
|
|
1598
|
-
y2: e.calcLinearProgression(
|
|
1602
|
+
x1: e.calcLinearProgression(a.plots).x1,
|
|
1603
|
+
x2: e.calcLinearProgression(a.plots).x2,
|
|
1604
|
+
y1: e.calcLinearProgression(a.plots).y1,
|
|
1605
|
+
y2: e.calcLinearProgression(a.plots).y2,
|
|
1599
1606
|
"stroke-width": 1,
|
|
1600
|
-
stroke:
|
|
1607
|
+
stroke: a.color,
|
|
1601
1608
|
"stroke-dasharray": 2,
|
|
1602
1609
|
"marker-end": `url(#plot_arrow_${c})`
|
|
1603
|
-
}, null, 8,
|
|
1604
|
-
|
|
1610
|
+
}, null, 8, Xt)) : h("", !0),
|
|
1611
|
+
a.plots.length > 1 ? (r(), l("text", {
|
|
1605
1612
|
key: 1,
|
|
1606
1613
|
"text-anchor": "middle",
|
|
1607
|
-
x: e.calcLinearProgression(
|
|
1608
|
-
y: e.calcLinearProgression(
|
|
1614
|
+
x: e.calcLinearProgression(a.plots).x2,
|
|
1615
|
+
y: e.calcLinearProgression(a.plots).y2 - 6,
|
|
1609
1616
|
"font-size": i.fontSizes.plotLabels,
|
|
1610
|
-
fill:
|
|
1617
|
+
fill: a.color
|
|
1611
1618
|
}, S(e.dataLabel({
|
|
1612
|
-
v: e.calcLinearProgression(
|
|
1619
|
+
v: e.calcLinearProgression(a.plots).trend * 100,
|
|
1613
1620
|
s: "%",
|
|
1614
1621
|
r: 2
|
|
1615
|
-
})), 9,
|
|
1616
|
-
])) :
|
|
1622
|
+
})), 9, qt)) : h("", !0)
|
|
1623
|
+
])) : h("", !0)
|
|
1617
1624
|
], 6))), 128)),
|
|
1618
|
-
(
|
|
1625
|
+
(r(!0), l(N, null, I(e.lineSet, (a, c) => (r(), l("g", {
|
|
1619
1626
|
key: `serie_line_${c}`,
|
|
1620
1627
|
class: M(`serie_line_${c}`),
|
|
1621
|
-
style: A(`opacity:${i.selectedScale ? i.selectedScale ===
|
|
1628
|
+
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1622
1629
|
}, [
|
|
1623
|
-
|
|
1630
|
+
a.smooth && a.plots.length > 1 ? (r(), l("path", {
|
|
1624
1631
|
key: 0,
|
|
1625
|
-
d: `M${
|
|
1632
|
+
d: `M${a.curve}`,
|
|
1626
1633
|
stroke: e.FINAL_CONFIG.chart.backgroundColor,
|
|
1627
1634
|
"stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
|
|
1628
|
-
"stroke-dasharray":
|
|
1635
|
+
"stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1629
1636
|
fill: "none"
|
|
1630
|
-
}, null, 8,
|
|
1631
|
-
(
|
|
1637
|
+
}, null, 8, Zt)) : a.plots.length > 1 ? (r(), l("g", Ut, [
|
|
1638
|
+
(r(!0), l(N, null, I(a.plots, (s, g) => (r(), l("g", {
|
|
1632
1639
|
key: `line_${c}_${g}`
|
|
1633
1640
|
}, [
|
|
1634
|
-
s && g <
|
|
1641
|
+
s && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(s.value) && e.canShowValue(a.plots[g + 1].value) ? (r(), l("line", {
|
|
1635
1642
|
key: 0,
|
|
1636
1643
|
x1: s.x,
|
|
1637
|
-
x2:
|
|
1644
|
+
x2: a.plots[g + 1].x,
|
|
1638
1645
|
y1: s.y,
|
|
1639
|
-
y2:
|
|
1646
|
+
y2: a.plots[g + 1].y,
|
|
1640
1647
|
stroke: e.FINAL_CONFIG.chart.backgroundColor,
|
|
1641
1648
|
"stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
|
|
1642
|
-
"stroke-dasharray":
|
|
1649
|
+
"stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1643
1650
|
"stroke-linejoin": "round",
|
|
1644
1651
|
"stroke-linecap": "round"
|
|
1645
|
-
}, null, 8,
|
|
1652
|
+
}, null, 8, Jt)) : h("", !0)
|
|
1646
1653
|
]))), 128))
|
|
1647
|
-
])) :
|
|
1654
|
+
])) : h("", !0)
|
|
1648
1655
|
], 6))), 128)),
|
|
1649
|
-
(
|
|
1656
|
+
(r(!0), l(N, null, I(e.lineSet, (a, c) => (r(), l("g", {
|
|
1650
1657
|
key: `serie_line_${c}`,
|
|
1651
1658
|
class: M(`serie_line_${c}`),
|
|
1652
|
-
style: A(`opacity:${i.selectedScale ? i.selectedScale ===
|
|
1659
|
+
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1653
1660
|
}, [
|
|
1654
|
-
|
|
1655
|
-
|
|
1661
|
+
a.useArea && a.plots.length > 1 ? (r(), l("g", Qt, [
|
|
1662
|
+
a.smooth ? (r(), l("path", {
|
|
1656
1663
|
key: 0,
|
|
1657
|
-
d: `M ${
|
|
1658
|
-
fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${i.uniqueId})` : e.setOpacity(
|
|
1659
|
-
}, null, 8,
|
|
1664
|
+
d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((s) => !!s).map((s) => s.x))},${i.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 * c + e.slot.line / 2},${i.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
|
|
1665
|
+
fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${i.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
|
|
1666
|
+
}, null, 8, Kt)) : (r(), l("path", {
|
|
1660
1667
|
key: 1,
|
|
1661
|
-
d: `M${
|
|
1662
|
-
fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${i.uniqueId})` : e.setOpacity(
|
|
1663
|
-
}, null, 8,
|
|
1664
|
-
])) :
|
|
1665
|
-
|
|
1668
|
+
d: `M${a.area}Z`,
|
|
1669
|
+
fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${i.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
|
|
1670
|
+
}, null, 8, jt))
|
|
1671
|
+
])) : h("", !0),
|
|
1672
|
+
a.smooth && a.plots.length > 1 ? (r(), l("path", {
|
|
1666
1673
|
key: 1,
|
|
1667
|
-
d: `M${
|
|
1668
|
-
stroke:
|
|
1674
|
+
d: `M${a.curve}`,
|
|
1675
|
+
stroke: a.color,
|
|
1669
1676
|
"stroke-width": e.FINAL_CONFIG.line.strokeWidth,
|
|
1670
|
-
"stroke-dasharray":
|
|
1677
|
+
"stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1671
1678
|
fill: "none"
|
|
1672
|
-
}, null, 8,
|
|
1673
|
-
(
|
|
1679
|
+
}, null, 8, $t)) : a.plots.length > 1 ? (r(), l("g", ea, [
|
|
1680
|
+
(r(!0), l(N, null, I(a.plots, (s, g) => (r(), l("g", {
|
|
1674
1681
|
key: `line_${c}_${g}`
|
|
1675
1682
|
}, [
|
|
1676
|
-
s && g <
|
|
1683
|
+
s && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(s.value) && e.canShowValue(a.plots[g + 1].value) ? (r(), l("line", {
|
|
1677
1684
|
key: 0,
|
|
1678
1685
|
x1: s.x,
|
|
1679
|
-
x2:
|
|
1686
|
+
x2: a.plots[g + 1].x,
|
|
1680
1687
|
y1: s.y,
|
|
1681
|
-
y2:
|
|
1682
|
-
stroke:
|
|
1688
|
+
y2: a.plots[g + 1].y,
|
|
1689
|
+
stroke: a.color,
|
|
1683
1690
|
"stroke-width": e.FINAL_CONFIG.line.strokeWidth,
|
|
1684
|
-
"stroke-dasharray":
|
|
1691
|
+
"stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1685
1692
|
"stroke-linejoin": "round",
|
|
1686
1693
|
"stroke-linecap": "round"
|
|
1687
|
-
}, null, 8,
|
|
1694
|
+
}, null, 8, ta)) : h("", !0)
|
|
1688
1695
|
]))), 128))
|
|
1689
|
-
])) :
|
|
1690
|
-
(
|
|
1696
|
+
])) : h("", !0),
|
|
1697
|
+
(r(!0), l(N, null, I(a.plots, (s, g) => (r(), l("g", {
|
|
1691
1698
|
key: `circle_line_${c}_${g}`
|
|
1692
1699
|
}, [
|
|
1693
|
-
s && e.canShowValue(s.value) ? (
|
|
1700
|
+
s && e.canShowValue(s.value) ? (r(), V(L, {
|
|
1694
1701
|
key: 0,
|
|
1695
|
-
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(
|
|
1696
|
-
color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${c}_${i.uniqueId})` : e.FINAL_CONFIG.line.dot.useSerieColor ?
|
|
1702
|
+
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
|
|
1703
|
+
color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${c}_${i.uniqueId})` : e.FINAL_CONFIG.line.dot.useSerieColor ? a.color : e.FINAL_CONFIG.line.dot.fill,
|
|
1697
1704
|
plot: { x: e.checkNaN(s.x), y: e.checkNaN(s.y) },
|
|
1698
1705
|
radius: i.selectedSerieIndex !== null && i.selectedSerieIndex === g || i.selectedMinimapIndex !== null && i.selectedMinimapIndex === g ? (i.plotRadii.line || 6) * 1.5 : i.plotRadii.line || 6,
|
|
1699
|
-
stroke: e.FINAL_CONFIG.line.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor :
|
|
1706
|
+
stroke: e.FINAL_CONFIG.line.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : a.color,
|
|
1700
1707
|
strokeWidth: e.FINAL_CONFIG.line.dot.strokeWidth
|
|
1701
|
-
}, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) :
|
|
1702
|
-
s.comment && e.FINAL_CONFIG.chart.comments.show ? (
|
|
1708
|
+
}, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : h("", !0),
|
|
1709
|
+
s.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), l("foreignObject", {
|
|
1703
1710
|
key: 1,
|
|
1704
1711
|
style: { overflow: "visible" },
|
|
1705
1712
|
height: "12",
|
|
@@ -1707,14 +1714,14 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1707
1714
|
x: s.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
|
|
1708
1715
|
y: s.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
|
|
1709
1716
|
}, [
|
|
1710
|
-
u("div",
|
|
1711
|
-
O(
|
|
1712
|
-
plot: { ...s, color:
|
|
1717
|
+
u("div", ia, [
|
|
1718
|
+
O(t.$slots, "plot-comment", {
|
|
1719
|
+
plot: { ...s, color: a.color }
|
|
1713
1720
|
}, void 0, !0)
|
|
1714
1721
|
])
|
|
1715
|
-
], 8,
|
|
1722
|
+
], 8, aa)) : h("", !0)
|
|
1716
1723
|
]))), 128)),
|
|
1717
|
-
Object.hasOwn(
|
|
1724
|
+
Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), l("g", ra, [
|
|
1718
1725
|
u("defs", null, [
|
|
1719
1726
|
u("marker", {
|
|
1720
1727
|
id: `line_arrow_${c}`,
|
|
@@ -1726,45 +1733,45 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1726
1733
|
}, [
|
|
1727
1734
|
u("polygon", {
|
|
1728
1735
|
points: `0 0, 7 ${7 / 2}, 0 7`,
|
|
1729
|
-
fill:
|
|
1730
|
-
}, null, 8,
|
|
1731
|
-
], 8,
|
|
1736
|
+
fill: a.color
|
|
1737
|
+
}, null, 8, sa)
|
|
1738
|
+
], 8, la)
|
|
1732
1739
|
]),
|
|
1733
|
-
|
|
1740
|
+
a.plots.length > 1 ? (r(), l("line", {
|
|
1734
1741
|
key: 0,
|
|
1735
|
-
x1: e.calcLinearProgression(
|
|
1736
|
-
x2: e.calcLinearProgression(
|
|
1737
|
-
y1: e.calcLinearProgression(
|
|
1738
|
-
y2: e.calcLinearProgression(
|
|
1742
|
+
x1: e.calcLinearProgression(a.plots).x1,
|
|
1743
|
+
x2: e.calcLinearProgression(a.plots).x2,
|
|
1744
|
+
y1: e.calcLinearProgression(a.plots).y1,
|
|
1745
|
+
y2: e.calcLinearProgression(a.plots).y2,
|
|
1739
1746
|
"stroke-width": 1,
|
|
1740
|
-
stroke:
|
|
1747
|
+
stroke: a.color,
|
|
1741
1748
|
"stroke-dasharray": 2,
|
|
1742
1749
|
"marker-end": `url(#line_arrow_${c})`
|
|
1743
|
-
}, null, 8,
|
|
1744
|
-
|
|
1750
|
+
}, null, 8, na)) : h("", !0),
|
|
1751
|
+
a.plots.length > 1 ? (r(), l("text", {
|
|
1745
1752
|
key: 1,
|
|
1746
1753
|
"text-anchor": "middle",
|
|
1747
|
-
x: e.calcLinearProgression(
|
|
1748
|
-
y: e.calcLinearProgression(
|
|
1754
|
+
x: e.calcLinearProgression(a.plots).x2,
|
|
1755
|
+
y: e.calcLinearProgression(a.plots).y2 - 6,
|
|
1749
1756
|
"font-size": i.fontSizes.plotLabels,
|
|
1750
|
-
fill:
|
|
1757
|
+
fill: a.color
|
|
1751
1758
|
}, S(e.dataLabel({
|
|
1752
|
-
v: e.calcLinearProgression(
|
|
1759
|
+
v: e.calcLinearProgression(a.plots).trend * 100,
|
|
1753
1760
|
s: "%",
|
|
1754
1761
|
r: 2
|
|
1755
|
-
})), 9,
|
|
1756
|
-
])) :
|
|
1762
|
+
})), 9, ca)) : h("", !0)
|
|
1763
|
+
])) : h("", !0)
|
|
1757
1764
|
], 6))), 128)),
|
|
1758
|
-
(e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && i.mutableConfig.dataLabels.show ? (
|
|
1759
|
-
(
|
|
1765
|
+
(e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && i.mutableConfig.dataLabels.show ? (r(), l("g", oa, [
|
|
1766
|
+
(r(!0), l(N, null, I(e.barSet, (a, c) => (r(), l("g", {
|
|
1760
1767
|
key: `xLabel_bar_${c}`,
|
|
1761
1768
|
class: M(`xLabel_bar_${c}`),
|
|
1762
|
-
style: A(`opacity:${i.selectedScale ? i.selectedScale ===
|
|
1769
|
+
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1763
1770
|
}, [
|
|
1764
|
-
(
|
|
1771
|
+
(r(!0), l(N, null, I(a.plots, (s, g) => (r(), l("g", {
|
|
1765
1772
|
key: `xLabel_bar_${c}_${g}`
|
|
1766
1773
|
}, [
|
|
1767
|
-
s && (!Object.hasOwn(
|
|
1774
|
+
s && (!Object.hasOwn(a, "dataLabels") || a.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (r(), l("text", {
|
|
1768
1775
|
key: 0,
|
|
1769
1776
|
x: i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? s.x + e.slot.line / 2 : e.calcRectX(s) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
|
|
1770
1777
|
y: e.checkNaN(s.y) + (s.value > 0 ? e.FINAL_CONFIG.bar.labels.offsetY : -e.FINAL_CONFIG.bar.labels.offsetY * 3),
|
|
@@ -1775,38 +1782,38 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1775
1782
|
e.FINAL_CONFIG.bar.labels.formatter,
|
|
1776
1783
|
s.value,
|
|
1777
1784
|
e.dataLabel({
|
|
1778
|
-
p:
|
|
1785
|
+
p: a.prefix || e.FINAL_CONFIG.chart.labels.prefix,
|
|
1779
1786
|
v: s.value,
|
|
1780
|
-
s:
|
|
1787
|
+
s: a.suffix || e.FINAL_CONFIG.chart.labels.suffix,
|
|
1781
1788
|
r: e.FINAL_CONFIG.bar.labels.rounding
|
|
1782
1789
|
}),
|
|
1783
1790
|
{
|
|
1784
1791
|
datapoint: s,
|
|
1785
|
-
serie:
|
|
1792
|
+
serie: a
|
|
1786
1793
|
}
|
|
1787
|
-
) : ""), 9,
|
|
1788
|
-
s && e.FINAL_CONFIG.bar.serieName.show ? (
|
|
1794
|
+
) : ""), 9, ha)) : h("", !0),
|
|
1795
|
+
s && e.FINAL_CONFIG.bar.serieName.show ? (r(), l("text", {
|
|
1789
1796
|
key: 1,
|
|
1790
1797
|
x: i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? s.x + e.slot.line / 2 : s.x + e.calcRectWidth() * 1.1,
|
|
1791
1798
|
y: s.y + (s.value > 0 ? e.FINAL_CONFIG.bar.serieName.offsetY : -e.FINAL_CONFIG.bar.serieName.offsetY * 3),
|
|
1792
1799
|
"text-anchor": "middle",
|
|
1793
1800
|
"font-size": i.fontSizes.plotLabels,
|
|
1794
|
-
fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ?
|
|
1801
|
+
fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? a.color : e.FINAL_CONFIG.bar.serieName.color,
|
|
1795
1802
|
"font-weight": e.FINAL_CONFIG.bar.serieName.bold ? "bold" : "normal"
|
|
1796
|
-
}, S(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source:
|
|
1803
|
+
}, S(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: a.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : a.name), 9, da)) : h("", !0)
|
|
1797
1804
|
]))), 128))
|
|
1798
1805
|
], 6))), 128))
|
|
1799
|
-
])) :
|
|
1800
|
-
e.FINAL_CONFIG.plot.labels.show && i.mutableConfig.dataLabels.show ? (
|
|
1801
|
-
(
|
|
1806
|
+
])) : h("", !0),
|
|
1807
|
+
e.FINAL_CONFIG.plot.labels.show && i.mutableConfig.dataLabels.show ? (r(), l("g", ua, [
|
|
1808
|
+
(r(!0), l(N, null, I(e.plotSet, (a, c) => (r(), l("g", {
|
|
1802
1809
|
key: `xLabel_plot_${c}`,
|
|
1803
1810
|
class: M(`xLabel_plot_${c}`),
|
|
1804
|
-
style: A(`opacity:${i.selectedScale ? i.selectedScale ===
|
|
1811
|
+
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1805
1812
|
}, [
|
|
1806
|
-
(
|
|
1813
|
+
(r(!0), l(N, null, I(a.plots, (s, g) => (r(), l("g", {
|
|
1807
1814
|
key: `xLabel_plot_${c}_${g}`
|
|
1808
1815
|
}, [
|
|
1809
|
-
s && !Object.hasOwn(
|
|
1816
|
+
s && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), l("text", {
|
|
1810
1817
|
key: 0,
|
|
1811
1818
|
x: s.x,
|
|
1812
1819
|
y: s.y + e.FINAL_CONFIG.plot.labels.offsetY,
|
|
@@ -1817,17 +1824,17 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1817
1824
|
e.FINAL_CONFIG.plot.labels.formatter,
|
|
1818
1825
|
s.value,
|
|
1819
1826
|
e.dataLabel({
|
|
1820
|
-
p:
|
|
1827
|
+
p: a.prefix || e.FINAL_CONFIG.chart.labels.prefix,
|
|
1821
1828
|
v: s.value,
|
|
1822
|
-
s:
|
|
1829
|
+
s: a.suffix || e.FINAL_CONFIG.chart.labels.suffix,
|
|
1823
1830
|
r: e.FINAL_CONFIG.plot.labels.rounding
|
|
1824
1831
|
}),
|
|
1825
1832
|
{
|
|
1826
1833
|
datapoint: s,
|
|
1827
|
-
serie:
|
|
1834
|
+
serie: a
|
|
1828
1835
|
}
|
|
1829
|
-
) : ""), 9,
|
|
1830
|
-
s && g === 0 &&
|
|
1836
|
+
) : ""), 9, ga)) : h("", !0),
|
|
1837
|
+
s && g === 0 && a.useTag && a.useTag === "start" ? (r(), l("foreignObject", {
|
|
1831
1838
|
key: 1,
|
|
1832
1839
|
x: s.x,
|
|
1833
1840
|
y: s.y - 20,
|
|
@@ -1836,34 +1843,34 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1836
1843
|
style: { overflow: "visible" }
|
|
1837
1844
|
}, [
|
|
1838
1845
|
u("div", {
|
|
1839
|
-
style: A(`padding: 3px; background:${e.setOpacity(
|
|
1840
|
-
}, S(
|
|
1841
|
-
], 8,
|
|
1842
|
-
s && g ===
|
|
1846
|
+
style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
1847
|
+
}, S(a.name), 5)
|
|
1848
|
+
], 8, fa)) : h("", !0),
|
|
1849
|
+
s && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), l("foreignObject", {
|
|
1843
1850
|
key: 2,
|
|
1844
|
-
x: s.x -
|
|
1851
|
+
x: s.x - a.name.length * (i.fontSizes.plotLabels / 2),
|
|
1845
1852
|
y: s.y - 20,
|
|
1846
1853
|
height: 24,
|
|
1847
1854
|
width: "150",
|
|
1848
1855
|
style: { overflow: "visible" }
|
|
1849
1856
|
}, [
|
|
1850
1857
|
u("div", {
|
|
1851
|
-
style: A(`padding: 3px; background:${e.setOpacity(
|
|
1852
|
-
}, S(
|
|
1853
|
-
], 8,
|
|
1858
|
+
style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
1859
|
+
}, S(a.name), 5)
|
|
1860
|
+
], 8, Na)) : h("", !0)
|
|
1854
1861
|
]))), 128))
|
|
1855
1862
|
], 6))), 128))
|
|
1856
|
-
])) :
|
|
1857
|
-
e.FINAL_CONFIG.line.labels.show && i.mutableConfig.dataLabels.show ? (
|
|
1858
|
-
(
|
|
1863
|
+
])) : h("", !0),
|
|
1864
|
+
e.FINAL_CONFIG.line.labels.show && i.mutableConfig.dataLabels.show ? (r(), l("g", ma, [
|
|
1865
|
+
(r(!0), l(N, null, I(e.lineSet, (a, c) => (r(), l("g", {
|
|
1859
1866
|
key: `xLabel_line_${c}`,
|
|
1860
1867
|
class: M(`xLabel_line_${c}`),
|
|
1861
|
-
style: A(`opacity:${i.selectedScale ? i.selectedScale ===
|
|
1868
|
+
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1862
1869
|
}, [
|
|
1863
|
-
(
|
|
1870
|
+
(r(!0), l(N, null, I(a.plots, (s, g) => (r(), l("g", {
|
|
1864
1871
|
key: `xLabel_line_${c}_${g}`
|
|
1865
1872
|
}, [
|
|
1866
|
-
s && !Object.hasOwn(
|
|
1873
|
+
s && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), l("text", {
|
|
1867
1874
|
key: 0,
|
|
1868
1875
|
x: s.x,
|
|
1869
1876
|
y: s.y + (s.value > 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
|
|
@@ -1874,17 +1881,17 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1874
1881
|
e.FINAL_CONFIG.line.labels.formatter,
|
|
1875
1882
|
s.value,
|
|
1876
1883
|
e.dataLabel({
|
|
1877
|
-
p:
|
|
1884
|
+
p: a.prefix || e.FINAL_CONFIG.chart.labels.prefix,
|
|
1878
1885
|
v: s.value,
|
|
1879
|
-
s:
|
|
1886
|
+
s: a.suffix || e.FINAL_CONFIG.chart.labels.suffix,
|
|
1880
1887
|
r: e.FINAL_CONFIG.line.labels.rounding
|
|
1881
1888
|
}),
|
|
1882
1889
|
{
|
|
1883
1890
|
datapoint: s,
|
|
1884
|
-
serie:
|
|
1891
|
+
serie: a
|
|
1885
1892
|
}
|
|
1886
|
-
) : ""), 9,
|
|
1887
|
-
s && g === 0 &&
|
|
1893
|
+
) : ""), 9, Ia)) : h("", !0),
|
|
1894
|
+
s && g === 0 && a.useTag && a.useTag === "start" ? (r(), l("foreignObject", {
|
|
1888
1895
|
key: 1,
|
|
1889
1896
|
x: s.x,
|
|
1890
1897
|
y: s.y - 20,
|
|
@@ -1893,150 +1900,150 @@ function Ya(a, n, h, f, i, e) {
|
|
|
1893
1900
|
style: { overflow: "visible" }
|
|
1894
1901
|
}, [
|
|
1895
1902
|
u("div", {
|
|
1896
|
-
style: A(`padding: 3px; background:${e.setOpacity(
|
|
1897
|
-
}, S(
|
|
1898
|
-
], 8,
|
|
1899
|
-
s && g ===
|
|
1903
|
+
style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
1904
|
+
}, S(a.name), 5)
|
|
1905
|
+
], 8, xa)) : h("", !0),
|
|
1906
|
+
s && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), l("foreignObject", {
|
|
1900
1907
|
key: 2,
|
|
1901
|
-
x: s.x -
|
|
1908
|
+
x: s.x - a.name.length * (i.fontSizes.plotLabels / 2),
|
|
1902
1909
|
y: s.y - 20,
|
|
1903
1910
|
height: 24,
|
|
1904
1911
|
width: "150",
|
|
1905
1912
|
style: { overflow: "visible" }
|
|
1906
1913
|
}, [
|
|
1907
1914
|
u("div", {
|
|
1908
|
-
style: A(`padding: 3px; background:${e.setOpacity(
|
|
1909
|
-
}, S(
|
|
1910
|
-
], 8,
|
|
1915
|
+
style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
1916
|
+
}, S(a.name), 5)
|
|
1917
|
+
], 8, ba)) : h("", !0)
|
|
1911
1918
|
]))), 128))
|
|
1912
1919
|
], 6))), 128))
|
|
1913
|
-
])) :
|
|
1914
|
-
(
|
|
1920
|
+
])) : h("", !0),
|
|
1921
|
+
(r(!0), l(N, null, I(e.lineSet, (a, c) => (r(), l("g", {
|
|
1915
1922
|
key: `xLabel_line_${c}`,
|
|
1916
1923
|
class: M(`xLabel_line_${c}`),
|
|
1917
|
-
style: A(`opacity:${i.selectedScale ? i.selectedScale ===
|
|
1924
|
+
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1918
1925
|
}, [
|
|
1919
|
-
(
|
|
1926
|
+
(r(!0), l(N, null, I(a.plots, (s, g) => (r(), l("g", {
|
|
1920
1927
|
key: `xLabel_line_${c}_${g}`
|
|
1921
1928
|
}, [
|
|
1922
|
-
s && g === 0 &&
|
|
1929
|
+
s && g === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), l("text", {
|
|
1923
1930
|
key: 0,
|
|
1924
1931
|
x: s.x - i.fontSizes.plotLabels,
|
|
1925
1932
|
y: s.y,
|
|
1926
1933
|
"font-size": i.fontSizes.plotLabels,
|
|
1927
1934
|
"text-anchor": "end",
|
|
1928
|
-
fill:
|
|
1935
|
+
fill: a.color,
|
|
1929
1936
|
innerHTML: e.createTSpans({
|
|
1930
|
-
content:
|
|
1937
|
+
content: a.name,
|
|
1931
1938
|
fontSize: i.fontSizes.plotLabels,
|
|
1932
|
-
fill:
|
|
1939
|
+
fill: a.color,
|
|
1933
1940
|
x: s.x - i.fontSizes.plotLabels,
|
|
1934
1941
|
y: s.y,
|
|
1935
1942
|
maxWords: 2
|
|
1936
1943
|
})
|
|
1937
|
-
}, null, 8,
|
|
1938
|
-
s && g ===
|
|
1944
|
+
}, null, 8, Fa)) : h("", !0),
|
|
1945
|
+
s && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), l("text", {
|
|
1939
1946
|
key: 1,
|
|
1940
1947
|
x: s.x + i.fontSizes.plotLabels,
|
|
1941
1948
|
y: s.y,
|
|
1942
1949
|
"font-size": i.fontSizes.plotLabels,
|
|
1943
1950
|
"text-anchor": "start",
|
|
1944
|
-
fill:
|
|
1951
|
+
fill: a.color,
|
|
1945
1952
|
innerHTML: e.createTSpans({
|
|
1946
|
-
content:
|
|
1953
|
+
content: a.name,
|
|
1947
1954
|
fontSize: i.fontSizes.plotLabels,
|
|
1948
|
-
fill:
|
|
1955
|
+
fill: a.color,
|
|
1949
1956
|
x: s.x + i.fontSizes.plotLabels,
|
|
1950
1957
|
y: s.y,
|
|
1951
1958
|
maxWords: 2
|
|
1952
1959
|
})
|
|
1953
|
-
}, null, 8,
|
|
1960
|
+
}, null, 8, _a)) : h("", !0)
|
|
1954
1961
|
]))), 128))
|
|
1955
1962
|
], 6))), 128)),
|
|
1956
|
-
(
|
|
1963
|
+
(r(!0), l(N, null, I(e.plotSet, (a, c) => (r(), l("g", {
|
|
1957
1964
|
key: `xLabel_plot_${c}`,
|
|
1958
1965
|
class: M(`xLabel_plot_${c}`),
|
|
1959
|
-
style: A(`opacity:${i.selectedScale ? i.selectedScale ===
|
|
1966
|
+
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1960
1967
|
}, [
|
|
1961
|
-
(
|
|
1968
|
+
(r(!0), l(N, null, I(a.plots, (s, g) => (r(), l("g", {
|
|
1962
1969
|
key: `xLabel_plot_${c}_${g}`
|
|
1963
1970
|
}, [
|
|
1964
|
-
s && g === 0 &&
|
|
1971
|
+
s && g === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), l("text", {
|
|
1965
1972
|
key: 0,
|
|
1966
1973
|
x: s.x - i.fontSizes.plotLabels,
|
|
1967
1974
|
y: s.y,
|
|
1968
1975
|
"font-size": i.fontSizes.plotLabels,
|
|
1969
1976
|
"text-anchor": "end",
|
|
1970
|
-
fill:
|
|
1977
|
+
fill: a.color,
|
|
1971
1978
|
innerHTML: e.createTSpans({
|
|
1972
|
-
content:
|
|
1979
|
+
content: a.name,
|
|
1973
1980
|
fontSize: i.fontSizes.plotLabels,
|
|
1974
|
-
fill:
|
|
1981
|
+
fill: a.color,
|
|
1975
1982
|
x: s.x - i.fontSizes.plotLabels,
|
|
1976
1983
|
y: s.y,
|
|
1977
1984
|
maxWords: 2
|
|
1978
1985
|
})
|
|
1979
|
-
}, null, 8,
|
|
1980
|
-
s && g ===
|
|
1986
|
+
}, null, 8, ya)) : h("", !0),
|
|
1987
|
+
s && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), l("text", {
|
|
1981
1988
|
key: 1,
|
|
1982
1989
|
x: s.x + i.fontSizes.plotLabels,
|
|
1983
1990
|
y: s.y,
|
|
1984
1991
|
"font-size": i.fontSizes.plotLabels,
|
|
1985
1992
|
"text-anchor": "start",
|
|
1986
|
-
fill:
|
|
1993
|
+
fill: a.color,
|
|
1987
1994
|
innerHTML: e.createTSpans({
|
|
1988
|
-
content:
|
|
1995
|
+
content: a.name,
|
|
1989
1996
|
fontSize: i.fontSizes.plotLabels,
|
|
1990
|
-
fill:
|
|
1997
|
+
fill: a.color,
|
|
1991
1998
|
x: s.x + i.fontSizes.plotLabels,
|
|
1992
1999
|
y: s.y,
|
|
1993
2000
|
maxWords: 2
|
|
1994
2001
|
})
|
|
1995
|
-
}, null, 8,
|
|
2002
|
+
}, null, 8, Aa)) : h("", !0)
|
|
1996
2003
|
]))), 128))
|
|
1997
2004
|
], 6))), 128)),
|
|
1998
|
-
i.mutableConfig.useIndividualScale && !i.mutableConfig.isStacked ? (
|
|
1999
|
-
x:
|
|
2005
|
+
i.mutableConfig.useIndividualScale && !i.mutableConfig.isStacked ? (r(!0), l(N, { key: 8 }, I(e.allScales, (a) => (r(), l("rect", {
|
|
2006
|
+
x: a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
|
|
2000
2007
|
y: e.drawingArea.top,
|
|
2001
2008
|
width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
|
|
2002
2009
|
height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
|
|
2003
|
-
fill: i.selectedScale ===
|
|
2004
|
-
onMouseenter: (c) => i.selectedScale =
|
|
2010
|
+
fill: i.selectedScale === a.id ? e.setOpacity(a.color, 20) : "transparent",
|
|
2011
|
+
onMouseenter: (c) => i.selectedScale = a.id,
|
|
2005
2012
|
onMouseleave: n[0] || (n[0] = (c) => i.selectedScale = null)
|
|
2006
|
-
}, null, 40,
|
|
2013
|
+
}, null, 40, La))), 256)) : h("", !0),
|
|
2007
2014
|
u("g", null, [
|
|
2008
|
-
e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !i.mutableConfig.useIndividualScale ? (
|
|
2015
|
+
e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !i.mutableConfig.useIndividualScale ? (r(), l("text", {
|
|
2009
2016
|
key: 0,
|
|
2010
2017
|
"font-size": i.fontSizes.yAxis,
|
|
2011
2018
|
fill: e.FINAL_CONFIG.chart.grid.labels.color,
|
|
2012
2019
|
transform: `translate(${i.fontSizes.yAxis + e.FINAL_CONFIG.chart.grid.labels.axis.yLabelOffsetX}, ${e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`,
|
|
2013
2020
|
"text-anchor": "middle",
|
|
2014
2021
|
style: { transition: "none" }
|
|
2015
|
-
}, S(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9,
|
|
2016
|
-
e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (
|
|
2022
|
+
}, S(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Ca)) : h("", !0),
|
|
2023
|
+
e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (r(), l("text", {
|
|
2017
2024
|
key: 1,
|
|
2018
2025
|
"text-anchor": "middle",
|
|
2019
2026
|
x: i.width / 2,
|
|
2020
2027
|
y: e.drawingArea.bottom + i.fontSizes.yAxis + i.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.axis.xLabelOffsetY,
|
|
2021
2028
|
"font-size": i.fontSizes.yAxis,
|
|
2022
2029
|
fill: e.FINAL_CONFIG.chart.grid.labels.color
|
|
2023
|
-
}, S(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9,
|
|
2030
|
+
}, S(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Sa)) : h("", !0)
|
|
2024
2031
|
]),
|
|
2025
|
-
e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (
|
|
2026
|
-
(
|
|
2032
|
+
e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (r(), l("g", ka, [
|
|
2033
|
+
(r(!0), l(N, null, I(e.timeLabels, (a, c) => (r(), l("g", {
|
|
2027
2034
|
key: `time_label_${c}`
|
|
2028
2035
|
}, [
|
|
2029
|
-
|
|
2036
|
+
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 && (c === 0 || c === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && i.selectedSerieIndex === c && !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 && c % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (r(), l("text", {
|
|
2030
2037
|
key: 0,
|
|
2031
2038
|
"text-anchor": e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
|
|
2032
2039
|
"font-size": i.fontSizes.xAxis,
|
|
2033
2040
|
fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
|
|
2034
2041
|
transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + i.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`
|
|
2035
|
-
}, S(
|
|
2042
|
+
}, S(a || ""), 9, wa)) : h("", !0)
|
|
2036
2043
|
]))), 128))
|
|
2037
|
-
])) :
|
|
2044
|
+
])) : h("", !0),
|
|
2038
2045
|
u("g", null, [
|
|
2039
|
-
(
|
|
2046
|
+
(r(!0), l(N, null, I(e.maxSeries, (a, c) => (r(), l("g", {
|
|
2040
2047
|
key: `tooltip_trap_${c}`
|
|
2041
2048
|
}, [
|
|
2042
2049
|
u("rect", {
|
|
@@ -2049,11 +2056,11 @@ function Ya(a, n, h, f, i, e) {
|
|
|
2049
2056
|
onMouseenter: (s) => e.toggleTooltipVisibility(!0, c),
|
|
2050
2057
|
onMouseleave: n[1] || (n[1] = (s) => e.toggleTooltipVisibility(!1)),
|
|
2051
2058
|
onClick: (s) => e.selectX(c)
|
|
2052
|
-
}, null, 40,
|
|
2059
|
+
}, null, 40, Oa)
|
|
2053
2060
|
]))), 128))
|
|
2054
2061
|
]),
|
|
2055
|
-
e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(i.selectedSerieIndex) ? (
|
|
2056
|
-
(
|
|
2062
|
+
e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(i.selectedSerieIndex) ? (r(), l("g", Ga, [
|
|
2063
|
+
(r(), l("foreignObject", {
|
|
2057
2064
|
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * i.selectedSerieIndex - 100 + e.drawingArea.width / e.maxSeries / 2,
|
|
2058
2065
|
y: e.drawingArea.bottom,
|
|
2059
2066
|
width: "200",
|
|
@@ -2064,21 +2071,21 @@ function Ya(a, n, h, f, i, e) {
|
|
|
2064
2071
|
class: "vue-ui-xy-time-tag",
|
|
2065
2072
|
style: A(`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`)
|
|
2066
2073
|
}, S(e.timeLabels[i.selectedSerieIndex] || i.selectedSerieIndex), 5)
|
|
2067
|
-
], 8,
|
|
2074
|
+
], 8, va)),
|
|
2068
2075
|
u("circle", {
|
|
2069
2076
|
cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * i.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
|
|
2070
2077
|
cy: e.drawingArea.bottom,
|
|
2071
2078
|
r: e.FINAL_CONFIG.chart.timeTag.circleMarker.radius,
|
|
2072
2079
|
fill: e.FINAL_CONFIG.chart.timeTag.circleMarker.color
|
|
2073
|
-
}, null, 8,
|
|
2074
|
-
])) :
|
|
2075
|
-
])) :
|
|
2076
|
-
O(
|
|
2077
|
-
], 14,
|
|
2078
|
-
|
|
2079
|
-
O(
|
|
2080
|
-
])) :
|
|
2081
|
-
e.isDataset ?
|
|
2080
|
+
}, null, 8, pa)
|
|
2081
|
+
])) : h("", !0)
|
|
2082
|
+
])) : h("", !0),
|
|
2083
|
+
O(t.$slots, "svg", { svg: e.svg }, void 0, !0)
|
|
2084
|
+
], 14, Xe)) : h("", !0),
|
|
2085
|
+
t.$slots.watermark ? (r(), l("div", za, [
|
|
2086
|
+
O(t.$slots, "watermark", B(Y({ isPrinting: i.isPrinting || i.isImaging })), void 0, !0)
|
|
2087
|
+
])) : h("", !0),
|
|
2088
|
+
e.isDataset ? h("", !0) : (r(), V(m, {
|
|
2082
2089
|
key: 4,
|
|
2083
2090
|
config: {
|
|
2084
2091
|
type: "line",
|
|
@@ -2096,7 +2103,7 @@ function Ya(a, n, h, f, i, e) {
|
|
|
2096
2103
|
}
|
|
2097
2104
|
}
|
|
2098
2105
|
}, null, 8, ["config"])),
|
|
2099
|
-
e.FINAL_CONFIG.chart.zoom.show && i.maxX > 6 && e.isDataset ? (
|
|
2106
|
+
e.FINAL_CONFIG.chart.zoom.show && i.maxX > 6 && e.isDataset ? (r(), V(C, {
|
|
2100
2107
|
ref: "chartSlicer",
|
|
2101
2108
|
key: `slicer_${i.slicerStep}`,
|
|
2102
2109
|
background: e.FINAL_CONFIG.chart.zoom.color,
|
|
@@ -2121,29 +2128,29 @@ function Ya(a, n, h, f, i, e) {
|
|
|
2121
2128
|
valueStart: i.slicer.start,
|
|
2122
2129
|
valueEnd: i.slicer.end,
|
|
2123
2130
|
start: i.slicer.start,
|
|
2124
|
-
"onUpdate:start": n[2] || (n[2] = (
|
|
2131
|
+
"onUpdate:start": n[2] || (n[2] = (a) => i.slicer.start = a),
|
|
2125
2132
|
end: i.slicer.end,
|
|
2126
|
-
"onUpdate:end": n[3] || (n[3] = (
|
|
2133
|
+
"onUpdate:end": n[3] || (n[3] = (a) => i.slicer.end = a),
|
|
2127
2134
|
onReset: e.refreshSlicer,
|
|
2128
2135
|
onTrapMouse: e.selectMinimapIndex
|
|
2129
2136
|
}, {
|
|
2130
|
-
"reset-action": p(({ reset:
|
|
2131
|
-
O(
|
|
2137
|
+
"reset-action": p(({ reset: a }) => [
|
|
2138
|
+
O(t.$slots, "reset-action", B(Y({ reset: a })), void 0, !0)
|
|
2132
2139
|
]),
|
|
2133
2140
|
_: 3
|
|
2134
|
-
}, 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"])) :
|
|
2135
|
-
e.FINAL_CONFIG.chart.legend.show ? (
|
|
2141
|
+
}, 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"])) : h("", !0),
|
|
2142
|
+
e.FINAL_CONFIG.chart.legend.show ? (r(), l("div", {
|
|
2136
2143
|
key: 6,
|
|
2137
2144
|
ref: "chartLegend",
|
|
2138
2145
|
class: "vue-ui-xy-legend",
|
|
2139
2146
|
style: A(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
|
|
2140
2147
|
}, [
|
|
2141
|
-
(
|
|
2148
|
+
(r(!0), l(N, null, I(e.absoluteDataset, (a, c) => (r(), l("div", {
|
|
2142
2149
|
key: `div_legend_item_${c}`,
|
|
2143
|
-
onClick: (s) => e.segregate(
|
|
2144
|
-
class: M({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": i.segregatedSeries.includes(
|
|
2150
|
+
onClick: (s) => e.segregate(a),
|
|
2151
|
+
class: M({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": i.segregatedSeries.includes(a.id) })
|
|
2145
2152
|
}, [
|
|
2146
|
-
i.icons[
|
|
2153
|
+
i.icons[a.type] === "line" ? (r(), l("svg", Pa, [
|
|
2147
2154
|
u("rect", {
|
|
2148
2155
|
x: "0",
|
|
2149
2156
|
y: "7",
|
|
@@ -2151,18 +2158,18 @@ function Ya(a, n, h, f, i, e) {
|
|
|
2151
2158
|
stroke: "none",
|
|
2152
2159
|
height: "4",
|
|
2153
2160
|
width: "20",
|
|
2154
|
-
fill:
|
|
2155
|
-
}, null, 8,
|
|
2161
|
+
fill: a.color
|
|
2162
|
+
}, null, 8, Ta),
|
|
2156
2163
|
q(L, {
|
|
2157
2164
|
plot: { x: 10, y: 9 },
|
|
2158
2165
|
radius: 4,
|
|
2159
|
-
color:
|
|
2160
|
-
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(
|
|
2166
|
+
color: a.color,
|
|
2167
|
+
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
|
|
2161
2168
|
stroke: e.FINAL_CONFIG.chart.backgroundColor,
|
|
2162
2169
|
strokeWidth: 1
|
|
2163
2170
|
}, null, 8, ["color", "shape", "stroke"])
|
|
2164
|
-
])) : (
|
|
2165
|
-
i.icons[
|
|
2171
|
+
])) : (r(), l("svg", Va, [
|
|
2172
|
+
i.icons[a.type] === "bar" ? (r(), l("rect", {
|
|
2166
2173
|
key: 0,
|
|
2167
2174
|
x: "0",
|
|
2168
2175
|
y: "0",
|
|
@@ -2170,21 +2177,21 @@ function Ya(a, n, h, f, i, e) {
|
|
|
2170
2177
|
height: "12",
|
|
2171
2178
|
width: "12",
|
|
2172
2179
|
stroke: "none",
|
|
2173
|
-
fill:
|
|
2174
|
-
}, null, 8,
|
|
2180
|
+
fill: a.color
|
|
2181
|
+
}, null, 8, Ra)) : (r(), V(L, {
|
|
2175
2182
|
key: 1,
|
|
2176
2183
|
plot: { x: 6, y: 6 },
|
|
2177
2184
|
radius: 5,
|
|
2178
|
-
color:
|
|
2179
|
-
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(
|
|
2185
|
+
color: a.color,
|
|
2186
|
+
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle"
|
|
2180
2187
|
}, null, 8, ["color", "shape"]))
|
|
2181
2188
|
])),
|
|
2182
2189
|
u("span", {
|
|
2183
2190
|
style: A(`color:${e.FINAL_CONFIG.chart.legend.color}`)
|
|
2184
|
-
}, S(
|
|
2185
|
-
], 10,
|
|
2186
|
-
], 4)) : (
|
|
2187
|
-
O(
|
|
2191
|
+
}, S(a.name), 5)
|
|
2192
|
+
], 10, Ma))), 128))
|
|
2193
|
+
], 4)) : (r(), l("div", Da, [
|
|
2194
|
+
O(t.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
|
|
2188
2195
|
], 512)),
|
|
2189
2196
|
q(z, {
|
|
2190
2197
|
show: i.mutableConfig.showTooltip && i.isTooltip,
|
|
@@ -2197,19 +2204,19 @@ function Ya(a, n, h, f, i, e) {
|
|
|
2197
2204
|
backgroundOpacity: e.FINAL_CONFIG.chart.tooltip.backgroundOpacity,
|
|
2198
2205
|
position: e.FINAL_CONFIG.chart.tooltip.position,
|
|
2199
2206
|
offsetY: e.FINAL_CONFIG.chart.tooltip.offsetY,
|
|
2200
|
-
parent:
|
|
2207
|
+
parent: t.$refs.chart,
|
|
2201
2208
|
content: e.tooltipContent,
|
|
2202
2209
|
isCustom: e.FINAL_CONFIG.chart.tooltip.customFormat && typeof e.FINAL_CONFIG.chart.tooltip.customFormat == "function"
|
|
2203
2210
|
}, {
|
|
2204
2211
|
"tooltip-before": p(() => [
|
|
2205
|
-
O(
|
|
2212
|
+
O(t.$slots, "tooltip-before", B(Y({ ...e.dataTooltipSlot })), void 0, !0)
|
|
2206
2213
|
]),
|
|
2207
2214
|
"tooltip-after": p(() => [
|
|
2208
|
-
O(
|
|
2215
|
+
O(t.$slots, "tooltip-after", B(Y({ ...e.dataTooltipSlot })), void 0, !0)
|
|
2209
2216
|
]),
|
|
2210
2217
|
_: 3
|
|
2211
2218
|
}, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
|
|
2212
|
-
e.isDataset ? (
|
|
2219
|
+
e.isDataset ? (r(), V(F, {
|
|
2213
2220
|
key: 8,
|
|
2214
2221
|
hideDetails: "",
|
|
2215
2222
|
config: {
|
|
@@ -2229,15 +2236,15 @@ function Ya(a, n, h, f, i, e) {
|
|
|
2229
2236
|
u("div", {
|
|
2230
2237
|
style: A(`${i.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
|
|
2231
2238
|
}, [
|
|
2232
|
-
u("div",
|
|
2233
|
-
|
|
2239
|
+
u("div", Wa, [
|
|
2240
|
+
Re(u("input", {
|
|
2234
2241
|
type: "checkbox",
|
|
2235
|
-
"onUpdate:modelValue": n[4] || (n[4] = (
|
|
2242
|
+
"onUpdate:modelValue": n[4] || (n[4] = (a) => i.showSparklineTable = a)
|
|
2236
2243
|
}, null, 512), [
|
|
2237
|
-
[
|
|
2244
|
+
[De, i.showSparklineTable]
|
|
2238
2245
|
]),
|
|
2239
2246
|
u("div", {
|
|
2240
|
-
onClick: n[5] || (n[5] = (
|
|
2247
|
+
onClick: n[5] || (n[5] = (a) => i.showSparklineTable = !i.showSparklineTable),
|
|
2241
2248
|
style: { cursor: "pointer" }
|
|
2242
2249
|
}, [
|
|
2243
2250
|
q(k, {
|
|
@@ -2247,26 +2254,26 @@ function Ya(a, n, h, f, i, e) {
|
|
|
2247
2254
|
}, null, 8, ["stroke"])
|
|
2248
2255
|
])
|
|
2249
2256
|
]),
|
|
2250
|
-
i.showSparklineTable ? (
|
|
2257
|
+
i.showSparklineTable ? (r(), V(v, {
|
|
2251
2258
|
key: `sparkline_${i.segregateStep}`,
|
|
2252
2259
|
dataset: e.tableSparklineDataset,
|
|
2253
2260
|
config: e.tableSparklineConfig
|
|
2254
|
-
}, null, 8, ["dataset", "config"])) : (
|
|
2261
|
+
}, null, 8, ["dataset", "config"])) : (r(), V(G, {
|
|
2255
2262
|
key: `table_${i.tableStep}`,
|
|
2256
2263
|
colNames: e.dataTable.colNames,
|
|
2257
2264
|
head: e.dataTable.head,
|
|
2258
2265
|
body: e.dataTable.body,
|
|
2259
2266
|
config: e.dataTable.config,
|
|
2260
2267
|
title: `${e.FINAL_CONFIG.chart.title.text}${e.FINAL_CONFIG.chart.title.subtitle.text ? ` : ${e.FINAL_CONFIG.chart.title.subtitle.text}` : ""}`,
|
|
2261
|
-
onClose: n[6] || (n[6] = (
|
|
2268
|
+
onClose: n[6] || (n[6] = (a) => i.mutableConfig.showTable = !1)
|
|
2262
2269
|
}, {
|
|
2263
|
-
th: p(({ th:
|
|
2264
|
-
u("div", { innerHTML:
|
|
2270
|
+
th: p(({ th: a }) => [
|
|
2271
|
+
u("div", { innerHTML: a }, null, 8, Ha)
|
|
2265
2272
|
]),
|
|
2266
|
-
td: p(({ td:
|
|
2267
|
-
|
|
2273
|
+
td: p(({ td: a }) => [
|
|
2274
|
+
We(S(isNaN(Number(a)) ? a : e.dataLabel({
|
|
2268
2275
|
p: e.FINAL_CONFIG.chart.labels.prefix,
|
|
2269
|
-
v:
|
|
2276
|
+
v: a,
|
|
2270
2277
|
s: e.FINAL_CONFIG.chart.labels.suffix,
|
|
2271
2278
|
r: e.FINAL_CONFIG.table.rounding
|
|
2272
2279
|
})), 1)
|
|
@@ -2276,10 +2283,10 @@ function Ya(a, n, h, f, i, e) {
|
|
|
2276
2283
|
], 4)
|
|
2277
2284
|
]),
|
|
2278
2285
|
_: 1
|
|
2279
|
-
}, 8, ["config"])) :
|
|
2280
|
-
], 14,
|
|
2286
|
+
}, 8, ["config"])) : h("", !0)
|
|
2287
|
+
], 14, Ye);
|
|
2281
2288
|
}
|
|
2282
|
-
const
|
|
2289
|
+
const ii = /* @__PURE__ */ He(Be, [["render", Ea], ["__scopeId", "data-v-7219254b"]]);
|
|
2283
2290
|
export {
|
|
2284
|
-
|
|
2291
|
+
ii as default
|
|
2285
2292
|
};
|