vue-data-ui 2.4.77 → 2.4.79
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-f_Kuk8SY.js → Arrow-CZYIn9eL.js} +1 -1
- package/dist/{Arrow-CfSMP_pf.cjs → Arrow-Ckps_h_h.cjs} +1 -1
- package/dist/{BaseIcon-QuseiwxO.js → BaseIcon-BmzdBA_n.js} +1 -1
- package/dist/{BaseIcon-BnnMILPX.cjs → BaseIcon-DmjD9_x3.cjs} +1 -1
- package/dist/{DataTable--ofk92Yb.js → DataTable-B2jdS-OG.js} +2 -2
- package/dist/{DataTable-D0qYxBVZ.cjs → DataTable-CX55KEac.cjs} +1 -1
- package/dist/{Legend-BhrGSZRp.js → Legend-DCSiQPuL.js} +2 -2
- package/dist/{Legend-DV4QFlV9.cjs → Legend-DSoIWaIm.cjs} +1 -1
- package/dist/{PackageVersion-BqwuIW-T.js → PackageVersion-CiKxfy3h.js} +1 -1
- package/dist/{PackageVersion-sBYhtscP.cjs → PackageVersion-DLubhuZS.cjs} +1 -1
- package/dist/{PenAndPaper-LsFeEPDj.js → PenAndPaper-Dkvtj3o8.js} +3 -3
- package/dist/{PenAndPaper-CHz_Iy5T.cjs → PenAndPaper-DmTTxoH_.cjs} +1 -1
- package/dist/{Shape-Dorp4kyF.js → Shape-BO_Ef-2H.js} +1 -1
- package/dist/{Shape-BO7Gprqr.cjs → Shape-DicDy5ja.cjs} +1 -1
- package/dist/{Slicer-CD8VkksI.js → Slicer-3blwRUEA.js} +2 -2
- package/dist/{Slicer-BDdf60jQ.cjs → Slicer-be7PbWkd.cjs} +1 -1
- package/dist/{Title-2MaMBji9.js → Title-B4ZkvXK-.js} +1 -1
- package/dist/{Title-BzcIyo-x.cjs → Title-Dc2F9vf7.cjs} +1 -1
- package/dist/{Tooltip-C_eI7NfC.js → Tooltip-B0LX9lY0.js} +1 -1
- package/dist/{Tooltip-DWo9kakv.cjs → Tooltip-Cd-T5cyc.cjs} +1 -1
- package/dist/{index-CbMyzHGj.cjs → index-0dnbsm6P.cjs} +1 -1
- package/dist/{index-DMvK32iW.js → index-DJL-Bkqp.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/{useNestedProp-DqPx8kFh.cjs → useNestedProp-B5IAA861.cjs} +1 -1
- package/dist/{useNestedProp-3oLbIjGJ.js → useNestedProp-uEksOW7g.js} +1 -1
- package/dist/{usePrinter-BzVsUZ9_.cjs → usePrinter-CRgTdjvo.cjs} +1 -1
- package/dist/{usePrinter-7L_B-x1F.js → usePrinter-DdGbL4Nm.js} +1 -1
- package/dist/{vue-data-ui-Cp4r0fLf.js → vue-data-ui-DH_NVt2Y.js} +60 -60
- package/dist/{vue-data-ui-CFnKc2Ol.cjs → vue-data-ui-DnUrT668.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-DTrJuAnz.cjs → vue-ui-3d-bar-CHmad-2R.cjs} +1 -1
- package/dist/{vue-ui-3d-bar-Cf1Q84nf.js → vue-ui-3d-bar-E96Fh4bt.js} +9 -9
- package/dist/{vue-ui-accordion-Uftgxo97.cjs → vue-ui-accordion-BFiGf3JH.cjs} +1 -1
- package/dist/{vue-ui-accordion-D9SRsoRT.js → vue-ui-accordion-B_eXBJPl.js} +3 -3
- package/dist/{vue-ui-age-pyramid-BpfajTvk.js → vue-ui-age-pyramid-CXRrdWei.js} +10 -10
- package/dist/{vue-ui-age-pyramid-CFWWFo_T.cjs → vue-ui-age-pyramid-e_hykrXO.cjs} +1 -1
- package/dist/{vue-ui-annotator-CI9JxLDD.cjs → vue-ui-annotator-BgORX2C5.cjs} +1 -1
- package/dist/{vue-ui-annotator-BGErHIWg.js → vue-ui-annotator-D9LEIs0K.js} +1 -1
- package/dist/{vue-ui-bullet-CCcAE1gt.cjs → vue-ui-bullet-BOkYPzif.cjs} +1 -1
- package/dist/{vue-ui-bullet-CerH0yY6.js → vue-ui-bullet-Bag56IIJ.js} +8 -8
- package/dist/{vue-ui-candlestick-B0AfUFwT.cjs → vue-ui-candlestick-B-jIAcFq.cjs} +1 -1
- package/dist/{vue-ui-candlestick-DaXMRecz.js → vue-ui-candlestick-DO-VI3mP.js} +11 -11
- package/dist/{vue-ui-carousel-table-Ct8iLKVC.js → vue-ui-carousel-table-BMIh1Ebr.js} +4 -4
- package/dist/{vue-ui-carousel-table-DU1f-7PI.cjs → vue-ui-carousel-table-EsGc3cUz.cjs} +1 -1
- package/dist/{vue-ui-chestnut-BimMImm7.js → vue-ui-chestnut-DSvIYyla.js} +8 -8
- package/dist/{vue-ui-chestnut-Bo6vX7Xa.cjs → vue-ui-chestnut-DztcJ6be.cjs} +1 -1
- package/dist/{vue-ui-cursor-BqjV3i9U.js → vue-ui-cursor-BoIxmcTJ.js} +2 -2
- package/dist/{vue-ui-cursor-O8Y4gIKa.cjs → vue-ui-cursor-CIRMZioa.cjs} +1 -1
- package/dist/{vue-ui-dashboard-DNJUgWJ3.cjs → vue-ui-dashboard-CGKgFm-J.cjs} +1 -1
- package/dist/{vue-ui-dashboard-BGBnagEV.js → vue-ui-dashboard-DEPiIO5h.js} +2 -2
- package/dist/{vue-ui-digits-D3pzhtVy.cjs → vue-ui-digits-5mLwwYL4.cjs} +1 -1
- package/dist/{vue-ui-digits-DUXLRlXF.js → vue-ui-digits-BsoQJduO.js} +2 -2
- package/dist/{vue-ui-donut-eljChQvj.js → vue-ui-donut-G2ULBU8l.js} +12 -12
- package/dist/{vue-ui-donut-evolution-HbunKbYi.js → vue-ui-donut-evolution-BTrHgtdk.js} +11 -11
- package/dist/{vue-ui-donut-evolution-DGaEBhHF.cjs → vue-ui-donut-evolution-Blr2REpx.cjs} +1 -1
- package/dist/{vue-ui-donut-DKME6kEY.cjs → vue-ui-donut-llWIbtQp.cjs} +1 -1
- package/dist/{vue-ui-dumbbell-C7Zv4NgK.js → vue-ui-dumbbell-B016NgrO.js} +10 -10
- package/dist/{vue-ui-dumbbell-CGw-Zwk-.cjs → vue-ui-dumbbell-B6sZjfji.cjs} +1 -1
- package/dist/{vue-ui-flow-DbWddpZi.cjs → vue-ui-flow-DBSOYUBa.cjs} +1 -1
- package/dist/{vue-ui-flow-DcRyVL45.js → vue-ui-flow-Drv-rQxc.js} +9 -9
- package/dist/{vue-ui-funnel-D3G2G4P3.js → vue-ui-funnel-BToC759R.js} +9 -9
- package/dist/{vue-ui-funnel-ByUFSg1s.cjs → vue-ui-funnel-DB2ffuqD.cjs} +1 -1
- package/dist/{vue-ui-galaxy-CXssUv3X.js → vue-ui-galaxy-BugfEsdL.js} +11 -11
- package/dist/{vue-ui-galaxy-ad_Bh1lr.cjs → vue-ui-galaxy-Bv5qHEuI.cjs} +1 -1
- package/dist/{vue-ui-gauge-DEROTsyc.js → vue-ui-gauge-B1e3bQ5v.js} +7 -7
- package/dist/{vue-ui-gauge-Bss6mlN7.cjs → vue-ui-gauge-Dz6mZtio.cjs} +1 -1
- package/dist/{vue-ui-gizmo--6Xw6Dh6.js → vue-ui-gizmo-BnI-keJZ.js} +3 -3
- package/dist/{vue-ui-gizmo-D4CEw0HZ.cjs → vue-ui-gizmo-qy22gBYB.cjs} +1 -1
- package/dist/{vue-ui-heatmap-DwCve3RN.cjs → vue-ui-heatmap-CWlfZsyN.cjs} +1 -1
- package/dist/{vue-ui-heatmap-q8JmNnG2.js → vue-ui-heatmap-I3_jZmtP.js} +10 -10
- package/dist/{vue-ui-history-plot-DnT-Ao3t.js → vue-ui-history-plot-DB6tM7q1.js} +11 -11
- package/dist/{vue-ui-history-plot-DaZNgu_Z.cjs → vue-ui-history-plot-Dy5l19KO.cjs} +1 -1
- package/dist/{vue-ui-kpi-Dn49_E2W.cjs → vue-ui-kpi-C-RJn7Qb.cjs} +1 -1
- package/dist/{vue-ui-kpi-IXgBP9oJ.js → vue-ui-kpi-CMPPk7-2.js} +3 -3
- package/dist/{vue-ui-mini-loader-Cm88qObv.js → vue-ui-mini-loader-BTovhpqa.js} +2 -2
- package/dist/{vue-ui-mini-loader-CiVFd_Pp.cjs → vue-ui-mini-loader-DdgUBFgc.cjs} +1 -1
- package/dist/{vue-ui-molecule-Cu92ujex.cjs → vue-ui-molecule-BToE-D1m.cjs} +1 -1
- package/dist/{vue-ui-molecule-C27vhrLA.js → vue-ui-molecule-DEApFPTb.js} +11 -11
- package/dist/{vue-ui-mood-radar-DvkK8J8b.cjs → vue-ui-mood-radar-CzQJlxHB.cjs} +1 -1
- package/dist/{vue-ui-mood-radar-DIJ9q9Cc.js → vue-ui-mood-radar-DidL44m8.js} +11 -11
- package/dist/{vue-ui-nested-donuts-DMaF0m31.cjs → vue-ui-nested-donuts-B4rvzmai.cjs} +1 -1
- package/dist/{vue-ui-nested-donuts-CcqhlN0R.js → vue-ui-nested-donuts-CZCq_ntG.js} +11 -11
- package/dist/{vue-ui-onion-D20_PGGT.cjs → vue-ui-onion-BN1bQ_8T.cjs} +1 -1
- package/dist/{vue-ui-onion-DQOu8srN.js → vue-ui-onion-Bz7SkpKH.js} +11 -11
- package/dist/{vue-ui-parallel-coordinate-plot-DEtBAZkv.js → vue-ui-parallel-coordinate-plot-BROqRQi1.js} +12 -12
- package/dist/{vue-ui-parallel-coordinate-plot-CDDv5TXW.cjs → vue-ui-parallel-coordinate-plot-ihPS549o.cjs} +1 -1
- package/dist/{vue-ui-quadrant-CVKT0Mil.cjs → vue-ui-quadrant-D-8RaXV1.cjs} +1 -1
- package/dist/{vue-ui-quadrant-9nixb7y0.js → vue-ui-quadrant-a8UWsJs0.js} +12 -12
- package/dist/{vue-ui-quick-chart-BBWe0rII.js → vue-ui-quick-chart-DtOsqO98.js} +9 -9
- package/dist/{vue-ui-quick-chart-DOqmZQuC.cjs → vue-ui-quick-chart-vJIqGDPA.cjs} +1 -1
- package/dist/{vue-ui-radar-crw-BUWI.cjs → vue-ui-radar-CqVTynLe.cjs} +1 -1
- package/dist/{vue-ui-radar-C_HKZN_s.js → vue-ui-radar-DpdtzwTa.js} +12 -12
- package/dist/{vue-ui-rating-Bb5D2NLX.js → vue-ui-rating-CrSkkJtF.js} +2 -2
- package/dist/{vue-ui-rating-D9C-jHN_.cjs → vue-ui-rating-DlIF1TSo.cjs} +1 -1
- package/dist/{vue-ui-relation-circle-BeinsphZ.cjs → vue-ui-relation-circle-BNqozco5.cjs} +1 -1
- package/dist/{vue-ui-relation-circle-D94QdFpd.js → vue-ui-relation-circle-DAbgurAL.js} +7 -7
- package/dist/{vue-ui-rings-8X_K59uf.cjs → vue-ui-rings-BQBc8s_2.cjs} +1 -1
- package/dist/{vue-ui-rings-B9WghU7W.js → vue-ui-rings-FuqykMtf.js} +12 -12
- package/dist/{vue-ui-scatter-BcGcpFFg.cjs → vue-ui-scatter-Cspy4HEB.cjs} +1 -1
- package/dist/{vue-ui-scatter-DOOY2ZmO.js → vue-ui-scatter-LB5ZPicT.js} +12 -12
- package/dist/{vue-ui-screenshot--dGw9WTO.js → vue-ui-screenshot-BOSDTFhQ.js} +1 -1
- package/dist/{vue-ui-screenshot-kqXcFrbS.cjs → vue-ui-screenshot-DGJZevoI.cjs} +1 -1
- package/dist/{vue-ui-skeleton-Dm5NZ_MQ.cjs → vue-ui-skeleton-DgPl6VyF.cjs} +1 -1
- package/dist/{vue-ui-skeleton-Bzsl5gab.js → vue-ui-skeleton-z4MGfNaM.js} +3 -3
- package/dist/{vue-ui-smiley-CHDBpGz6.js → vue-ui-smiley-BH4kob-0.js} +2 -2
- package/dist/{vue-ui-smiley-CzUbbfNC.cjs → vue-ui-smiley-DAx9UeuW.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-DDmtsL-M.js → vue-ui-spark-trend-B2zsG57C.js} +5 -5
- package/dist/{vue-ui-spark-trend-CBuzPxBw.cjs → vue-ui-spark-trend-C1IgkFvC.cjs} +1 -1
- package/dist/{vue-ui-sparkbar-clHgL-Jf.js → vue-ui-sparkbar-BxILnvE_.js} +4 -4
- package/dist/{vue-ui-sparkbar-BOWdoskI.cjs → vue-ui-sparkbar-DTAMO_6l.cjs} +1 -1
- package/dist/{vue-ui-sparkgauge-ClpG_Qy_.js → vue-ui-sparkgauge-Bh6Xnlrr.js} +4 -4
- package/dist/{vue-ui-sparkgauge-BCpab_To.cjs → vue-ui-sparkgauge-oKz3v_tA.cjs} +1 -1
- package/dist/{vue-ui-sparkhistogram-_-2qzDRQ.cjs → vue-ui-sparkhistogram-BwHRHEjh.cjs} +1 -1
- package/dist/{vue-ui-sparkhistogram-DtcZvaVe.js → vue-ui-sparkhistogram-hroDFCtN.js} +5 -5
- package/dist/{vue-ui-sparkline-Hw74DjL2.js → vue-ui-sparkline-BoTbKk0m.js} +4 -4
- package/dist/{vue-ui-sparkline-BiPWJRwq.cjs → vue-ui-sparkline-DVsfUCqf.cjs} +1 -1
- package/dist/{vue-ui-sparkstackbar-C65Dz1NY.cjs → vue-ui-sparkstackbar-BPLyPxbb.cjs} +1 -1
- package/dist/{vue-ui-sparkstackbar-BvdFMu7C.js → vue-ui-sparkstackbar-Dx-gwkJS.js} +5 -5
- package/dist/{vue-ui-stackbar-CUbWqpvI.cjs → vue-ui-stackbar-Bo35LeX3.cjs} +1 -1
- package/dist/{vue-ui-stackbar-DHihhNbH.js → vue-ui-stackbar-CytcFp3F.js} +13 -13
- package/dist/{vue-ui-strip-plot-CuoQTnRG.cjs → vue-ui-strip-plot-6YPlHYHR.cjs} +1 -1
- package/dist/{vue-ui-strip-plot-BeRtOGC8.js → vue-ui-strip-plot-BWElug2N.js} +11 -11
- package/dist/{vue-ui-table-00JpIXEn.js → vue-ui-table-CkyKeMnT.js} +1 -1
- package/dist/{vue-ui-table-C6jU1DC3.cjs → vue-ui-table-CpaLMB0s.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-BKwt85XQ.cjs → vue-ui-table-heatmap-C2p-9Bww.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-iRdyUnBz.js → vue-ui-table-heatmap-REK_djPO.js} +4 -4
- package/dist/{vue-ui-table-sparkline-Z-VfjBcc.cjs → vue-ui-table-sparkline-D-p7um7k.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline-B4S_DJRU.js → vue-ui-table-sparkline-XH9Z7XJu.js} +5 -5
- package/dist/{vue-ui-thermometer-MNfpy-bk.cjs → vue-ui-thermometer-B2_wvLY0.cjs} +1 -1
- package/dist/{vue-ui-thermometer-BVETzQ_9.js → vue-ui-thermometer-CHDexaNq.js} +7 -7
- package/dist/{vue-ui-timer-Dafx7lL2.js → vue-ui-timer-CO-ocJlg.js} +5 -5
- package/dist/{vue-ui-timer-DzzNUzOv.cjs → vue-ui-timer-XNil_xPc.cjs} +1 -1
- package/dist/{vue-ui-tiremarks-DvIZxZFn.js → vue-ui-tiremarks-D1KhIO-C.js} +7 -7
- package/dist/{vue-ui-tiremarks-VmJ74REn.cjs → vue-ui-tiremarks-PhCHMESG.cjs} +1 -1
- package/dist/{vue-ui-treemap-Bqurrxbn.js → vue-ui-treemap-CTaRPtej.js} +11 -11
- package/dist/{vue-ui-treemap-jtIS1DF3.cjs → vue-ui-treemap-eRw-KvRP.cjs} +1 -1
- package/dist/{vue-ui-vertical-bar-B7gHw4NU.cjs → vue-ui-vertical-bar-C397hdCy.cjs} +1 -1
- package/dist/{vue-ui-vertical-bar-CAQNpuVV.js → vue-ui-vertical-bar-CKNaAzgO.js} +12 -12
- package/dist/{vue-ui-waffle-Bx-yIwH9.cjs → vue-ui-waffle-BoPIMVpL.cjs} +1 -1
- package/dist/{vue-ui-waffle-BW2oPwaN.js → vue-ui-waffle-IiqKFXtD.js} +12 -12
- package/dist/{vue-ui-wheel-LE-u6_KV.js → vue-ui-wheel-Qxs183kC.js} +7 -7
- package/dist/{vue-ui-wheel-DdBcwGLj.cjs → vue-ui-wheel-zs6y5J02.cjs} +1 -1
- package/dist/{vue-ui-word-cloud-CjCNiXGN.js → vue-ui-word-cloud-7WimWD85.js} +151 -149
- package/dist/vue-ui-word-cloud-CKmr45uE.cjs +1 -0
- package/dist/vue-ui-xy-CkFO_zsE.cjs +3 -0
- package/dist/{vue-ui-xy-jjjT4XDo.js → vue-ui-xy-DMwaxdDv.js} +610 -609
- package/dist/{vue-ui-xy-canvas-BgWkLI4n.js → vue-ui-xy-canvas-3FUkwO0G.js} +11 -11
- package/dist/{vue-ui-xy-canvas-CBx1LM4e.cjs → vue-ui-xy-canvas-Cr3-2wGm.cjs} +1 -1
- package/package.json +1 -1
- package/dist/vue-ui-word-cloud-C1X5oYBt.cjs +0 -1
- package/dist/vue-ui-xy-Dr_MT-o-.cjs +0 -3
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { c as J, a as K, t as Q, z as j, p as $, V as X, O as R, f as U, L as ee, G as te, i as
|
|
2
|
-
import { D as we } from "./DataTable
|
|
3
|
-
import { _ as Oe } from "./Title-
|
|
4
|
-
import { _ as Ge, u as ve } from "./Tooltip-
|
|
5
|
-
import { U as ze } from "./usePrinter-
|
|
6
|
-
import { _ as Me } from "./Shape-
|
|
7
|
-
import pe from "./BaseIcon-
|
|
8
|
-
import Ve from "./vue-ui-table-sparkline-
|
|
9
|
-
import Te from "./vue-ui-skeleton-
|
|
10
|
-
import { S as Pe } from "./Slicer-
|
|
11
|
-
import Re from "./vue-ui-accordion-
|
|
12
|
-
import { u as Z } from "./useNestedProp-
|
|
13
|
-
import { _ as De } from "./PackageVersion-
|
|
14
|
-
import { P as He } from "./PenAndPaper-
|
|
1
|
+
import { c as J, a as K, t as Q, z as j, p as $, V as X, O as R, f as U, L as ee, G as te, i as ae, a4 as re, a1 as le, a5 as ie, v as se, a6 as ne, d as he, B as oe, b as ce, q as de, R as ue, a7 as ge, r as fe, e as Ie, a2 as me, y as Ne, C as xe, x as be, a8 as Fe, Z as _e, o as Ae, s as ye, w as Le, F as Ce, A as Se, u as ke } from "./index-DJL-Bkqp.js";
|
|
2
|
+
import { D as we } from "./DataTable-B2jdS-OG.js";
|
|
3
|
+
import { _ as Oe } from "./Title-B4ZkvXK-.js";
|
|
4
|
+
import { _ as Ge, u as ve } from "./Tooltip-B0LX9lY0.js";
|
|
5
|
+
import { U as ze } from "./usePrinter-DdGbL4Nm.js";
|
|
6
|
+
import { _ as Me } from "./Shape-BO_Ef-2H.js";
|
|
7
|
+
import pe from "./BaseIcon-BmzdBA_n.js";
|
|
8
|
+
import Ve from "./vue-ui-table-sparkline-XH9Z7XJu.js";
|
|
9
|
+
import Te from "./vue-ui-skeleton-z4MGfNaM.js";
|
|
10
|
+
import { S as Pe } from "./Slicer-3blwRUEA.js";
|
|
11
|
+
import Re from "./vue-ui-accordion-B_eXBJPl.js";
|
|
12
|
+
import { u as Z } from "./useNestedProp-uEksOW7g.js";
|
|
13
|
+
import { _ as De } from "./PackageVersion-CiKxfy3h.js";
|
|
14
|
+
import { P as He } from "./PenAndPaper-Dkvtj3o8.js";
|
|
15
15
|
import { resolveComponent as T, openBlock as l, createElementBlock as i, normalizeClass as P, normalizeStyle as L, createBlock as D, createCommentVNode as c, createSlots as Be, withCtx as p, renderSlot as S, normalizeProps as H, guardReactiveProps as B, createVNode as q, createElementVNode as f, Fragment as I, renderList as m, toDisplayString as k, mergeProps as We, withDirectives as Ee, vModelCheckbox as Ye, createTextVNode as qe } from "vue";
|
|
16
16
|
import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
17
17
|
const Ue = J(), Ze = {
|
|
@@ -53,7 +53,7 @@ const Ue = J(), Ze = {
|
|
|
53
53
|
index: t
|
|
54
54
|
});
|
|
55
55
|
});
|
|
56
|
-
const
|
|
56
|
+
const a = this.config.downsample && this.config.downsample.threshold ? this.config.downsample.threshold : 500, s = Math.max(...this.dataset.map((u) => this.largestTriangleThreeBucketsArray({ data: u.series, threshold: a }).length)), o = {
|
|
57
57
|
start: 0,
|
|
58
58
|
end: s
|
|
59
59
|
};
|
|
@@ -128,7 +128,7 @@ const Ue = J(), Ze = {
|
|
|
128
128
|
},
|
|
129
129
|
watch: {
|
|
130
130
|
dataset: {
|
|
131
|
-
handler(
|
|
131
|
+
handler(a, s) {
|
|
132
132
|
this.maxX = Math.max(...this.dataset.map((o) => this.largestTriangleThreeBucketsArray({
|
|
133
133
|
data: o.series,
|
|
134
134
|
threshold: this.FINAL_CONFIG.downsample.threshold
|
|
@@ -140,7 +140,7 @@ const Ue = J(), Ze = {
|
|
|
140
140
|
deep: !0
|
|
141
141
|
},
|
|
142
142
|
config: {
|
|
143
|
-
handler(
|
|
143
|
+
handler(a, s) {
|
|
144
144
|
this.FINAL_CONFIG = this.prepareConfig(), this.prepareChart(), this.titleStep += 1, this.tableStep += 1;
|
|
145
145
|
},
|
|
146
146
|
deep: !0
|
|
@@ -152,9 +152,9 @@ const Ue = J(), Ze = {
|
|
|
152
152
|
},
|
|
153
153
|
minimap() {
|
|
154
154
|
if (!this.FINAL_CONFIG.chart.zoom.minimap.show) return [];
|
|
155
|
-
const
|
|
155
|
+
const a = this.datasetWithIds.filter((t) => !this.segregatedSeries.includes(t.id)), s = Math.max(...a.map((t) => t.series.length)), o = [];
|
|
156
156
|
for (let t = 0; t < s; t += 1)
|
|
157
|
-
o.push(
|
|
157
|
+
o.push(a.map((e) => e.series[t] || 0).reduce((e, x) => (e || 0) + (x || 0), 0));
|
|
158
158
|
const u = Math.min(...o);
|
|
159
159
|
return o.map((t) => t + (u < 0 ? Math.abs(u) : 0));
|
|
160
160
|
},
|
|
@@ -168,7 +168,7 @@ const Ue = J(), Ze = {
|
|
|
168
168
|
return this.FINAL_CONFIG.chart.zoom.color;
|
|
169
169
|
},
|
|
170
170
|
allScales() {
|
|
171
|
-
const
|
|
171
|
+
const a = this.lineSet.map((t) => ({
|
|
172
172
|
name: t.name,
|
|
173
173
|
color: t.color,
|
|
174
174
|
scale: t.individualScale,
|
|
@@ -203,8 +203,8 @@ const Ue = J(), Ze = {
|
|
|
203
203
|
id: t.id,
|
|
204
204
|
yOffset: t.yOffset || 0,
|
|
205
205
|
individualHeight: t.individualHeight || this.drawingArea.height
|
|
206
|
-
})), u = [...
|
|
207
|
-
return [...
|
|
206
|
+
})), u = [...a, ...s, ...o].flatMap((t) => t).length;
|
|
207
|
+
return [...a, ...s, ...o].flatMap((t, e) => ({
|
|
208
208
|
id: t.id,
|
|
209
209
|
scaleLabel: t.scaleLabel,
|
|
210
210
|
name: t.name,
|
|
@@ -223,19 +223,19 @@ const Ue = J(), Ze = {
|
|
|
223
223
|
return !!this.dataset && this.dataset.length;
|
|
224
224
|
},
|
|
225
225
|
chartFont() {
|
|
226
|
-
const
|
|
227
|
-
return window.getComputedStyle(
|
|
226
|
+
const a = document.getElementById(`vue-ui-xy_${this.uniqueId}`);
|
|
227
|
+
return window.getComputedStyle(a, null).getPropertyValue("font-family");
|
|
228
228
|
},
|
|
229
229
|
FINAL_CONFIG: {
|
|
230
230
|
get: function() {
|
|
231
231
|
return this.prepareConfig();
|
|
232
232
|
},
|
|
233
|
-
set: function(
|
|
234
|
-
return
|
|
233
|
+
set: function(a) {
|
|
234
|
+
return a;
|
|
235
235
|
}
|
|
236
236
|
},
|
|
237
237
|
hasHighlightArea() {
|
|
238
|
-
return Array.isArray(this.FINAL_CONFIG.chart.highlightArea) ? this.FINAL_CONFIG.chart.highlightArea.some((
|
|
238
|
+
return Array.isArray(this.FINAL_CONFIG.chart.highlightArea) ? this.FINAL_CONFIG.chart.highlightArea.some((a) => a.show) : this.FINAL_CONFIG.chart.highlightArea && this.FINAL_CONFIG.chart.highlightArea.show;
|
|
239
239
|
},
|
|
240
240
|
highlightAreas() {
|
|
241
241
|
if (Array.isArray(this.FINAL_CONFIG.chart.highlightArea))
|
|
@@ -243,57 +243,57 @@ const Ue = J(), Ze = {
|
|
|
243
243
|
...s,
|
|
244
244
|
span: s.from === s.to ? 1 : s.to < s.from ? 0 : s.to - s.from + 1
|
|
245
245
|
}));
|
|
246
|
-
const
|
|
247
|
-
return [{ ...
|
|
246
|
+
const a = this.FINAL_CONFIG.chart.highlightArea;
|
|
247
|
+
return [{ ...a, span: a.from === a.to ? 1 : a.to < a.from ? 0 : a.to - a.from + 1 }];
|
|
248
248
|
},
|
|
249
249
|
xPadding() {
|
|
250
250
|
return this.FINAL_CONFIG.chart.grid.position === "middle" ? 0 : this.drawingArea.width / this.maxSeries / 2;
|
|
251
251
|
},
|
|
252
252
|
relativeZero() {
|
|
253
|
-
return this.niceScale.min >= 0 ? 0 : Math.abs(this.niceScale.min);
|
|
253
|
+
return [null, void 0].includes(this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin) ? this.niceScale.min >= 0 ? 0 : Math.abs(this.niceScale.min) : -this.niceScale.min;
|
|
254
254
|
},
|
|
255
255
|
absoluteMax() {
|
|
256
256
|
return this.niceScale.max + this.relativeZero;
|
|
257
257
|
},
|
|
258
258
|
datasetWithIds() {
|
|
259
|
-
return this.useSafeValues ? this.dataset.map((
|
|
260
|
-
...
|
|
259
|
+
return this.useSafeValues ? this.dataset.map((a, s) => ({
|
|
260
|
+
...a,
|
|
261
261
|
series: this.largestTriangleThreeBucketsArray({
|
|
262
|
-
data:
|
|
262
|
+
data: a.series,
|
|
263
263
|
threshold: this.FINAL_CONFIG.downsample.threshold
|
|
264
264
|
}),
|
|
265
265
|
id: `uniqueId_${s}`
|
|
266
266
|
})) : this.dataset;
|
|
267
267
|
},
|
|
268
268
|
safeDataset() {
|
|
269
|
-
return this.useSafeValues ? this.dataset.map((
|
|
269
|
+
return this.useSafeValues ? this.dataset.map((a, s) => {
|
|
270
270
|
const o = this.largestTriangleThreeBucketsArray({
|
|
271
|
-
data:
|
|
271
|
+
data: a.series,
|
|
272
272
|
threshold: this.FINAL_CONFIG.downsample.threshold
|
|
273
273
|
});
|
|
274
274
|
return {
|
|
275
|
-
...
|
|
275
|
+
...a,
|
|
276
276
|
slotAbsoluteIndex: s,
|
|
277
277
|
series: o.map((u) => this.isSafeValue(u) ? u : null).slice(this.slicer.start, this.slicer.end),
|
|
278
|
-
color: this.convertColorToHex(
|
|
278
|
+
color: this.convertColorToHex(a.color ? a.color : this.customPalette[s] ? this.customPalette[s] : this.palette[s]),
|
|
279
279
|
id: `uniqueId_${s}`
|
|
280
280
|
};
|
|
281
281
|
}) : this.dataset;
|
|
282
282
|
},
|
|
283
283
|
relativeDataset() {
|
|
284
|
-
return this.safeDataset.map((
|
|
285
|
-
...
|
|
286
|
-
series:
|
|
287
|
-
absoluteValues:
|
|
288
|
-
})).filter((
|
|
284
|
+
return this.safeDataset.map((a, s) => ({
|
|
285
|
+
...a,
|
|
286
|
+
series: a.series.map((o) => o + this.relativeZero),
|
|
287
|
+
absoluteValues: a.series
|
|
288
|
+
})).filter((a) => !this.segregatedSeries.includes(a.id));
|
|
289
289
|
},
|
|
290
290
|
tableSparklineDataset() {
|
|
291
|
-
return this.relativeDataset.map((
|
|
292
|
-
const s =
|
|
291
|
+
return this.relativeDataset.map((a) => {
|
|
292
|
+
const s = a.absoluteValues.map((o) => [void 0, null].includes(o) ? 0 : o);
|
|
293
293
|
return {
|
|
294
|
-
id:
|
|
295
|
-
name:
|
|
296
|
-
color:
|
|
294
|
+
id: a.id,
|
|
295
|
+
name: a.name,
|
|
296
|
+
color: a.color,
|
|
297
297
|
values: this.fillArray(this.maxSeries, s)
|
|
298
298
|
};
|
|
299
299
|
});
|
|
@@ -325,75 +325,75 @@ const Ue = J(), Ze = {
|
|
|
325
325
|
};
|
|
326
326
|
},
|
|
327
327
|
absoluteDataset() {
|
|
328
|
-
return this.safeDataset.map((
|
|
328
|
+
return this.safeDataset.map((a, s) => ({
|
|
329
329
|
absoluteIndex: s,
|
|
330
|
-
...
|
|
331
|
-
series:
|
|
332
|
-
absoluteValues:
|
|
333
|
-
segregate: () => this.segregate(
|
|
334
|
-
isSegregated: this.segregatedSeries.includes(
|
|
330
|
+
...a,
|
|
331
|
+
series: a.series.map((o) => o + this.relativeZero),
|
|
332
|
+
absoluteValues: a.series,
|
|
333
|
+
segregate: () => this.segregate(a),
|
|
334
|
+
isSegregated: this.segregatedSeries.includes(a.id)
|
|
335
335
|
}));
|
|
336
336
|
},
|
|
337
337
|
barSet() {
|
|
338
|
-
return this.activeSeriesWithStackRatios.filter((
|
|
339
|
-
this.checkAutoScaleError(
|
|
340
|
-
const o = Math.min(...
|
|
341
|
-
ratios:
|
|
338
|
+
return this.activeSeriesWithStackRatios.filter((a) => a.type === "bar").map((a, s) => {
|
|
339
|
+
this.checkAutoScaleError(a);
|
|
340
|
+
const o = Math.min(...a.absoluteValues.filter((g) => ![null, void 0].includes(g))), u = Math.max(...a.absoluteValues.filter((g) => ![null, void 0].includes(g))), e = {
|
|
341
|
+
ratios: a.absoluteValues.filter((g) => ![null, void 0].includes(g)).map((g) => (g - o) / (u - o)),
|
|
342
342
|
valueMin: o,
|
|
343
343
|
valueMax: u < 0 ? 0 : u
|
|
344
344
|
}, x = {
|
|
345
|
-
max:
|
|
346
|
-
min:
|
|
347
|
-
}, A =
|
|
348
|
-
const E = this.mutableConfig.useIndividualScale ? (
|
|
345
|
+
max: a.scaleMax || Math.max(...a.absoluteValues) || 1,
|
|
346
|
+
min: a.scaleMin || Math.min(...a.absoluteValues.filter((g) => ![void 0, null].includes(g))) > 0 ? 0 : Math.min(...a.absoluteValues.filter((g) => ![null, void 0].includes(g)))
|
|
347
|
+
}, A = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, w = 1.0000001, N = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * w : x.max, A), b = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * w : e.valueMax, A), V = N.min >= 0 ? 0 : Math.abs(N.min), v = 0, z = N.max + V, O = b.max + Math.abs(v), _ = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - a.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * a.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, M = this.drawingArea.bottom - _ - C * V / z, r = this.drawingArea.bottom - _ - C * v / O, h = this.absoluteDataset.filter((g) => g.type === "bar").filter((g) => !this.segregatedSeries.includes(g.id)).length, n = a.series.map((g, F) => {
|
|
348
|
+
const E = this.mutableConfig.useIndividualScale ? (a.absoluteValues[F] + V) / z : this.ratioToMax(g), Y = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * F : this.drawingArea.left + this.slot.bar * s + this.slot.bar * F * h - this.barSlot / 2 - s * this.barPeriodGap;
|
|
349
349
|
return {
|
|
350
350
|
yOffset: this.checkNaN(_),
|
|
351
351
|
individualHeight: this.checkNaN(C),
|
|
352
352
|
x: this.checkNaN(Y),
|
|
353
353
|
y: this.drawingArea.bottom - _ - C * E,
|
|
354
|
-
value:
|
|
354
|
+
value: a.absoluteValues[F],
|
|
355
355
|
zeroPosition: this.checkNaN(M),
|
|
356
356
|
individualMax: this.checkNaN(z),
|
|
357
|
-
comment:
|
|
357
|
+
comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
|
|
358
358
|
};
|
|
359
|
-
}), d =
|
|
359
|
+
}), d = a.absoluteValues.map((g) => b.min >= 0 ? (g - Math.abs(b.min)) / (b.max - Math.abs(b.min)) : (g + Math.abs(b.min)) / (b.max + Math.abs(b.min))), W = a.series.map((g, F) => {
|
|
360
360
|
const E = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * F : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * F * this.absoluteDataset.filter((Y) => Y.type === "bar").filter((Y) => !this.segregatedSeries.includes(Y.id)).length;
|
|
361
361
|
return {
|
|
362
362
|
yOffset: this.checkNaN(_),
|
|
363
363
|
individualHeight: this.checkNaN(C),
|
|
364
364
|
x: this.checkNaN(E),
|
|
365
365
|
y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(_) - (this.checkNaN(C) * d[F] || 0)),
|
|
366
|
-
value:
|
|
366
|
+
value: a.absoluteValues[F],
|
|
367
367
|
zeroPosition: this.checkNaN(M),
|
|
368
368
|
individualMax: this.checkNaN(z),
|
|
369
|
-
comment:
|
|
369
|
+
comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
|
|
370
370
|
};
|
|
371
371
|
}), y = N.ticks.map((g) => ({
|
|
372
372
|
y: g >= 0 ? M - C * (g / z) : M + C * Math.abs(g) / z,
|
|
373
373
|
value: g,
|
|
374
|
-
prefix:
|
|
375
|
-
suffix:
|
|
376
|
-
datapoint:
|
|
374
|
+
prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
375
|
+
suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
376
|
+
datapoint: a
|
|
377
377
|
})), G = b.ticks.map((g) => {
|
|
378
378
|
const F = (g - b.min) / (b.max - b.min);
|
|
379
379
|
return {
|
|
380
|
-
y: g >= 0 ?
|
|
380
|
+
y: g >= 0 ? r - C * F : r + C * F,
|
|
381
381
|
value: g,
|
|
382
|
-
prefix:
|
|
383
|
-
suffix:
|
|
384
|
-
datapoint:
|
|
382
|
+
prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
383
|
+
suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
384
|
+
datapoint: a
|
|
385
385
|
};
|
|
386
386
|
});
|
|
387
387
|
return {
|
|
388
|
-
...
|
|
388
|
+
...a,
|
|
389
389
|
yOffset: _,
|
|
390
390
|
autoScaleYLabels: G,
|
|
391
391
|
individualHeight: C,
|
|
392
|
-
scaleYLabels:
|
|
393
|
-
individualScale:
|
|
394
|
-
individualMax:
|
|
395
|
-
zeroPosition:
|
|
396
|
-
plots:
|
|
392
|
+
scaleYLabels: a.autoScaling ? G : y,
|
|
393
|
+
individualScale: a.autoScaling ? b : N,
|
|
394
|
+
individualMax: a.autoScaling ? O : z,
|
|
395
|
+
zeroPosition: a.autoScaling ? r : M,
|
|
396
|
+
plots: a.autoScaling ? W : n
|
|
397
397
|
};
|
|
398
398
|
});
|
|
399
399
|
},
|
|
@@ -401,138 +401,138 @@ const Ue = J(), Ze = {
|
|
|
401
401
|
return this.absoluteDataset.length;
|
|
402
402
|
},
|
|
403
403
|
activeSeriesWithStackRatios() {
|
|
404
|
-
return this.assignStackRatios(this.absoluteDataset.filter((
|
|
404
|
+
return this.assignStackRatios(this.absoluteDataset.filter((a) => !this.segregatedSeries.includes(a.id)));
|
|
405
405
|
},
|
|
406
406
|
lineSet() {
|
|
407
|
-
return this.activeSeriesWithStackRatios.filter((
|
|
408
|
-
this.checkAutoScaleError(
|
|
409
|
-
const s = Math.min(...
|
|
410
|
-
ratios:
|
|
407
|
+
return this.activeSeriesWithStackRatios.filter((a) => a.type === "line").map((a) => {
|
|
408
|
+
this.checkAutoScaleError(a);
|
|
409
|
+
const s = Math.min(...a.absoluteValues.filter((g) => ![void 0, null].includes(g))), o = Math.max(...a.absoluteValues.filter((g) => ![void 0, null].includes(g))) || 1, t = {
|
|
410
|
+
ratios: a.absoluteValues.filter((g) => ![null, void 0].includes(g)).map((g) => (g - s) / (o - s)),
|
|
411
411
|
valueMin: s,
|
|
412
412
|
valueMax: o
|
|
413
413
|
}, e = {
|
|
414
|
-
max:
|
|
415
|
-
min:
|
|
416
|
-
}, x =
|
|
417
|
-
const E = this.mutableConfig.useIndividualScale ? (
|
|
414
|
+
max: a.scaleMax || Math.max(...a.absoluteValues) || 1,
|
|
415
|
+
min: a.scaleMin || (Math.min(...a.absoluteValues) > 0 ? 0 : Math.min(...a.absoluteValues))
|
|
416
|
+
}, x = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = 1.0000001, w = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * A : e.max, x), N = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * A : t.valueMax, x), b = w.min >= 0 ? 0 : Math.abs(w.min), V = 0, v = w.max + Math.abs(b), z = N.max + Math.abs(V), O = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - a.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * a.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - O - _ * b / v, M = this.drawingArea.bottom - O - _ * V / z, r = a.series.map((g, F) => {
|
|
417
|
+
const E = this.mutableConfig.useIndividualScale ? (a.absoluteValues[F] + Math.abs(b)) / v : this.ratioToMax(g);
|
|
418
418
|
return {
|
|
419
419
|
x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * F),
|
|
420
420
|
y: this.checkNaN(this.drawingArea.bottom - O - _ * E),
|
|
421
|
-
value:
|
|
422
|
-
comment:
|
|
421
|
+
value: a.absoluteValues[F],
|
|
422
|
+
comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
|
|
423
423
|
};
|
|
424
|
-
}), h =
|
|
424
|
+
}), h = a.absoluteValues.map((g) => N.min >= 0 ? (g - Math.abs(N.min)) / (N.max - Math.abs(N.min)) : (g + Math.abs(N.min)) / (N.max + Math.abs(N.min))), n = a.series.map((g, F) => [void 0, null].includes(a.absoluteValues[F]) ? {
|
|
425
425
|
x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * F),
|
|
426
426
|
y: C,
|
|
427
|
-
value:
|
|
428
|
-
comment:
|
|
427
|
+
value: a.absoluteValues[F],
|
|
428
|
+
comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
|
|
429
429
|
} : {
|
|
430
430
|
x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * F),
|
|
431
431
|
y: this.checkNaN(this.drawingArea.bottom - O - (_ * h[F] || 0)),
|
|
432
|
-
value:
|
|
433
|
-
comment:
|
|
434
|
-
}), d = this.createSmoothPath(
|
|
432
|
+
value: a.absoluteValues[F],
|
|
433
|
+
comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
|
|
434
|
+
}), d = this.createSmoothPath(r), W = this.createSmoothPath(n), y = w.ticks.map((g) => ({
|
|
435
435
|
y: g >= 0 ? C - _ * (g / v) : C + _ * Math.abs(g) / v,
|
|
436
436
|
value: g,
|
|
437
|
-
prefix:
|
|
438
|
-
suffix:
|
|
439
|
-
datapoint:
|
|
437
|
+
prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
438
|
+
suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
439
|
+
datapoint: a
|
|
440
440
|
})), G = N.ticks.map((g) => {
|
|
441
441
|
const F = (g - N.min) / (N.max - N.min);
|
|
442
442
|
return {
|
|
443
443
|
y: g >= 0 ? M - _ * F : M + _ * F,
|
|
444
444
|
value: g,
|
|
445
|
-
prefix:
|
|
446
|
-
suffix:
|
|
447
|
-
datapoint:
|
|
445
|
+
prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
446
|
+
suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
447
|
+
datapoint: a
|
|
448
448
|
};
|
|
449
449
|
});
|
|
450
450
|
return {
|
|
451
|
-
...
|
|
451
|
+
...a,
|
|
452
452
|
yOffset: O,
|
|
453
453
|
autoScaleYLabels: G,
|
|
454
454
|
individualHeight: _,
|
|
455
|
-
scaleYLabels:
|
|
456
|
-
individualScale:
|
|
457
|
-
individualMax:
|
|
458
|
-
zeroPosition:
|
|
459
|
-
curve:
|
|
460
|
-
plots:
|
|
461
|
-
area:
|
|
455
|
+
scaleYLabels: a.autoScaling ? G : y,
|
|
456
|
+
individualScale: a.autoScaling ? N : w,
|
|
457
|
+
individualMax: a.autoScaling ? z : v,
|
|
458
|
+
zeroPosition: a.autoScaling ? M : C,
|
|
459
|
+
curve: a.autoScaling ? W : d,
|
|
460
|
+
plots: a.autoScaling ? n : r,
|
|
461
|
+
area: a.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(a.autoScaling ? n : r, a.autoScaling ? M : C) : this.createArea(r) : ""
|
|
462
462
|
};
|
|
463
463
|
});
|
|
464
464
|
},
|
|
465
465
|
plotSet() {
|
|
466
|
-
return this.activeSeriesWithStackRatios.filter((
|
|
467
|
-
this.checkAutoScaleError(
|
|
468
|
-
const s = Math.min(...
|
|
469
|
-
ratios:
|
|
466
|
+
return this.activeSeriesWithStackRatios.filter((a) => a.type === "plot").map((a) => {
|
|
467
|
+
this.checkAutoScaleError(a);
|
|
468
|
+
const s = Math.min(...a.absoluteValues.filter((y) => ![null, void 0].includes(y))), o = Math.max(...a.absoluteValues.filter((y) => ![null, void 0].includes(y))) || 1, t = {
|
|
469
|
+
ratios: a.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - s) / (o - s)),
|
|
470
470
|
valueMin: s,
|
|
471
471
|
valueMax: o
|
|
472
472
|
}, e = {
|
|
473
|
-
max:
|
|
474
|
-
min:
|
|
475
|
-
}, x =
|
|
476
|
-
const g = this.mutableConfig.useIndividualScale ? (
|
|
473
|
+
max: a.scaleMax || Math.max(...a.absoluteValues) || 1,
|
|
474
|
+
min: a.scaleMin || Math.min(...a.absoluteValues) > 0 ? 0 : Math.min(...a.absoluteValues)
|
|
475
|
+
}, x = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = 1.0000001, w = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * A : e.max, x), N = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * A : t.valueMax, x), b = w.min >= 0 ? 0 : Math.abs(w.min), V = 0, v = w.max + b, z = N.max + Math.abs(V), O = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - a.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * a.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - O - _ * b / v, M = this.drawingArea.bottom - O - _ * V / z, r = a.series.map((y, G) => {
|
|
476
|
+
const g = this.mutableConfig.useIndividualScale ? (a.absoluteValues[G] + Math.abs(b)) / v : this.ratioToMax(y);
|
|
477
477
|
return {
|
|
478
478
|
x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * G),
|
|
479
479
|
y: this.checkNaN(this.drawingArea.bottom - O - _ * g),
|
|
480
|
-
value:
|
|
481
|
-
comment:
|
|
480
|
+
value: a.absoluteValues[G],
|
|
481
|
+
comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[G] || ""
|
|
482
482
|
};
|
|
483
|
-
}), h =
|
|
483
|
+
}), h = a.absoluteValues.map((y) => N.min >= 0 ? (y - Math.abs(N.min)) / (N.max - Math.abs(N.min)) : (y + Math.abs(N.min)) / (N.max + Math.abs(N.min))), n = a.series.map((y, G) => ({
|
|
484
484
|
x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * G),
|
|
485
485
|
y: this.checkNaN(this.drawingArea.bottom - O - (_ * h[G] || 0)),
|
|
486
|
-
value:
|
|
487
|
-
comment:
|
|
486
|
+
value: a.absoluteValues[G],
|
|
487
|
+
comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[G] || ""
|
|
488
488
|
})), d = w.ticks.map((y) => ({
|
|
489
489
|
y: y >= 0 ? C - _ * (y / v) : C + _ * Math.abs(y) / v,
|
|
490
490
|
value: y,
|
|
491
|
-
prefix:
|
|
492
|
-
suffix:
|
|
493
|
-
datapoint:
|
|
491
|
+
prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
492
|
+
suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
493
|
+
datapoint: a
|
|
494
494
|
})), W = N.ticks.map((y) => {
|
|
495
495
|
const G = (y - N.min) / (N.max - N.min);
|
|
496
496
|
return {
|
|
497
497
|
y: y >= 0 ? M - _ * G : M + _ * G,
|
|
498
498
|
value: y,
|
|
499
|
-
prefix:
|
|
500
|
-
suffix:
|
|
501
|
-
datapoint:
|
|
499
|
+
prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
500
|
+
suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
501
|
+
datapoint: a
|
|
502
502
|
};
|
|
503
503
|
});
|
|
504
504
|
return {
|
|
505
|
-
...
|
|
505
|
+
...a,
|
|
506
506
|
yOffset: O,
|
|
507
507
|
autoScaleYLabels: W,
|
|
508
508
|
individualHeight: _,
|
|
509
|
-
scaleYLabels:
|
|
510
|
-
individualScale:
|
|
511
|
-
individualMax:
|
|
512
|
-
zeroPosition:
|
|
513
|
-
plots:
|
|
509
|
+
scaleYLabels: a.autoScaling ? W : d,
|
|
510
|
+
individualScale: a.autoScaling ? N : w,
|
|
511
|
+
individualMax: a.autoScaling ? z : v,
|
|
512
|
+
zeroPosition: a.autoScaling ? M : C,
|
|
513
|
+
plots: a.autoScaling ? n : r
|
|
514
514
|
};
|
|
515
515
|
});
|
|
516
516
|
},
|
|
517
517
|
drawingArea() {
|
|
518
|
-
const
|
|
518
|
+
const a = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? this.absoluteDataset.filter((s) => !this.segregatedSeries.includes(s.id)).length * (this.mutableConfig.isStacked ? 0 : this.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth) : 0;
|
|
519
519
|
return {
|
|
520
520
|
top: this.FINAL_CONFIG.chart.padding.top,
|
|
521
521
|
right: this.width - this.FINAL_CONFIG.chart.padding.right,
|
|
522
522
|
bottom: this.height - this.FINAL_CONFIG.chart.padding.bottom,
|
|
523
|
-
left: this.FINAL_CONFIG.chart.padding.left +
|
|
523
|
+
left: this.FINAL_CONFIG.chart.padding.left + a,
|
|
524
524
|
height: this.height - (this.FINAL_CONFIG.chart.padding.top + this.FINAL_CONFIG.chart.padding.bottom),
|
|
525
|
-
width: this.width - (this.FINAL_CONFIG.chart.padding.right + this.FINAL_CONFIG.chart.padding.left +
|
|
525
|
+
width: this.width - (this.FINAL_CONFIG.chart.padding.right + this.FINAL_CONFIG.chart.padding.left + a)
|
|
526
526
|
};
|
|
527
527
|
},
|
|
528
528
|
max() {
|
|
529
|
-
return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax ? this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax : Math.max(...this.safeDataset.filter((
|
|
529
|
+
return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax ? this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax : Math.max(...this.safeDataset.filter((a) => !this.segregatedSeries.includes(a.id)).map((a) => Math.max(...a.series)));
|
|
530
530
|
},
|
|
531
531
|
min() {
|
|
532
532
|
if (this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin !== null)
|
|
533
533
|
return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin;
|
|
534
|
-
const
|
|
535
|
-
return
|
|
534
|
+
const a = Math.min(...this.safeDataset.filter((s) => !this.segregatedSeries.includes(s.id)).map((s) => Math.min(...s.series)));
|
|
535
|
+
return a > 0 ? 0 : a;
|
|
536
536
|
},
|
|
537
537
|
niceScale() {
|
|
538
538
|
return this.calculateNiceScaleWithExactExtremes(this.min, this.max < 0 ? 0 : this.max, this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps);
|
|
@@ -541,8 +541,8 @@ const Ue = J(), Ze = {
|
|
|
541
541
|
return this.slicer.end - this.slicer.start;
|
|
542
542
|
},
|
|
543
543
|
timeLabels() {
|
|
544
|
-
const
|
|
545
|
-
for (let o = 0; o <
|
|
544
|
+
const a = Math.max(...this.dataset.map((o) => this.largestTriangleThreeBucketsArray({ data: o.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length)), s = [];
|
|
545
|
+
for (let o = 0; o < a; o += 1)
|
|
546
546
|
s.push({
|
|
547
547
|
text: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[o] || String(o),
|
|
548
548
|
absoluteIndex: o
|
|
@@ -551,24 +551,24 @@ const Ue = J(), Ze = {
|
|
|
551
551
|
},
|
|
552
552
|
slot() {
|
|
553
553
|
return {
|
|
554
|
-
bar: this.drawingArea.width / this.maxSeries / this.safeDataset.filter((
|
|
554
|
+
bar: this.drawingArea.width / this.maxSeries / this.safeDataset.filter((a) => a.type === "bar").filter((a) => !this.segregatedSeries.includes(a.id)).length,
|
|
555
555
|
plot: this.drawingArea.width / this.maxSeries,
|
|
556
556
|
line: this.drawingArea.width / this.maxSeries
|
|
557
557
|
};
|
|
558
558
|
},
|
|
559
559
|
barSlot() {
|
|
560
|
-
const
|
|
561
|
-
return this.drawingArea.width / this.maxSeries /
|
|
560
|
+
const a = this.safeDataset.filter((s) => s.type === "bar").filter((s) => !this.segregatedSeries.includes(s.id)).length;
|
|
561
|
+
return this.drawingArea.width / this.maxSeries / a - this.barPeriodGap * a;
|
|
562
562
|
},
|
|
563
563
|
barPeriodGap() {
|
|
564
564
|
return this.slot.line * this.FINAL_CONFIG.bar.periodGap;
|
|
565
565
|
},
|
|
566
566
|
maxSlot() {
|
|
567
|
-
return Math.max(...Object.values(this.slot).filter((
|
|
567
|
+
return Math.max(...Object.values(this.slot).filter((a) => a !== 1 / 0));
|
|
568
568
|
},
|
|
569
569
|
table() {
|
|
570
570
|
if (this.safeDataset.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
|
|
571
|
-
const
|
|
571
|
+
const a = this.relativeDataset.map((o) => ({
|
|
572
572
|
label: o.name,
|
|
573
573
|
color: o.color,
|
|
574
574
|
type: o.type
|
|
@@ -578,12 +578,12 @@ const Ue = J(), Ze = {
|
|
|
578
578
|
this.relativeDataset.forEach((e) => {
|
|
579
579
|
t.push(this.canShowValue(e.absoluteValues[u]) ? Number(e.absoluteValues[u].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
|
|
580
580
|
}), s.push(t);
|
|
581
|
-
}), { head:
|
|
581
|
+
}), { head: a, body: s };
|
|
582
582
|
},
|
|
583
583
|
dataTable() {
|
|
584
|
-
const
|
|
584
|
+
const a = this.FINAL_CONFIG.table.showSum;
|
|
585
585
|
let s = [""].concat(this.relativeDataset.map((e) => e.name));
|
|
586
|
-
|
|
586
|
+
a && (s = s.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>'));
|
|
587
587
|
let o = [];
|
|
588
588
|
for (let e = 0; e < this.maxSeries; e += 1) {
|
|
589
589
|
const x = this.relativeDataset.map((A) => A.absoluteValues[e] ?? 0).reduce((A, w) => A + w, 0);
|
|
@@ -601,7 +601,7 @@ const Ue = J(), Ze = {
|
|
|
601
601
|
r: this.FINAL_CONFIG.table.rounding
|
|
602
602
|
})
|
|
603
603
|
)
|
|
604
|
-
)).concat(
|
|
604
|
+
)).concat(a ? (x ?? 0).toFixed(this.FINAL_CONFIG.table.rounding) : [])
|
|
605
605
|
);
|
|
606
606
|
}
|
|
607
607
|
const u = {
|
|
@@ -631,20 +631,20 @@ const Ue = J(), Ze = {
|
|
|
631
631
|
};
|
|
632
632
|
},
|
|
633
633
|
selectedSeries() {
|
|
634
|
-
return this.relativeDataset.map((
|
|
635
|
-
slotAbsoluteIndex:
|
|
636
|
-
shape:
|
|
637
|
-
name:
|
|
638
|
-
color:
|
|
639
|
-
type:
|
|
640
|
-
value:
|
|
641
|
-
comments:
|
|
642
|
-
prefix:
|
|
643
|
-
suffix:
|
|
634
|
+
return this.relativeDataset.map((a) => ({
|
|
635
|
+
slotAbsoluteIndex: a.slotAbsoluteIndex,
|
|
636
|
+
shape: a.shape || null,
|
|
637
|
+
name: a.name,
|
|
638
|
+
color: a.color,
|
|
639
|
+
type: a.type,
|
|
640
|
+
value: a.absoluteValues.find((s, o) => o === this.selectedSerieIndex),
|
|
641
|
+
comments: a.comments || [],
|
|
642
|
+
prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
643
|
+
suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix
|
|
644
644
|
}));
|
|
645
645
|
},
|
|
646
646
|
tooltipContent() {
|
|
647
|
-
let
|
|
647
|
+
let a = "", s = this.selectedSeries.map((t) => t.value).filter((t) => this.isSafeValue(t) && t !== null).reduce((t, e) => Math.abs(t) + Math.abs(e), 0);
|
|
648
648
|
const o = this.timeLabels[this.selectedSerieIndex], u = this.FINAL_CONFIG.chart.tooltip.customFormat;
|
|
649
649
|
return this.isFunction(u) && this.functionReturnsString(() => u({
|
|
650
650
|
seriesIndex: this.selectedSerieIndex,
|
|
@@ -662,7 +662,7 @@ const Ue = J(), Ze = {
|
|
|
662
662
|
lines: this.lineSet,
|
|
663
663
|
plots: this.plotSet,
|
|
664
664
|
config: this.FINAL_CONFIG
|
|
665
|
-
}) : (o && o.text && this.FINAL_CONFIG.chart.tooltip.showTimeLabel && (
|
|
665
|
+
}) : (o && o.text && this.FINAL_CONFIG.chart.tooltip.showTimeLabel && (a += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${o.text}</div>`), this.selectedSeries.forEach((t) => {
|
|
666
666
|
if (this.isSafeValue(t.value)) {
|
|
667
667
|
let e = "", x = "";
|
|
668
668
|
switch (this.icons[t.type]) {
|
|
@@ -702,7 +702,7 @@ const Ue = J(), Ze = {
|
|
|
702
702
|
break;
|
|
703
703
|
}
|
|
704
704
|
}
|
|
705
|
-
|
|
705
|
+
a += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${e}</div> ${t.name}: <b>${this.FINAL_CONFIG.chart.tooltip.showValue ? this.applyDataLabel(
|
|
706
706
|
t.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : t.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
|
|
707
707
|
t.value,
|
|
708
708
|
this.dataLabel({
|
|
@@ -716,9 +716,9 @@ const Ue = J(), Ze = {
|
|
|
716
716
|
v: this.checkNaN(Math.abs(t.value) / s * 100),
|
|
717
717
|
s: "%",
|
|
718
718
|
r: this.FINAL_CONFIG.chart.tooltip.roundingPercentage
|
|
719
|
-
})})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && t.comments.length && t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (
|
|
719
|
+
})})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && t.comments.length && t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (a += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${t.color}">${t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex]}</div>`);
|
|
720
720
|
}
|
|
721
|
-
}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${this.FINAL_CONFIG.chart.tooltip.color}">${
|
|
721
|
+
}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${this.FINAL_CONFIG.chart.tooltip.color}">${a}</div>`);
|
|
722
722
|
},
|
|
723
723
|
svg() {
|
|
724
724
|
return {
|
|
@@ -727,9 +727,9 @@ const Ue = J(), Ze = {
|
|
|
727
727
|
};
|
|
728
728
|
},
|
|
729
729
|
yLabels() {
|
|
730
|
-
return this.niceScale.ticks.map((
|
|
731
|
-
y:
|
|
732
|
-
value:
|
|
730
|
+
return this.niceScale.ticks.map((a) => ({
|
|
731
|
+
y: a >= 0 ? this.zero - this.drawingArea.height * this.ratioToMax(a) : this.zero + this.drawingArea.height * this.ratioToMax(Math.abs(a)),
|
|
732
|
+
value: a,
|
|
733
733
|
prefix: this.FINAL_CONFIG.chart.labels.prefix,
|
|
734
734
|
suffix: this.FINAL_CONFIG.chart.labels.suffix
|
|
735
735
|
}));
|
|
@@ -739,18 +739,18 @@ const Ue = J(), Ze = {
|
|
|
739
739
|
}
|
|
740
740
|
},
|
|
741
741
|
mounted() {
|
|
742
|
-
this.prepareChart(), this.setupSlicer(), document.addEventListener("mousemove", (
|
|
742
|
+
this.prepareChart(), this.setupSlicer(), document.addEventListener("mousemove", (a) => {
|
|
743
743
|
this.clientPosition = {
|
|
744
|
-
x:
|
|
745
|
-
y:
|
|
744
|
+
x: a.clientX,
|
|
745
|
+
y: a.clientY
|
|
746
746
|
};
|
|
747
747
|
});
|
|
748
748
|
},
|
|
749
749
|
methods: {
|
|
750
750
|
abbreviate: ee,
|
|
751
751
|
adaptColorToBackground: te,
|
|
752
|
-
applyDataLabel:
|
|
753
|
-
assignStackRatios:
|
|
752
|
+
applyDataLabel: ae,
|
|
753
|
+
assignStackRatios: re,
|
|
754
754
|
calcLinearProgression: le,
|
|
755
755
|
calculateNiceScaleWithExactExtremes: ie,
|
|
756
756
|
checkNaN: se,
|
|
@@ -777,13 +777,13 @@ const Ue = J(), Ze = {
|
|
|
777
777
|
treeShake: Se,
|
|
778
778
|
useMouse: ve,
|
|
779
779
|
useNestedProp: Z,
|
|
780
|
-
setUserOptionsVisibility(
|
|
781
|
-
this.showUserOptionsOnChartHover && (this.userOptionsVisible =
|
|
780
|
+
setUserOptionsVisibility(a = !1) {
|
|
781
|
+
this.showUserOptionsOnChartHover && (this.userOptionsVisible = a);
|
|
782
782
|
},
|
|
783
783
|
toggleAnnotator() {
|
|
784
784
|
this.isAnnotator = !this.isAnnotator;
|
|
785
785
|
},
|
|
786
|
-
selectTimeLabel(
|
|
786
|
+
selectTimeLabel(a, s) {
|
|
787
787
|
const o = this.relativeDataset.map((u) => ({
|
|
788
788
|
shape: u.shape || null,
|
|
789
789
|
name: u.name,
|
|
@@ -796,24 +796,24 @@ const Ue = J(), Ze = {
|
|
|
796
796
|
}));
|
|
797
797
|
this.$emit("selectTimeLabel", {
|
|
798
798
|
datapoint: o,
|
|
799
|
-
absoluteIndex:
|
|
800
|
-
label:
|
|
799
|
+
absoluteIndex: a.absoluteIndex,
|
|
800
|
+
label: a.text
|
|
801
801
|
});
|
|
802
802
|
},
|
|
803
|
-
getHighlightAreaPosition(
|
|
804
|
-
const s = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (
|
|
803
|
+
getHighlightAreaPosition(a) {
|
|
804
|
+
const s = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (a.from - this.slicer.start), o = this.drawingArea.width / (this.slicer.end - this.slicer.start) * a.span < 0 ? 1e-5 : this.drawingArea.width / (this.slicer.end - this.slicer.start) * a.span;
|
|
805
805
|
return {
|
|
806
806
|
x: s < this.drawingArea.left ? this.drawingArea.left : s,
|
|
807
807
|
width: o
|
|
808
808
|
};
|
|
809
809
|
},
|
|
810
810
|
prepareConfig() {
|
|
811
|
-
const
|
|
811
|
+
const a = ke().vue_ui_xy;
|
|
812
812
|
if (!Object.keys(this.config || {}).length)
|
|
813
|
-
return
|
|
813
|
+
return a;
|
|
814
814
|
const s = this.useNestedProp({
|
|
815
815
|
userConfig: this.config,
|
|
816
|
-
defaultConfig:
|
|
816
|
+
defaultConfig: a
|
|
817
817
|
});
|
|
818
818
|
return this.config && this.hasDeepProperty(this.config, "chart.highlightArea") && (Array.isArray(this.config.chart.highlightArea) ? s.chart.highlightArea = this.config.chart.highlightArea : s.chart.highlightArea = [this.config.chart.highlightArea]), this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMin") ? s.chart.grid.labels.yAxis.scaleMin = this.config.chart.grid.labels.yAxis.scaleMin : s.chart.grid.labels.yAxis.scaleMin = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMax") ? s.chart.grid.labels.yAxis.scaleMax = this.config.chart.grid.labels.yAxis.scaleMax : s.chart.grid.labels.yAxis.scaleMax = null, this.config && this.hasDeepProperty(this.config, "chart.zoom.startIndex") ? s.chart.zoom.startIndex = this.config.chart.zoom.startIndex : s.chart.zoom.startIndex = null, this.config && this.hasDeepProperty(this.config, "chart.zoom.endIndex") ? s.chart.zoom.endIndex = this.config.chart.zoom.endIndex : s.chart.zoom.endIndex = null, s.theme ? {
|
|
819
819
|
...Z({
|
|
@@ -827,17 +827,17 @@ const Ue = J(), Ze = {
|
|
|
827
827
|
if (this.objectIsEmpty(this.dataset) ? this.error({
|
|
828
828
|
componentName: "VueUiXy",
|
|
829
829
|
type: "dataset"
|
|
830
|
-
}) : this.dataset.forEach((
|
|
831
|
-
[null, void 0].includes(
|
|
830
|
+
}) : this.dataset.forEach((a, s) => {
|
|
831
|
+
[null, void 0].includes(a.name) && this.error({
|
|
832
832
|
componentName: "VueUiXy",
|
|
833
833
|
type: "datasetSerieAttribute",
|
|
834
834
|
property: "name (string)",
|
|
835
835
|
index: s
|
|
836
836
|
});
|
|
837
|
-
}), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((
|
|
838
|
-
|
|
837
|
+
}), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((a) => {
|
|
838
|
+
a.series.forEach((s, o) => {
|
|
839
839
|
this.isSafeValue(s) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
|
|
840
|
-
-----> The serie '${
|
|
840
|
+
-----> The serie '${a.name}' contains the value '${s}' at index ${o}.
|
|
841
841
|
'${s}' was converted to null to allow the chart to display.`);
|
|
842
842
|
});
|
|
843
843
|
}), this.showUserOptionsOnChartHover = this.FINAL_CONFIG.chart.userOptions.showOnChartHover, this.keepUserOptionState = this.FINAL_CONFIG.chart.userOptions.keepStateOnChartLeave, this.userOptionsVisible = !this.FINAL_CONFIG.chart.userOptions.showOnChartHover, this.mutableConfig = {
|
|
@@ -866,8 +866,8 @@ const Ue = J(), Ze = {
|
|
|
866
866
|
} else
|
|
867
867
|
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;
|
|
868
868
|
},
|
|
869
|
-
selectMinimapIndex(
|
|
870
|
-
this.selectedMinimapIndex =
|
|
869
|
+
selectMinimapIndex(a) {
|
|
870
|
+
this.selectedMinimapIndex = a;
|
|
871
871
|
},
|
|
872
872
|
convertSizes() {
|
|
873
873
|
this.fontSizes.dataLabels = this.translateSize({
|
|
@@ -920,105 +920,106 @@ const Ue = J(), Ze = {
|
|
|
920
920
|
toggleTooltip() {
|
|
921
921
|
this.mutableConfig.showTooltip = !this.mutableConfig.showTooltip;
|
|
922
922
|
},
|
|
923
|
-
checkAutoScaleError(
|
|
924
|
-
|
|
923
|
+
checkAutoScaleError(a) {
|
|
924
|
+
a.autoScaling && (this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${a.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: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
|
|
925
925
|
},
|
|
926
|
-
createArea(
|
|
927
|
-
if (!
|
|
928
|
-
const s = { x:
|
|
929
|
-
return
|
|
926
|
+
createArea(a) {
|
|
927
|
+
if (!a[0]) return [-10, -10, "", -10, -10];
|
|
928
|
+
const s = { x: a[0].x, y: this.zero }, o = { x: a.at(-1).x, y: this.zero }, u = [];
|
|
929
|
+
return a.forEach((t) => {
|
|
930
930
|
u.push(`${t.x},${t.y} `);
|
|
931
931
|
}), [s.x, s.y, ...u, o.x, o.y].toString();
|
|
932
932
|
},
|
|
933
|
-
createIndividualArea(
|
|
934
|
-
if (!
|
|
935
|
-
const o = { x:
|
|
936
|
-
return
|
|
933
|
+
createIndividualArea(a, s) {
|
|
934
|
+
if (!a[0]) return [-10, -10, "", -10, -10];
|
|
935
|
+
const o = { x: a[0] ? a[0].x : Math.min(...a.filter((e) => !!e).map((e) => e.x)), y: s }, u = { x: a.at(-1) ? a.at(-1).x : Math.min(...a.filter((e) => !!e).map((e) => e.x)), y: s }, t = [];
|
|
936
|
+
return a.filter((e) => !!e).forEach((e) => {
|
|
937
937
|
t.push(`${e.x},${e.y} `);
|
|
938
938
|
}), [o.x, o.y, ...t, u.x, u.y].toString();
|
|
939
939
|
},
|
|
940
940
|
createStar: X,
|
|
941
941
|
createPolygonPath: R,
|
|
942
|
-
fillArray(
|
|
943
|
-
let o = Array(
|
|
944
|
-
for (let u = 0; u < s.length && u <
|
|
942
|
+
fillArray(a, s) {
|
|
943
|
+
let o = Array(a).fill(0);
|
|
944
|
+
for (let u = 0; u < s.length && u < a; u += 1)
|
|
945
945
|
o[u] = s[u];
|
|
946
946
|
return o;
|
|
947
947
|
},
|
|
948
948
|
async setupSlicer() {
|
|
949
949
|
(this.FINAL_CONFIG.chart.zoom.startIndex !== null || this.FINAL_CONFIG.chart.zoom.endIndex !== null) && this.$refs.chartSlicer ? (this.FINAL_CONFIG.chart.zoom.startIndex !== null && (await this.$nextTick(), await this.$nextTick(), this.$refs.chartSlicer.setStartValue(this.FINAL_CONFIG.chart.zoom.startIndex)), this.FINAL_CONFIG.chart.zoom.endIndex !== null && (await this.$nextTick(), await this.$nextTick(), this.$refs.chartSlicer.setEndValue(this.validSlicerEnd(this.FINAL_CONFIG.chart.zoom.endIndex + 1)))) : (this.slicer = {
|
|
950
950
|
start: 0,
|
|
951
|
-
end: Math.max(...this.dataset.map((
|
|
951
|
+
end: Math.max(...this.dataset.map((a) => this.largestTriangleThreeBucketsArray({ data: a.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length))
|
|
952
952
|
}, this.slicerStep += 1);
|
|
953
953
|
},
|
|
954
954
|
refreshSlicer() {
|
|
955
955
|
this.setupSlicer();
|
|
956
956
|
},
|
|
957
|
-
validSlicerEnd(
|
|
957
|
+
validSlicerEnd(a) {
|
|
958
958
|
const s = Math.max(...this.dataset.map((o) => this.largestTriangleThreeBucketsArray({ data: o.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length));
|
|
959
|
-
return
|
|
959
|
+
return a > s ? s : a < 0 || this.FINAL_CONFIG.chart.zoom.startIndex !== null && a < this.FINAL_CONFIG.chart.zoom.startIndex ? this.FINAL_CONFIG.chart.zoom.startIndex !== null ? this.FINAL_CONFIG.chart.zoom.startIndex + 1 : 1 : a;
|
|
960
960
|
},
|
|
961
|
-
calcRectHeight(
|
|
962
|
-
|
|
961
|
+
calcRectHeight(a) {
|
|
962
|
+
const s = ![null, void 0].includes(this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin) && this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin > 0 && this.min >= 0 ? this.drawingArea.bottom : this.zero;
|
|
963
|
+
return a.value >= 0 ? this.checkNaN(s - a.y <= 0 ? 1e-5 : s - a.y) : this.checkNaN(a.y - this.zero <= 0 ? 1e-5 : a.y - this.zero);
|
|
963
964
|
},
|
|
964
|
-
calcIndividualHeight(
|
|
965
|
-
return
|
|
965
|
+
calcIndividualHeight(a) {
|
|
966
|
+
return a.value >= 0 ? this.checkNaN(a.zeroPosition - a.y <= 0 ? 1e-5 : a.zeroPosition - a.y) : this.checkNaN(a.y - a.zeroPosition <= 0 ? 1e-5 : a.zeroPosition - a.y);
|
|
966
967
|
},
|
|
967
968
|
calcRectWidth() {
|
|
968
969
|
return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.slot.line - this.drawingArea.width / this.maxSeries * 0.1 : this.slot.bar;
|
|
969
970
|
},
|
|
970
|
-
calcRectX(
|
|
971
|
-
return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ?
|
|
971
|
+
calcRectX(a) {
|
|
972
|
+
return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? a.x + this.drawingArea.width / this.maxSeries * 0.05 : a.x + this.slot.bar / 2;
|
|
972
973
|
},
|
|
973
|
-
calcRectY(
|
|
974
|
-
return
|
|
974
|
+
calcRectY(a) {
|
|
975
|
+
return a.value >= 0 ? a.y : this.zero;
|
|
975
976
|
},
|
|
976
|
-
calcIndividualRectY(
|
|
977
|
-
return
|
|
977
|
+
calcIndividualRectY(a) {
|
|
978
|
+
return a.value >= 0 ? a.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(a.zeroPosition) ? 0 : a.zeroPosition;
|
|
978
979
|
},
|
|
979
|
-
canShowValue(
|
|
980
|
-
return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(
|
|
980
|
+
canShowValue(a) {
|
|
981
|
+
return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(a);
|
|
981
982
|
},
|
|
982
|
-
findClosestValue(
|
|
983
|
-
let o = s[0], u = Math.abs(
|
|
983
|
+
findClosestValue(a, s) {
|
|
984
|
+
let o = s[0], u = Math.abs(a - s[0]);
|
|
984
985
|
for (let t = 1; t < s.length; t += 1) {
|
|
985
|
-
const e = Math.abs(
|
|
986
|
-
e < u && s[t] <
|
|
986
|
+
const e = Math.abs(a - s[t]);
|
|
987
|
+
e < u && s[t] < a && (o = s[t], u = e);
|
|
987
988
|
}
|
|
988
989
|
return o;
|
|
989
990
|
},
|
|
990
|
-
ratioToMax(
|
|
991
|
-
return
|
|
991
|
+
ratioToMax(a) {
|
|
992
|
+
return a / (this.canShowValue(this.absoluteMax) ? this.absoluteMax : 1);
|
|
992
993
|
},
|
|
993
|
-
selectX(
|
|
994
|
+
selectX(a) {
|
|
994
995
|
this.$emit(
|
|
995
996
|
"selectX",
|
|
996
997
|
{
|
|
997
998
|
dataset: this.relativeDataset.map((s) => ({
|
|
998
999
|
name: s.name,
|
|
999
|
-
value: [null, void 0, NaN].includes(s.absoluteValues[
|
|
1000
|
+
value: [null, void 0, NaN].includes(s.absoluteValues[a]) ? null : s.absoluteValues[a],
|
|
1000
1001
|
color: s.color,
|
|
1001
1002
|
type: s.type
|
|
1002
1003
|
})),
|
|
1003
|
-
index:
|
|
1004
|
-
indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[
|
|
1004
|
+
index: a,
|
|
1005
|
+
indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[a]
|
|
1005
1006
|
}
|
|
1006
1007
|
);
|
|
1007
1008
|
},
|
|
1008
1009
|
getData() {
|
|
1009
|
-
return this.absoluteDataset.map((
|
|
1010
|
-
values:
|
|
1011
|
-
color:
|
|
1012
|
-
name:
|
|
1013
|
-
type:
|
|
1010
|
+
return this.absoluteDataset.map((a) => ({
|
|
1011
|
+
values: a.absoluteValues,
|
|
1012
|
+
color: a.color,
|
|
1013
|
+
name: a.name,
|
|
1014
|
+
type: a.type
|
|
1014
1015
|
}));
|
|
1015
1016
|
},
|
|
1016
|
-
segregate(
|
|
1017
|
-
if (this.segregatedSeries.includes(
|
|
1018
|
-
this.segregatedSeries = this.segregatedSeries.filter((s) => s !==
|
|
1017
|
+
segregate(a) {
|
|
1018
|
+
if (this.segregatedSeries.includes(a.id))
|
|
1019
|
+
this.segregatedSeries = this.segregatedSeries.filter((s) => s !== a.id);
|
|
1019
1020
|
else {
|
|
1020
1021
|
if (this.segregatedSeries.length + 1 === this.safeDataset.length) return;
|
|
1021
|
-
this.segregatedSeries.push(
|
|
1022
|
+
this.segregatedSeries.push(a.id);
|
|
1022
1023
|
}
|
|
1023
1024
|
this.$emit("selectLegend", this.relativeDataset.map((s) => ({
|
|
1024
1025
|
name: s.name,
|
|
@@ -1027,11 +1028,11 @@ const Ue = J(), Ze = {
|
|
|
1027
1028
|
type: s.type
|
|
1028
1029
|
}))), this.segregateStep += 1;
|
|
1029
1030
|
},
|
|
1030
|
-
toggleTooltipVisibility(
|
|
1031
|
-
this.isTooltip =
|
|
1031
|
+
toggleTooltipVisibility(a, s = null) {
|
|
1032
|
+
this.isTooltip = a, a ? this.selectedSerieIndex = s : this.selectedSerieIndex = null;
|
|
1032
1033
|
},
|
|
1033
|
-
toggleFullscreen(
|
|
1034
|
-
this.isFullscreen =
|
|
1034
|
+
toggleFullscreen(a) {
|
|
1035
|
+
this.isFullscreen = a, this.step += 1;
|
|
1035
1036
|
},
|
|
1036
1037
|
showSpinnerPdf() {
|
|
1037
1038
|
this.isPrinting = !0;
|
|
@@ -1039,20 +1040,20 @@ const Ue = J(), Ze = {
|
|
|
1039
1040
|
async generatePdf() {
|
|
1040
1041
|
this.showSpinnerPdf(), clearTimeout(this.__to__), this.isPrinting = !0, this.__to__ = setTimeout(async () => {
|
|
1041
1042
|
try {
|
|
1042
|
-
const { default:
|
|
1043
|
-
await
|
|
1043
|
+
const { default: a } = await import("./pdf-B7oVat64.js");
|
|
1044
|
+
await a({
|
|
1044
1045
|
domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
|
|
1045
1046
|
fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy"
|
|
1046
1047
|
});
|
|
1047
|
-
} catch (
|
|
1048
|
-
console.error("Error generating PDF:",
|
|
1048
|
+
} catch (a) {
|
|
1049
|
+
console.error("Error generating PDF:", a);
|
|
1049
1050
|
} finally {
|
|
1050
1051
|
this.isPrinting = !1;
|
|
1051
1052
|
}
|
|
1052
1053
|
}, 100);
|
|
1053
1054
|
},
|
|
1054
1055
|
generateCsv() {
|
|
1055
|
-
const
|
|
1056
|
+
const a = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], s = ["", ...this.table.head.map((e) => e.label)], o = this.table.body, u = a.concat([s]).concat(o), t = this.createCsvContent(u);
|
|
1056
1057
|
this.downloadCsv({ csvContent: t, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
|
|
1057
1058
|
},
|
|
1058
1059
|
showSpinnerImage() {
|
|
@@ -1061,14 +1062,14 @@ const Ue = J(), Ze = {
|
|
|
1061
1062
|
async generateImage() {
|
|
1062
1063
|
this.showSpinnerImage(), clearTimeout(this.__to__), this.isImaging = !0, this.__to__ = setTimeout(async () => {
|
|
1063
1064
|
try {
|
|
1064
|
-
const { default:
|
|
1065
|
-
await
|
|
1065
|
+
const { default: a } = await import("./img-DGzWcJ4Y.js");
|
|
1066
|
+
await a({
|
|
1066
1067
|
domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
|
|
1067
1068
|
fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
|
|
1068
1069
|
format: "png"
|
|
1069
1070
|
});
|
|
1070
|
-
} catch (
|
|
1071
|
-
console.error("Error generating image:",
|
|
1071
|
+
} catch (a) {
|
|
1072
|
+
console.error("Error generating image:", a);
|
|
1072
1073
|
} finally {
|
|
1073
1074
|
this.isImaging = !1;
|
|
1074
1075
|
}
|
|
@@ -1080,36 +1081,36 @@ const Ue = J(), Ze = {
|
|
|
1080
1081
|
ref: "noTitle",
|
|
1081
1082
|
class: "vue-data-ui-no-title-space",
|
|
1082
1083
|
style: "height:36px; width: 100%; background:transparent"
|
|
1083
|
-
}, Qe = ["viewBox"], je = ["x", "y", "width", "height"], $e = { key: 1 }, et = { class: "vue-ui-xy-grid" }, tt = ["stroke", "x1", "x2", "y1", "y2"],
|
|
1084
|
+
}, Qe = ["viewBox"], je = ["x", "y", "width", "height"], $e = { key: 1 }, et = { class: "vue-ui-xy-grid" }, tt = ["stroke", "x1", "x2", "y1", "y2"], at = ["stroke", "x1", "x2", "y1", "y2"], rt = { key: 1 }, lt = ["x1", "x2", "y1", "y2", "stroke"], it = ["x1", "x2", "y1", "y2", "stroke"], st = ["x1", "x2", "y1", "y2", "stroke"], nt = { key: 3 }, ht = ["x1", "x2", "y1", "y2", "stroke"], ot = ["id"], ct = ["stop-color"], dt = ["stop-color"], ut = ["stop-color"], gt = ["id"], ft = ["stop-color"], It = ["stop-color"], mt = ["stop-color"], Nt = ["id"], xt = ["stop-color"], bt = ["stop-color"], Ft = ["id"], _t = ["stop-color"], At = ["stop-color"], yt = ["id"], Lt = ["stop-color"], Ct = ["stop-color"], St = ["x", "y", "height", "width", "fill"], kt = ["x", "y", "width"], wt = ["x", "y", "height", "width", "fill"], Ot = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Gt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], vt = ["width", "x", "y"], zt = { key: 0 }, Mt = ["id"], pt = ["fill"], Vt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Tt = ["x", "y", "font-size", "fill"], Pt = ["stroke", "x1", "x2", "y1", "y2"], Rt = { key: 2 }, Dt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ht = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Bt = { key: 4 }, Wt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Et = ["fill", "font-size", "transform"], Yt = ["x1", "x2", "y1", "y2", "stroke"], qt = ["x", "y", "font-size", "fill"], Xt = ["x1", "x2", "y1", "y2", "stroke"], Ut = ["x", "y", "font-size", "fill"], Zt = ["width", "x", "y"], Jt = { style: { width: "100%" } }, Kt = { key: 0 }, Qt = ["id"], jt = ["fill"], $t = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ea = ["x", "y", "font-size", "fill"], ta = ["d", "stroke", "stroke-width", "stroke-dasharray"], aa = { key: 1 }, ra = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], la = { key: 5 }, ia = { key: 0 }, sa = ["d", "fill"], na = ["d", "fill"], ha = ["d", "fill"], oa = ["d", "fill"], ca = ["d", "stroke", "stroke-width", "stroke-dasharray"], da = { key: 2 }, ua = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ga = ["width", "x", "y"], fa = { style: { width: "100%" } }, Ia = { key: 3 }, ma = ["id"], Na = ["fill"], xa = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ba = ["x", "y", "font-size", "fill"], Fa = { key: 6 }, _a = ["x", "y", "font-size", "fill"], Aa = ["x", "y", "font-size", "fill", "font-weight"], ya = { key: 7 }, La = ["x", "y", "font-size", "fill"], Ca = ["x", "y"], Sa = ["x", "y"], ka = { key: 8 }, wa = ["x", "y", "font-size", "fill"], Oa = ["x", "y"], Ga = ["x", "y"], va = ["x", "y", "font-size", "fill", "innerHTML"], za = ["x", "y", "font-size", "fill", "innerHTML"], Ma = ["x", "y", "font-size", "fill", "innerHTML"], pa = ["x", "y", "font-size", "fill", "innerHTML"], Va = ["x", "y", "width", "height", "fill", "onMouseenter"], Ta = ["font-size", "fill", "transform"], Pa = ["x", "y", "font-size", "fill"], Ra = { key: 10 }, Da = ["text-anchor", "font-size", "fill", "transform", "onClick"], Ha = ["x", "y", "height", "width", "onMouseenter", "onClick"], Ba = { key: 11 }, Wa = ["x", "y"], Ea = ["cx", "cy", "r", "fill"], Ya = {
|
|
1084
1085
|
key: 5,
|
|
1085
1086
|
class: "vue-data-ui-watermark"
|
|
1086
|
-
},
|
|
1087
|
+
}, qa = ["onClick"], Xa = {
|
|
1087
1088
|
key: 0,
|
|
1088
1089
|
viewBox: "0 0 20 12",
|
|
1089
1090
|
height: "14",
|
|
1090
1091
|
width: "20"
|
|
1091
|
-
},
|
|
1092
|
+
}, Ua = ["stroke", "fill"], Za = {
|
|
1092
1093
|
key: 1,
|
|
1093
1094
|
viewBox: "0 0 40 40",
|
|
1094
1095
|
height: "14",
|
|
1095
1096
|
width: "14"
|
|
1096
|
-
},
|
|
1097
|
+
}, Ja = ["fill"], Ka = ["fill"], Qa = {
|
|
1097
1098
|
key: 2,
|
|
1098
1099
|
viewBox: "0 0 12 12",
|
|
1099
1100
|
height: "14",
|
|
1100
1101
|
width: "14"
|
|
1101
|
-
},
|
|
1102
|
+
}, ja = {
|
|
1102
1103
|
key: 9,
|
|
1103
1104
|
ref: "chartLegend"
|
|
1104
|
-
}, $
|
|
1105
|
+
}, $a = {
|
|
1105
1106
|
key: 10,
|
|
1106
1107
|
ref: "source",
|
|
1107
1108
|
dir: "auto"
|
|
1108
|
-
},
|
|
1109
|
+
}, er = {
|
|
1109
1110
|
style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
|
|
1110
1111
|
"data-html2canvas-ignore": ""
|
|
1111
|
-
},
|
|
1112
|
-
function
|
|
1112
|
+
}, tr = ["innerHTML"];
|
|
1113
|
+
function ar(a, s, o, u, t, e) {
|
|
1113
1114
|
const x = T("PenAndPaper"), A = T("Title"), w = T("UserOptions"), N = T("PackageVersion"), b = T("Shape"), V = T("Skeleton"), v = T("Slicer"), z = T("Tooltip"), O = T("BaseIcon"), _ = T("TableSparkline"), C = T("DataTable"), M = T("Accordion");
|
|
1114
1115
|
return l(), i("div", {
|
|
1115
1116
|
id: `vue-ui-xy_${t.uniqueId}`,
|
|
@@ -1121,7 +1122,7 @@ function ra(r, s, o, u, t, e) {
|
|
|
1121
1122
|
}, [
|
|
1122
1123
|
e.FINAL_CONFIG.chart.userOptions.buttons.annotator ? (l(), D(x, {
|
|
1123
1124
|
key: 0,
|
|
1124
|
-
parent:
|
|
1125
|
+
parent: a.$refs.chart,
|
|
1125
1126
|
backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
|
|
1126
1127
|
color: e.FINAL_CONFIG.chart.color,
|
|
1127
1128
|
active: t.isAnnotator,
|
|
@@ -1166,7 +1167,7 @@ function ra(r, s, o, u, t, e) {
|
|
|
1166
1167
|
hasFullscreen: e.FINAL_CONFIG.chart.userOptions.buttons.fullscreen,
|
|
1167
1168
|
isStacked: t.mutableConfig.isStacked,
|
|
1168
1169
|
isFullscreen: t.isFullscreen,
|
|
1169
|
-
chartElement:
|
|
1170
|
+
chartElement: a.$refs.chart,
|
|
1170
1171
|
position: e.FINAL_CONFIG.chart.userOptions.position,
|
|
1171
1172
|
isTooltip: t.mutableConfig.showTooltip,
|
|
1172
1173
|
titles: { ...e.FINAL_CONFIG.chart.userOptions.buttonTitles },
|
|
@@ -1185,66 +1186,66 @@ function ra(r, s, o, u, t, e) {
|
|
|
1185
1186
|
visibility: t.keepUserOptionState ? t.userOptionsVisible ? "visible" : "hidden" : "visible"
|
|
1186
1187
|
})
|
|
1187
1188
|
}, Be({ _: 2 }, [
|
|
1188
|
-
|
|
1189
|
+
a.$slots.optionTooltip ? {
|
|
1189
1190
|
name: "optionTooltip",
|
|
1190
1191
|
fn: p(() => [
|
|
1191
|
-
S(
|
|
1192
|
+
S(a.$slots, "optionTooltip", {}, void 0, !0)
|
|
1192
1193
|
]),
|
|
1193
1194
|
key: "0"
|
|
1194
1195
|
} : void 0,
|
|
1195
|
-
|
|
1196
|
+
a.$slots.optionPdf ? {
|
|
1196
1197
|
name: "optionPdf",
|
|
1197
1198
|
fn: p(() => [
|
|
1198
|
-
S(
|
|
1199
|
+
S(a.$slots, "optionPdf", {}, void 0, !0)
|
|
1199
1200
|
]),
|
|
1200
1201
|
key: "1"
|
|
1201
1202
|
} : void 0,
|
|
1202
|
-
|
|
1203
|
+
a.$slots.optionCsv ? {
|
|
1203
1204
|
name: "optionCsv",
|
|
1204
1205
|
fn: p(() => [
|
|
1205
|
-
S(
|
|
1206
|
+
S(a.$slots, "optionCsv", {}, void 0, !0)
|
|
1206
1207
|
]),
|
|
1207
1208
|
key: "2"
|
|
1208
1209
|
} : void 0,
|
|
1209
|
-
|
|
1210
|
+
a.$slots.optionImg ? {
|
|
1210
1211
|
name: "optionImg",
|
|
1211
1212
|
fn: p(() => [
|
|
1212
|
-
S(
|
|
1213
|
+
S(a.$slots, "optionImg", {}, void 0, !0)
|
|
1213
1214
|
]),
|
|
1214
1215
|
key: "3"
|
|
1215
1216
|
} : void 0,
|
|
1216
|
-
|
|
1217
|
+
a.$slots.optionTable ? {
|
|
1217
1218
|
name: "optionTable",
|
|
1218
1219
|
fn: p(() => [
|
|
1219
|
-
S(
|
|
1220
|
+
S(a.$slots, "optionTable", {}, void 0, !0)
|
|
1220
1221
|
]),
|
|
1221
1222
|
key: "4"
|
|
1222
1223
|
} : void 0,
|
|
1223
|
-
|
|
1224
|
+
a.$slots.optionLabels ? {
|
|
1224
1225
|
name: "optionLabels",
|
|
1225
1226
|
fn: p(() => [
|
|
1226
|
-
S(
|
|
1227
|
+
S(a.$slots, "optionLabels", {}, void 0, !0)
|
|
1227
1228
|
]),
|
|
1228
1229
|
key: "5"
|
|
1229
1230
|
} : void 0,
|
|
1230
|
-
|
|
1231
|
+
a.$slots.optionStack ? {
|
|
1231
1232
|
name: "optionStack",
|
|
1232
1233
|
fn: p(() => [
|
|
1233
|
-
S(
|
|
1234
|
+
S(a.$slots, "optionStack", {}, void 0, !0)
|
|
1234
1235
|
]),
|
|
1235
1236
|
key: "6"
|
|
1236
1237
|
} : void 0,
|
|
1237
|
-
|
|
1238
|
+
a.$slots.optionFullscreen ? {
|
|
1238
1239
|
name: "optionFullscreen",
|
|
1239
|
-
fn: p(({ toggleFullscreen:
|
|
1240
|
-
S(
|
|
1240
|
+
fn: p(({ toggleFullscreen: r, isFullscreen: h }) => [
|
|
1241
|
+
S(a.$slots, "optionFullscreen", H(B({ toggleFullscreen: r, isFullscreen: h })), void 0, !0)
|
|
1241
1242
|
]),
|
|
1242
1243
|
key: "7"
|
|
1243
1244
|
} : void 0,
|
|
1244
|
-
|
|
1245
|
+
a.$slots.optionAnnotator ? {
|
|
1245
1246
|
name: "optionAnnotator",
|
|
1246
|
-
fn: p(({ toggleAnnotator:
|
|
1247
|
-
S(
|
|
1247
|
+
fn: p(({ toggleAnnotator: r, isAnnotator: h }) => [
|
|
1248
|
+
S(a.$slots, "optionAnnotator", H(B({ toggleAnnotator: r, isAnnotator: h })), void 0, !0)
|
|
1248
1249
|
]),
|
|
1249
1250
|
key: "8"
|
|
1250
1251
|
} : void 0
|
|
@@ -1258,7 +1259,7 @@ function ra(r, s, o, u, t, e) {
|
|
|
1258
1259
|
style: L(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
|
|
1259
1260
|
}, [
|
|
1260
1261
|
q(N),
|
|
1261
|
-
|
|
1262
|
+
a.$slots["chart-background"] ? (l(), i("foreignObject", {
|
|
1262
1263
|
key: 0,
|
|
1263
1264
|
x: e.drawingArea.left + e.xPadding < 0 ? 0 : e.drawingArea.left + e.xPadding,
|
|
1264
1265
|
y: e.drawingArea.top,
|
|
@@ -1268,7 +1269,7 @@ function ra(r, s, o, u, t, e) {
|
|
|
1268
1269
|
pointerEvents: "none"
|
|
1269
1270
|
}
|
|
1270
1271
|
}, [
|
|
1271
|
-
S(
|
|
1272
|
+
S(a.$slots, "chart-background", {}, void 0, !0)
|
|
1272
1273
|
], 8, je)) : c("", !0),
|
|
1273
1274
|
e.maxSeries > 0 ? (l(), i("g", $e, [
|
|
1274
1275
|
f("g", et, [
|
|
@@ -1282,16 +1283,16 @@ function ra(r, s, o, u, t, e) {
|
|
|
1282
1283
|
y2: e.forceValidValue(e.drawingArea.bottom),
|
|
1283
1284
|
"stroke-linecap": "round"
|
|
1284
1285
|
}, null, 8, tt)) : c("", !0),
|
|
1285
|
-
t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (l(!0), i(I, { key: 2 }, m(e.allScales, (
|
|
1286
|
-
|
|
1286
|
+
t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (l(!0), i(I, { key: 2 }, m(e.allScales, (r) => (l(), i("g", null, [
|
|
1287
|
+
r.id === t.selectedScale && r.yLabels.length ? (l(!0), i(I, { key: 0 }, m(r.yLabels, (h) => (l(), i("line", {
|
|
1287
1288
|
x1: e.drawingArea.left + e.xPadding,
|
|
1288
1289
|
x2: e.drawingArea.right - e.xPadding,
|
|
1289
1290
|
y1: e.forceValidValue(h.y),
|
|
1290
1291
|
y2: e.forceValidValue(h.y),
|
|
1291
|
-
stroke:
|
|
1292
|
+
stroke: r.color,
|
|
1292
1293
|
"stroke-width": 0.5,
|
|
1293
1294
|
"stroke-linecap": "round"
|
|
1294
|
-
}, null, 8, it))), 256)) :
|
|
1295
|
+
}, null, 8, it))), 256)) : r.yLabels.length ? (l(!0), i(I, { key: 1 }, m(r.yLabels, (h) => (l(), i("line", {
|
|
1295
1296
|
x1: e.drawingArea.left + e.xPadding,
|
|
1296
1297
|
x2: e.drawingArea.right - e.xPadding,
|
|
1297
1298
|
y1: e.forceValidValue(h.y),
|
|
@@ -1310,13 +1311,13 @@ function ra(r, s, o, u, t, e) {
|
|
|
1310
1311
|
y1: e.forceValidValue(e.drawingArea.top),
|
|
1311
1312
|
y2: e.forceValidValue(e.drawingArea.bottom),
|
|
1312
1313
|
"stroke-linecap": "round"
|
|
1313
|
-
}, null, 8,
|
|
1314
|
-
e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (l(), i("g",
|
|
1315
|
-
(l(!0), i(I, null, m(e.yLabels, (
|
|
1314
|
+
}, null, 8, at)) : c("", !0),
|
|
1315
|
+
e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (l(), i("g", rt, [
|
|
1316
|
+
(l(!0), i(I, null, m(e.yLabels, (r) => (l(), i("line", {
|
|
1316
1317
|
x1: e.drawingArea.left + e.xPadding,
|
|
1317
1318
|
x2: e.drawingArea.right - e.xPadding,
|
|
1318
|
-
y1: e.forceValidValue(
|
|
1319
|
-
y2: e.forceValidValue(
|
|
1319
|
+
y1: e.forceValidValue(r.y),
|
|
1320
|
+
y2: e.forceValidValue(r.y),
|
|
1320
1321
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1321
1322
|
"stroke-width": 0.5,
|
|
1322
1323
|
"stroke-linecap": "round"
|
|
@@ -1324,7 +1325,7 @@ function ra(r, s, o, u, t, e) {
|
|
|
1324
1325
|
])) : c("", !0)
|
|
1325
1326
|
], 64)),
|
|
1326
1327
|
e.FINAL_CONFIG.chart.grid.showVerticalLines ? (l(), i("g", nt, [
|
|
1327
|
-
(l(!0), i(I, null, m(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (
|
|
1328
|
+
(l(!0), i(I, null, m(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (r, h) => (l(), i("line", {
|
|
1328
1329
|
key: `grid_vertical_line_${h}`,
|
|
1329
1330
|
x1: e.drawingArea.width / e.maxSeries * h + e.drawingArea.left + e.xPadding,
|
|
1330
1331
|
x2: e.drawingArea.width / e.maxSeries * h + e.drawingArea.left + e.xPadding,
|
|
@@ -1335,7 +1336,7 @@ function ra(r, s, o, u, t, e) {
|
|
|
1335
1336
|
}, null, 8, ht))), 128))
|
|
1336
1337
|
])) : c("", !0)
|
|
1337
1338
|
]),
|
|
1338
|
-
(l(!0), i(I, null, m(e.barSet, (
|
|
1339
|
+
(l(!0), i(I, null, m(e.barSet, (r, h) => (l(), i("defs", {
|
|
1339
1340
|
key: `def_rect_${h}`
|
|
1340
1341
|
}, [
|
|
1341
1342
|
f("linearGradient", {
|
|
@@ -1345,15 +1346,15 @@ function ra(r, s, o, u, t, e) {
|
|
|
1345
1346
|
}, [
|
|
1346
1347
|
f("stop", {
|
|
1347
1348
|
offset: "0%",
|
|
1348
|
-
"stop-color":
|
|
1349
|
+
"stop-color": r.color
|
|
1349
1350
|
}, null, 8, ct),
|
|
1350
1351
|
f("stop", {
|
|
1351
1352
|
offset: "62%",
|
|
1352
|
-
"stop-color": `${e.shiftHue(
|
|
1353
|
+
"stop-color": `${e.shiftHue(r.color, 0.02)}`
|
|
1353
1354
|
}, null, 8, dt),
|
|
1354
1355
|
f("stop", {
|
|
1355
1356
|
offset: "100%",
|
|
1356
|
-
"stop-color": `${e.shiftHue(
|
|
1357
|
+
"stop-color": `${e.shiftHue(r.color, 0.05)}`
|
|
1357
1358
|
}, null, 8, ut)
|
|
1358
1359
|
], 8, ot),
|
|
1359
1360
|
f("linearGradient", {
|
|
@@ -1363,19 +1364,19 @@ function ra(r, s, o, u, t, e) {
|
|
|
1363
1364
|
}, [
|
|
1364
1365
|
f("stop", {
|
|
1365
1366
|
offset: "0%",
|
|
1366
|
-
"stop-color": `${e.shiftHue(
|
|
1367
|
+
"stop-color": `${e.shiftHue(r.color, 0.05)}`
|
|
1367
1368
|
}, null, 8, ft),
|
|
1368
1369
|
f("stop", {
|
|
1369
1370
|
offset: "38%",
|
|
1370
|
-
"stop-color": `${e.shiftHue(
|
|
1371
|
+
"stop-color": `${e.shiftHue(r.color, 0.02)}`
|
|
1371
1372
|
}, null, 8, It),
|
|
1372
1373
|
f("stop", {
|
|
1373
1374
|
offset: "100%",
|
|
1374
|
-
"stop-color":
|
|
1375
|
+
"stop-color": r.color
|
|
1375
1376
|
}, null, 8, mt)
|
|
1376
1377
|
], 8, gt)
|
|
1377
1378
|
]))), 128)),
|
|
1378
|
-
(l(!0), i(I, null, m(e.plotSet, (
|
|
1379
|
+
(l(!0), i(I, null, m(e.plotSet, (r, h) => (l(), i("defs", {
|
|
1379
1380
|
key: `def_plot_${h}`
|
|
1380
1381
|
}, [
|
|
1381
1382
|
f("radialGradient", {
|
|
@@ -1388,15 +1389,15 @@ function ra(r, s, o, u, t, e) {
|
|
|
1388
1389
|
}, [
|
|
1389
1390
|
f("stop", {
|
|
1390
1391
|
offset: "0%",
|
|
1391
|
-
"stop-color": `${e.shiftHue(
|
|
1392
|
+
"stop-color": `${e.shiftHue(r.color, 0.05)}`
|
|
1392
1393
|
}, null, 8, xt),
|
|
1393
1394
|
f("stop", {
|
|
1394
1395
|
offset: "100%",
|
|
1395
|
-
"stop-color":
|
|
1396
|
+
"stop-color": r.color
|
|
1396
1397
|
}, null, 8, bt)
|
|
1397
1398
|
], 8, Nt)
|
|
1398
1399
|
]))), 128)),
|
|
1399
|
-
(l(!0), i(I, null, m(e.lineSet, (
|
|
1400
|
+
(l(!0), i(I, null, m(e.lineSet, (r, h) => (l(), i("defs", {
|
|
1400
1401
|
key: `def_line_${h}`
|
|
1401
1402
|
}, [
|
|
1402
1403
|
f("radialGradient", {
|
|
@@ -1409,11 +1410,11 @@ function ra(r, s, o, u, t, e) {
|
|
|
1409
1410
|
}, [
|
|
1410
1411
|
f("stop", {
|
|
1411
1412
|
offset: "0%",
|
|
1412
|
-
"stop-color": `${e.shiftHue(
|
|
1413
|
+
"stop-color": `${e.shiftHue(r.color, 0.05)}`
|
|
1413
1414
|
}, null, 8, _t),
|
|
1414
1415
|
f("stop", {
|
|
1415
1416
|
offset: "100%",
|
|
1416
|
-
"stop-color":
|
|
1417
|
+
"stop-color": r.color
|
|
1417
1418
|
}, null, 8, At)
|
|
1418
1419
|
], 8, Ft),
|
|
1419
1420
|
f("linearGradient", {
|
|
@@ -1425,46 +1426,46 @@ function ra(r, s, o, u, t, e) {
|
|
|
1425
1426
|
}, [
|
|
1426
1427
|
f("stop", {
|
|
1427
1428
|
offset: "0%",
|
|
1428
|
-
"stop-color": `${e.setOpacity(e.shiftHue(
|
|
1429
|
+
"stop-color": `${e.setOpacity(e.shiftHue(r.color, 0.03), e.FINAL_CONFIG.line.area.opacity)}`
|
|
1429
1430
|
}, null, 8, Lt),
|
|
1430
1431
|
f("stop", {
|
|
1431
1432
|
offset: "100%",
|
|
1432
|
-
"stop-color": `${e.setOpacity(
|
|
1433
|
+
"stop-color": `${e.setOpacity(r.color, e.FINAL_CONFIG.line.area.opacity)}`
|
|
1433
1434
|
}, null, 8, Ct)
|
|
1434
1435
|
], 8, yt)
|
|
1435
1436
|
]))), 128)),
|
|
1436
|
-
(l(!0), i(I, null, m(e.highlightAreas, (
|
|
1437
|
-
|
|
1437
|
+
(l(!0), i(I, null, m(e.highlightAreas, (r) => (l(), i("g", null, [
|
|
1438
|
+
r.show ? (l(!0), i(I, { key: 0 }, m(r.span, (h, n) => (l(), i("g", null, [
|
|
1438
1439
|
f("rect", {
|
|
1439
1440
|
style: L({
|
|
1440
1441
|
transition: "none",
|
|
1441
|
-
opacity:
|
|
1442
|
+
opacity: r.from + n >= t.slicer.start && r.from + n <= t.slicer.end - 1 ? 1 : 0
|
|
1442
1443
|
}),
|
|
1443
|
-
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (
|
|
1444
|
+
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (r.from + n - t.slicer.start),
|
|
1444
1445
|
y: e.drawingArea.top,
|
|
1445
1446
|
height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
|
|
1446
1447
|
width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
|
|
1447
|
-
fill: e.setOpacity(
|
|
1448
|
+
fill: e.setOpacity(r.color, r.opacity)
|
|
1448
1449
|
}, null, 12, St),
|
|
1449
|
-
|
|
1450
|
+
r.caption.text && n === 0 ? (l(), i("foreignObject", {
|
|
1450
1451
|
key: 0,
|
|
1451
|
-
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (
|
|
1452
|
-
y: e.drawingArea.top +
|
|
1452
|
+
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (r.from + n - t.slicer.start) - (r.caption.width === "auto" ? 0 : r.caption.width / 2 - e.drawingArea.width / e.maxSeries * r.span / 2),
|
|
1453
|
+
y: e.drawingArea.top + r.caption.offsetY,
|
|
1453
1454
|
style: L({
|
|
1454
1455
|
overflow: "visible",
|
|
1455
|
-
opacity:
|
|
1456
|
+
opacity: r.to >= t.slicer.start && r.from < t.slicer.end ? 1 : 0
|
|
1456
1457
|
}),
|
|
1457
1458
|
height: "1",
|
|
1458
|
-
width:
|
|
1459
|
+
width: r.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * r.span : r.caption.width
|
|
1459
1460
|
}, [
|
|
1460
1461
|
f("div", {
|
|
1461
|
-
style: L(`padding:${
|
|
1462
|
-
}, k(
|
|
1462
|
+
style: L(`padding:${r.caption.padding}px;text-align:${r.caption.textAlign};font-size:${r.caption.fontSize}px;color:${r.caption.color};font-weight:${r.caption.bold ? "bold" : "normal"}`)
|
|
1463
|
+
}, k(r.caption.text), 5)
|
|
1463
1464
|
], 12, kt)) : c("", !0)
|
|
1464
1465
|
]))), 256)) : c("", !0)
|
|
1465
1466
|
]))), 256)),
|
|
1466
1467
|
f("g", null, [
|
|
1467
|
-
(l(!0), i(I, null, m(e.maxSeries, (
|
|
1468
|
+
(l(!0), i(I, null, m(e.maxSeries, (r, h) => (l(), i("g", {
|
|
1468
1469
|
key: `tooltip_trap_highlighter_${h}`
|
|
1469
1470
|
}, [
|
|
1470
1471
|
f("rect", {
|
|
@@ -1476,12 +1477,12 @@ function ra(r, s, o, u, t, e) {
|
|
|
1476
1477
|
}, null, 8, wt)
|
|
1477
1478
|
]))), 128))
|
|
1478
1479
|
]),
|
|
1479
|
-
e.barSet.length ? (l(!0), i(I, { key: 0 }, m(e.barSet, (
|
|
1480
|
+
e.barSet.length ? (l(!0), i(I, { key: 0 }, m(e.barSet, (r, h) => (l(), i("g", {
|
|
1480
1481
|
key: `serie_bar_${h}`,
|
|
1481
1482
|
class: P(`serie_bar_${h}`),
|
|
1482
|
-
style: L(`opacity:${t.selectedScale ? t.selectedScale ===
|
|
1483
|
+
style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1483
1484
|
}, [
|
|
1484
|
-
(l(!0), i(I, null, m(
|
|
1485
|
+
(l(!0), i(I, null, m(r.plots, (n, d) => (l(), i("g", {
|
|
1485
1486
|
key: `bar_plot_${h}_${d}`
|
|
1486
1487
|
}, [
|
|
1487
1488
|
e.canShowValue(n.value) ? (l(), i("rect", {
|
|
@@ -1491,19 +1492,19 @@ function ra(r, s, o, u, t, e) {
|
|
|
1491
1492
|
height: t.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(n)) : Math.abs(e.calcRectHeight(n)),
|
|
1492
1493
|
width: e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap),
|
|
1493
1494
|
rx: e.FINAL_CONFIG.bar.borderRadius,
|
|
1494
|
-
fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${h}_${t.uniqueId})` : `url(#rectGradient_neg_${h}_${t.uniqueId})` :
|
|
1495
|
-
stroke: e.FINAL_CONFIG.bar.border.useSerieColor ?
|
|
1495
|
+
fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${h}_${t.uniqueId})` : `url(#rectGradient_neg_${h}_${t.uniqueId})` : r.color,
|
|
1496
|
+
stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? r.color : e.FINAL_CONFIG.bar.border.stroke,
|
|
1496
1497
|
"stroke-width": e.FINAL_CONFIG.bar.border.strokeWidth
|
|
1497
1498
|
}, null, 8, Ot)) : c("", !0),
|
|
1498
|
-
e.canShowValue(n.value) &&
|
|
1499
|
+
e.canShowValue(n.value) && a.$slots.pattern ? (l(), i("rect", {
|
|
1499
1500
|
key: 1,
|
|
1500
1501
|
x: e.calcRectX(n),
|
|
1501
1502
|
y: t.mutableConfig.useIndividualScale ? e.calcIndividualRectY(n) : e.calcRectY(n),
|
|
1502
1503
|
height: t.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(n)) : Math.abs(e.calcRectHeight(n)),
|
|
1503
1504
|
width: e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap),
|
|
1504
1505
|
rx: e.FINAL_CONFIG.bar.borderRadius,
|
|
1505
|
-
fill: `url(#pattern_${t.uniqueId}_${
|
|
1506
|
-
stroke: e.FINAL_CONFIG.bar.border.useSerieColor ?
|
|
1506
|
+
fill: `url(#pattern_${t.uniqueId}_${r.slotAbsoluteIndex})`,
|
|
1507
|
+
stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? r.color : e.FINAL_CONFIG.bar.border.stroke,
|
|
1507
1508
|
"stroke-width": e.FINAL_CONFIG.bar.border.strokeWidth
|
|
1508
1509
|
}, null, 8, Gt)) : c("", !0),
|
|
1509
1510
|
n.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), i("foreignObject", {
|
|
@@ -1514,12 +1515,12 @@ function ra(r, s, o, u, t, e) {
|
|
|
1514
1515
|
x: e.calcRectX(n) - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
|
|
1515
1516
|
y: e.checkNaN(n.y) + e.FINAL_CONFIG.chart.comments.offsetY + 6
|
|
1516
1517
|
}, [
|
|
1517
|
-
S(
|
|
1518
|
-
plot: { ...n, color:
|
|
1518
|
+
S(a.$slots, "plot-comment", {
|
|
1519
|
+
plot: { ...n, color: r.color, seriesIndex: h, datapointIndex: d }
|
|
1519
1520
|
}, void 0, !0)
|
|
1520
1521
|
], 8, vt)) : c("", !0)
|
|
1521
1522
|
]))), 128)),
|
|
1522
|
-
Object.hasOwn(
|
|
1523
|
+
Object.hasOwn(r, "useProgression") && r.useProgression === !0 && !isNaN(e.calcLinearProgression(r.plots).trend) ? (l(), i("g", zt, [
|
|
1523
1524
|
f("defs", null, [
|
|
1524
1525
|
f("marker", {
|
|
1525
1526
|
id: `bar_arrow_${h}`,
|
|
@@ -1531,30 +1532,30 @@ function ra(r, s, o, u, t, e) {
|
|
|
1531
1532
|
}, [
|
|
1532
1533
|
f("polygon", {
|
|
1533
1534
|
points: `0 0, 7 ${7 / 2}, 0 7`,
|
|
1534
|
-
fill:
|
|
1535
|
+
fill: r.color
|
|
1535
1536
|
}, null, 8, pt)
|
|
1536
1537
|
], 8, Mt)
|
|
1537
1538
|
]),
|
|
1538
|
-
|
|
1539
|
+
r.plots.length > 1 ? (l(), i("line", {
|
|
1539
1540
|
key: 0,
|
|
1540
|
-
x1: e.calcLinearProgression(
|
|
1541
|
-
x2: e.calcLinearProgression(
|
|
1542
|
-
y1: e.forceValidValue(e.calcLinearProgression(
|
|
1543
|
-
y2: e.forceValidValue(e.calcLinearProgression(
|
|
1541
|
+
x1: e.calcLinearProgression(r.plots).x1,
|
|
1542
|
+
x2: e.calcLinearProgression(r.plots).x2,
|
|
1543
|
+
y1: e.forceValidValue(e.calcLinearProgression(r.plots).y1),
|
|
1544
|
+
y2: e.forceValidValue(e.calcLinearProgression(r.plots).y2),
|
|
1544
1545
|
"stroke-width": 1,
|
|
1545
|
-
stroke:
|
|
1546
|
+
stroke: r.color,
|
|
1546
1547
|
"stroke-dasharray": 2,
|
|
1547
1548
|
"marker-end": `url(#bar_arrow_${h})`
|
|
1548
1549
|
}, null, 8, Vt)) : c("", !0),
|
|
1549
|
-
|
|
1550
|
+
r.plots.length > 1 ? (l(), i("text", {
|
|
1550
1551
|
key: 1,
|
|
1551
1552
|
"text-anchor": "middle",
|
|
1552
|
-
x: e.calcLinearProgression(
|
|
1553
|
-
y: e.calcLinearProgression(
|
|
1553
|
+
x: e.calcLinearProgression(r.plots).x2,
|
|
1554
|
+
y: e.calcLinearProgression(r.plots).y2 - 6,
|
|
1554
1555
|
"font-size": t.fontSizes.plotLabels,
|
|
1555
|
-
fill:
|
|
1556
|
+
fill: r.color
|
|
1556
1557
|
}, k(e.dataLabel({
|
|
1557
|
-
v: e.calcLinearProgression(
|
|
1558
|
+
v: e.calcLinearProgression(r.plots).trend * 100,
|
|
1558
1559
|
s: "%",
|
|
1559
1560
|
r: 2
|
|
1560
1561
|
})), 9, Tt)) : c("", !0)
|
|
@@ -1599,42 +1600,42 @@ function ra(r, s, o, u, t, e) {
|
|
|
1599
1600
|
}, null, 8, Ht)) : c("", !0),
|
|
1600
1601
|
e.FINAL_CONFIG.chart.grid.labels.show ? (l(), i("g", Bt, [
|
|
1601
1602
|
t.mutableConfig.useIndividualScale ? (l(), i(I, { key: 0 }, [
|
|
1602
|
-
(l(!0), i(I, null, m(e.allScales, (
|
|
1603
|
+
(l(!0), i(I, null, m(e.allScales, (r) => (l(), i("g", null, [
|
|
1603
1604
|
f("line", {
|
|
1604
|
-
x1:
|
|
1605
|
-
x2:
|
|
1606
|
-
y1: t.mutableConfig.isStacked ? e.forceValidValue(e.drawingArea.bottom -
|
|
1607
|
-
y2: t.mutableConfig.isStacked ? e.forceValidValue(e.drawingArea.bottom -
|
|
1608
|
-
stroke:
|
|
1605
|
+
x1: r.x + e.xPadding,
|
|
1606
|
+
x2: r.x + e.xPadding,
|
|
1607
|
+
y1: t.mutableConfig.isStacked ? e.forceValidValue(e.drawingArea.bottom - r.yOffset - r.individualHeight) : e.forceValidValue(e.drawingArea.top),
|
|
1608
|
+
y2: t.mutableConfig.isStacked ? e.forceValidValue(e.drawingArea.bottom - r.yOffset) : e.forceValidValue(e.drawingArea.bottom),
|
|
1609
|
+
stroke: r.color,
|
|
1609
1610
|
"stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
|
|
1610
1611
|
"stroke-linecap": "round",
|
|
1611
|
-
style: L(`opacity:${t.selectedScale ? t.selectedScale ===
|
|
1612
|
+
style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1612
1613
|
}, null, 12, Wt)
|
|
1613
1614
|
]))), 256)),
|
|
1614
|
-
(l(!0), i(I, null, m(e.allScales, (
|
|
1615
|
-
style: L(`opacity:${t.selectedScale ? t.selectedScale ===
|
|
1615
|
+
(l(!0), i(I, null, m(e.allScales, (r) => (l(), i("g", {
|
|
1616
|
+
style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1616
1617
|
}, [
|
|
1617
1618
|
f("text", {
|
|
1618
|
-
fill:
|
|
1619
|
+
fill: r.color,
|
|
1619
1620
|
"font-size": t.fontSizes.dataLabels,
|
|
1620
1621
|
"text-anchor": "middle",
|
|
1621
|
-
transform: `translate(${
|
|
1622
|
-
}, k(
|
|
1623
|
-
(l(!0), i(I, null, m(
|
|
1624
|
-
x1:
|
|
1625
|
-
x2:
|
|
1622
|
+
transform: `translate(${r.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5 + e.xPadding}, ${t.mutableConfig.isStacked ? e.drawingArea.bottom - r.yOffset - r.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
|
|
1623
|
+
}, k(r.name) + " " + k(r.scaleLabel ? `- ${r.scaleLabel}` : ""), 9, Et),
|
|
1624
|
+
(l(!0), i(I, null, m(r.yLabels, (h, n) => (l(), i("line", {
|
|
1625
|
+
x1: r.x - 3 + e.xPadding,
|
|
1626
|
+
x2: r.x + e.xPadding,
|
|
1626
1627
|
y1: e.forceValidValue(h.y),
|
|
1627
1628
|
y2: e.forceValidValue(h.y),
|
|
1628
|
-
stroke:
|
|
1629
|
+
stroke: r.color,
|
|
1629
1630
|
"stroke-width": 1,
|
|
1630
1631
|
"stroke-linecap": "round"
|
|
1631
1632
|
}, null, 8, Yt))), 256)),
|
|
1632
|
-
(l(!0), i(I, null, m(
|
|
1633
|
-
x:
|
|
1633
|
+
(l(!0), i(I, null, m(r.yLabels, (h, n) => (l(), i("text", {
|
|
1634
|
+
x: r.x - 5 + e.xPadding,
|
|
1634
1635
|
y: e.forceValidValue(h.y) + t.fontSizes.dataLabels / 3,
|
|
1635
1636
|
"font-size": t.fontSizes.dataLabels,
|
|
1636
1637
|
"text-anchor": "end",
|
|
1637
|
-
fill:
|
|
1638
|
+
fill: r.color
|
|
1638
1639
|
}, k(e.applyDataLabel(
|
|
1639
1640
|
e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
|
|
1640
1641
|
h.value,
|
|
@@ -1647,53 +1648,53 @@ function ra(r, s, o, u, t, e) {
|
|
|
1647
1648
|
{ datapoint: h.datapoint, seriesIndex: n }
|
|
1648
1649
|
)), 9, qt))), 256))
|
|
1649
1650
|
], 4))), 256))
|
|
1650
|
-
], 64)) : (l(!0), i(I, { key: 1 }, m(e.yLabels, (
|
|
1651
|
+
], 64)) : (l(!0), i(I, { key: 1 }, m(e.yLabels, (r, h) => (l(), i("g", {
|
|
1651
1652
|
key: `yLabel_${h}`
|
|
1652
1653
|
}, [
|
|
1653
|
-
e.canShowValue(
|
|
1654
|
+
e.canShowValue(r) && r.value >= e.niceScale.min && r.value <= e.niceScale.max ? (l(), i("line", {
|
|
1654
1655
|
key: 0,
|
|
1655
1656
|
x1: e.drawingArea.left + e.xPadding,
|
|
1656
1657
|
x2: e.drawingArea.left - 5 + e.xPadding,
|
|
1657
|
-
y1: e.forceValidValue(
|
|
1658
|
-
y2: e.forceValidValue(
|
|
1658
|
+
y1: e.forceValidValue(r.y),
|
|
1659
|
+
y2: e.forceValidValue(r.y),
|
|
1659
1660
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1660
1661
|
"stroke-width": "1",
|
|
1661
1662
|
"stroke-linecap": "round"
|
|
1662
1663
|
}, null, 8, Xt)) : c("", !0),
|
|
1663
|
-
|
|
1664
|
+
r.value >= e.niceScale.min && r.value <= e.niceScale.max ? (l(), i("text", {
|
|
1664
1665
|
key: 1,
|
|
1665
1666
|
x: e.drawingArea.left - 7 + e.xPadding,
|
|
1666
|
-
y: e.checkNaN(
|
|
1667
|
+
y: e.checkNaN(r.y + t.fontSizes.dataLabels / 3),
|
|
1667
1668
|
"font-size": t.fontSizes.dataLabels,
|
|
1668
1669
|
"text-anchor": "end",
|
|
1669
1670
|
fill: e.FINAL_CONFIG.chart.grid.labels.color
|
|
1670
|
-
}, k(e.canShowValue(
|
|
1671
|
+
}, k(e.canShowValue(r.value) ? e.applyDataLabel(
|
|
1671
1672
|
e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
|
|
1672
|
-
|
|
1673
|
+
r.value,
|
|
1673
1674
|
e.dataLabel({
|
|
1674
|
-
p:
|
|
1675
|
-
v:
|
|
1676
|
-
s:
|
|
1675
|
+
p: r.prefix,
|
|
1676
|
+
v: r.value,
|
|
1677
|
+
s: r.suffix,
|
|
1677
1678
|
r: 1
|
|
1678
1679
|
})
|
|
1679
1680
|
) : ""), 9, Ut)) : c("", !0)
|
|
1680
1681
|
]))), 128))
|
|
1681
1682
|
])) : c("", !0),
|
|
1682
|
-
(l(!0), i(I, null, m(e.plotSet, (
|
|
1683
|
+
(l(!0), i(I, null, m(e.plotSet, (r, h) => (l(), i("g", {
|
|
1683
1684
|
key: `serie_plot_${h}`,
|
|
1684
1685
|
class: P(`serie_plot_${h}`),
|
|
1685
|
-
style: L(`opacity:${t.selectedScale ? t.selectedScale ===
|
|
1686
|
+
style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1686
1687
|
}, [
|
|
1687
|
-
(l(!0), i(I, null, m(
|
|
1688
|
+
(l(!0), i(I, null, m(r.plots, (n, d) => (l(), i("g", {
|
|
1688
1689
|
key: `circle_plot_${h}_${d}`
|
|
1689
1690
|
}, [
|
|
1690
1691
|
n && e.canShowValue(n.value) ? (l(), D(b, {
|
|
1691
1692
|
key: 0,
|
|
1692
|
-
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(
|
|
1693
|
-
color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${h}_${t.uniqueId})` : e.FINAL_CONFIG.plot.dot.useSerieColor ?
|
|
1693
|
+
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(r.shape) ? r.shape : "circle",
|
|
1694
|
+
color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${h}_${t.uniqueId})` : e.FINAL_CONFIG.plot.dot.useSerieColor ? r.color : e.FINAL_CONFIG.plot.dot.fill,
|
|
1694
1695
|
plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
|
|
1695
1696
|
radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === d || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === d ? (t.plotRadii.plot || 6) * 1.5 : t.plotRadii.plot || 6,
|
|
1696
|
-
stroke: e.FINAL_CONFIG.plot.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor :
|
|
1697
|
+
stroke: e.FINAL_CONFIG.plot.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : r.color,
|
|
1697
1698
|
strokeWidth: e.FINAL_CONFIG.plot.dot.strokeWidth
|
|
1698
1699
|
}, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : c("", !0),
|
|
1699
1700
|
n.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), i("foreignObject", {
|
|
@@ -1705,13 +1706,13 @@ function ra(r, s, o, u, t, e) {
|
|
|
1705
1706
|
y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
|
|
1706
1707
|
}, [
|
|
1707
1708
|
f("div", Jt, [
|
|
1708
|
-
S(
|
|
1709
|
-
plot: { ...n, color:
|
|
1709
|
+
S(a.$slots, "plot-comment", {
|
|
1710
|
+
plot: { ...n, color: r.color, seriesIndex: h, datapointIndex: d }
|
|
1710
1711
|
}, void 0, !0)
|
|
1711
1712
|
])
|
|
1712
1713
|
], 8, Zt)) : c("", !0)
|
|
1713
1714
|
]))), 128)),
|
|
1714
|
-
Object.hasOwn(
|
|
1715
|
+
Object.hasOwn(r, "useProgression") && r.useProgression === !0 && !isNaN(e.calcLinearProgression(r.plots).trend) ? (l(), i("g", Kt, [
|
|
1715
1716
|
f("defs", null, [
|
|
1716
1717
|
f("marker", {
|
|
1717
1718
|
id: `plot_arrow_${h}`,
|
|
@@ -1723,134 +1724,134 @@ function ra(r, s, o, u, t, e) {
|
|
|
1723
1724
|
}, [
|
|
1724
1725
|
f("polygon", {
|
|
1725
1726
|
points: `0 0, 7 ${7 / 2}, 0 7`,
|
|
1726
|
-
fill:
|
|
1727
|
+
fill: r.color
|
|
1727
1728
|
}, null, 8, jt)
|
|
1728
1729
|
], 8, Qt)
|
|
1729
1730
|
]),
|
|
1730
|
-
|
|
1731
|
+
r.plots.length > 1 ? (l(), i("line", {
|
|
1731
1732
|
key: 0,
|
|
1732
|
-
x1: e.calcLinearProgression(
|
|
1733
|
-
x2: e.calcLinearProgression(
|
|
1734
|
-
y1: e.forceValidValue(e.calcLinearProgression(
|
|
1735
|
-
y2: e.forceValidValue(e.calcLinearProgression(
|
|
1733
|
+
x1: e.calcLinearProgression(r.plots).x1,
|
|
1734
|
+
x2: e.calcLinearProgression(r.plots).x2,
|
|
1735
|
+
y1: e.forceValidValue(e.calcLinearProgression(r.plots).y1),
|
|
1736
|
+
y2: e.forceValidValue(e.calcLinearProgression(r.plots).y2),
|
|
1736
1737
|
"stroke-width": 1,
|
|
1737
|
-
stroke:
|
|
1738
|
+
stroke: r.color,
|
|
1738
1739
|
"stroke-dasharray": 2,
|
|
1739
1740
|
"marker-end": `url(#plot_arrow_${h})`
|
|
1740
1741
|
}, null, 8, $t)) : c("", !0),
|
|
1741
|
-
|
|
1742
|
+
r.plots.length > 1 ? (l(), i("text", {
|
|
1742
1743
|
key: 1,
|
|
1743
1744
|
"text-anchor": "middle",
|
|
1744
|
-
x: e.calcLinearProgression(
|
|
1745
|
-
y: e.calcLinearProgression(
|
|
1745
|
+
x: e.calcLinearProgression(r.plots).x2,
|
|
1746
|
+
y: e.calcLinearProgression(r.plots).y2 - 6,
|
|
1746
1747
|
"font-size": t.fontSizes.plotLabels,
|
|
1747
|
-
fill:
|
|
1748
|
+
fill: r.color
|
|
1748
1749
|
}, k(e.dataLabel({
|
|
1749
|
-
v: e.calcLinearProgression(
|
|
1750
|
+
v: e.calcLinearProgression(r.plots).trend * 100,
|
|
1750
1751
|
s: "%",
|
|
1751
1752
|
r: 2
|
|
1752
|
-
})), 9,
|
|
1753
|
+
})), 9, ea)) : c("", !0)
|
|
1753
1754
|
])) : c("", !0)
|
|
1754
1755
|
], 6))), 128)),
|
|
1755
|
-
(l(!0), i(I, null, m(e.lineSet, (
|
|
1756
|
+
(l(!0), i(I, null, m(e.lineSet, (r, h) => (l(), i("g", {
|
|
1756
1757
|
key: `serie_line_${h}`,
|
|
1757
1758
|
class: P(`serie_line_${h}`),
|
|
1758
|
-
style: L(`opacity:${t.selectedScale ? t.selectedScale ===
|
|
1759
|
+
style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1759
1760
|
}, [
|
|
1760
|
-
|
|
1761
|
+
r.smooth && r.plots.length > 1 ? (l(), i("path", {
|
|
1761
1762
|
key: 0,
|
|
1762
|
-
d: `M${
|
|
1763
|
+
d: `M${r.curve}`,
|
|
1763
1764
|
stroke: e.FINAL_CONFIG.chart.backgroundColor,
|
|
1764
1765
|
"stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
|
|
1765
|
-
"stroke-dasharray":
|
|
1766
|
+
"stroke-dasharray": r.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1766
1767
|
fill: "none"
|
|
1767
|
-
}, null, 8,
|
|
1768
|
-
(l(!0), i(I, null, m(
|
|
1768
|
+
}, null, 8, ta)) : r.plots.length > 1 ? (l(), i("g", aa, [
|
|
1769
|
+
(l(!0), i(I, null, m(r.plots, (n, d) => (l(), i("g", {
|
|
1769
1770
|
key: `line_${h}_${d}`
|
|
1770
1771
|
}, [
|
|
1771
|
-
n && d <
|
|
1772
|
+
n && d < r.plots.length - 1 && r.plots[d + 1] && e.canShowValue(n.value) && e.canShowValue(r.plots[d + 1].value) ? (l(), i("line", {
|
|
1772
1773
|
key: 0,
|
|
1773
1774
|
x1: n.x,
|
|
1774
|
-
x2:
|
|
1775
|
+
x2: r.plots[d + 1].x,
|
|
1775
1776
|
y1: e.forceValidValue(n.y),
|
|
1776
|
-
y2: e.forceValidValue(
|
|
1777
|
+
y2: e.forceValidValue(r.plots[d + 1].y),
|
|
1777
1778
|
stroke: e.FINAL_CONFIG.chart.backgroundColor,
|
|
1778
1779
|
"stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
|
|
1779
|
-
"stroke-dasharray":
|
|
1780
|
+
"stroke-dasharray": r.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1780
1781
|
"stroke-linejoin": "round",
|
|
1781
1782
|
"stroke-linecap": "round"
|
|
1782
|
-
}, null, 8,
|
|
1783
|
+
}, null, 8, ra)) : c("", !0)
|
|
1783
1784
|
]))), 128))
|
|
1784
1785
|
])) : c("", !0)
|
|
1785
1786
|
], 6))), 128)),
|
|
1786
|
-
|
|
1787
|
-
(l(!0), i(I, null, m(e.safeDataset, (
|
|
1787
|
+
a.$slots.pattern ? (l(), i("defs", la, [
|
|
1788
|
+
(l(!0), i(I, null, m(e.safeDataset, (r, h) => S(a.$slots, "pattern", We({
|
|
1788
1789
|
key: `serie_pattern_slot_${h}`
|
|
1789
|
-
}, { ...
|
|
1790
|
+
}, { ...r, seriesIndex: r.slotAbsoluteIndex, patternId: `pattern_${t.uniqueId}_${h}` }), void 0, !0)), 128))
|
|
1790
1791
|
])) : c("", !0),
|
|
1791
|
-
(l(!0), i(I, null, m(e.lineSet, (
|
|
1792
|
+
(l(!0), i(I, null, m(e.lineSet, (r, h) => (l(), i("g", {
|
|
1792
1793
|
key: `serie_line_${h}`,
|
|
1793
1794
|
class: P(`serie_line_${h}`),
|
|
1794
|
-
style: L(`opacity:${t.selectedScale ? t.selectedScale ===
|
|
1795
|
+
style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1795
1796
|
}, [
|
|
1796
|
-
|
|
1797
|
-
|
|
1797
|
+
r.useArea && r.plots.length > 1 ? (l(), i("g", ia, [
|
|
1798
|
+
r.smooth ? (l(), i(I, { key: 0 }, [
|
|
1798
1799
|
f("path", {
|
|
1799
|
-
d: `M ${
|
|
1800
|
-
fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(
|
|
1801
|
-
}, null, 8,
|
|
1802
|
-
|
|
1800
|
+
d: `M ${r.plots[0] ? r.plots[0].x : Math.min(...r.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - r.yOffset : e.drawingArea.bottom} ${r.curve} L ${r.plots.at(-1) ? r.plots.at(-1).x : e.drawingArea.left + e.slot.line * h + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - r.yOffset : e.drawingArea.bottom} Z`,
|
|
1801
|
+
fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(r.color, e.FINAL_CONFIG.line.area.opacity)
|
|
1802
|
+
}, null, 8, sa),
|
|
1803
|
+
a.$slots.pattern ? (l(), i("path", {
|
|
1803
1804
|
key: 0,
|
|
1804
|
-
d: `M ${
|
|
1805
|
-
fill: `url(#pattern_${t.uniqueId}_${
|
|
1806
|
-
}, null, 8,
|
|
1805
|
+
d: `M ${r.plots[0] ? r.plots[0].x : Math.min(...r.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - r.yOffset : e.drawingArea.bottom} ${r.curve} L ${r.plots.at(-1) ? r.plots.at(-1).x : e.drawingArea.left + e.slot.line * h + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - r.yOffset : e.drawingArea.bottom} Z`,
|
|
1806
|
+
fill: `url(#pattern_${t.uniqueId}_${r.slotAbsoluteIndex})`
|
|
1807
|
+
}, null, 8, na)) : c("", !0)
|
|
1807
1808
|
], 64)) : (l(), i(I, { key: 1 }, [
|
|
1808
1809
|
f("path", {
|
|
1809
|
-
d: `M${
|
|
1810
|
-
fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(
|
|
1811
|
-
}, null, 8,
|
|
1812
|
-
|
|
1810
|
+
d: `M${r.area}Z`,
|
|
1811
|
+
fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${t.uniqueId})` : e.setOpacity(r.color, e.FINAL_CONFIG.line.area.opacity)
|
|
1812
|
+
}, null, 8, ha),
|
|
1813
|
+
a.$slots.pattern ? (l(), i("path", {
|
|
1813
1814
|
key: 0,
|
|
1814
|
-
d: `M${
|
|
1815
|
-
fill: `url(#pattern_${t.uniqueId}_${
|
|
1816
|
-
}, null, 8,
|
|
1815
|
+
d: `M${r.area}Z`,
|
|
1816
|
+
fill: `url(#pattern_${t.uniqueId}_${r.slotAbsoluteIndex})`
|
|
1817
|
+
}, null, 8, oa)) : c("", !0)
|
|
1817
1818
|
], 64))
|
|
1818
1819
|
])) : c("", !0),
|
|
1819
|
-
|
|
1820
|
+
r.smooth && r.plots.length > 1 ? (l(), i("path", {
|
|
1820
1821
|
key: 1,
|
|
1821
|
-
d: `M${
|
|
1822
|
-
stroke:
|
|
1822
|
+
d: `M${r.curve}`,
|
|
1823
|
+
stroke: r.color,
|
|
1823
1824
|
"stroke-width": e.FINAL_CONFIG.line.strokeWidth,
|
|
1824
|
-
"stroke-dasharray":
|
|
1825
|
+
"stroke-dasharray": r.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1825
1826
|
fill: "none"
|
|
1826
|
-
}, null, 8,
|
|
1827
|
-
(l(!0), i(I, null, m(
|
|
1827
|
+
}, null, 8, ca)) : r.plots.length > 1 ? (l(), i("g", da, [
|
|
1828
|
+
(l(!0), i(I, null, m(r.plots, (n, d) => (l(), i("g", {
|
|
1828
1829
|
key: `line_${h}_${d}`
|
|
1829
1830
|
}, [
|
|
1830
|
-
n && d <
|
|
1831
|
+
n && d < r.plots.length - 1 && r.plots[d + 1] && e.canShowValue(n.value) && e.canShowValue(r.plots[d + 1].value) ? (l(), i("line", {
|
|
1831
1832
|
key: 0,
|
|
1832
1833
|
x1: n.x,
|
|
1833
|
-
x2:
|
|
1834
|
+
x2: r.plots[d + 1].x,
|
|
1834
1835
|
y1: e.forceValidValue(n.y),
|
|
1835
|
-
y2: e.forceValidValue(
|
|
1836
|
-
stroke:
|
|
1836
|
+
y2: e.forceValidValue(r.plots[d + 1].y),
|
|
1837
|
+
stroke: r.color,
|
|
1837
1838
|
"stroke-width": e.FINAL_CONFIG.line.strokeWidth,
|
|
1838
|
-
"stroke-dasharray":
|
|
1839
|
+
"stroke-dasharray": r.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1839
1840
|
"stroke-linejoin": "round",
|
|
1840
1841
|
"stroke-linecap": "round"
|
|
1841
|
-
}, null, 8,
|
|
1842
|
+
}, null, 8, ua)) : c("", !0)
|
|
1842
1843
|
]))), 128))
|
|
1843
1844
|
])) : c("", !0),
|
|
1844
|
-
(l(!0), i(I, null, m(
|
|
1845
|
+
(l(!0), i(I, null, m(r.plots, (n, d) => (l(), i("g", {
|
|
1845
1846
|
key: `circle_line_${h}_${d}`
|
|
1846
1847
|
}, [
|
|
1847
1848
|
n && e.canShowValue(n.value) ? (l(), D(b, {
|
|
1848
1849
|
key: 0,
|
|
1849
|
-
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(
|
|
1850
|
-
color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${h}_${t.uniqueId})` : e.FINAL_CONFIG.line.dot.useSerieColor ?
|
|
1850
|
+
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(r.shape) ? r.shape : "circle",
|
|
1851
|
+
color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${h}_${t.uniqueId})` : e.FINAL_CONFIG.line.dot.useSerieColor ? r.color : e.FINAL_CONFIG.line.dot.fill,
|
|
1851
1852
|
plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
|
|
1852
1853
|
radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === d || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === d ? (t.plotRadii.line || 6) * 1.5 : t.plotRadii.line || 6,
|
|
1853
|
-
stroke: e.FINAL_CONFIG.line.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor :
|
|
1854
|
+
stroke: e.FINAL_CONFIG.line.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : r.color,
|
|
1854
1855
|
strokeWidth: e.FINAL_CONFIG.line.dot.strokeWidth
|
|
1855
1856
|
}, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : c("", !0),
|
|
1856
1857
|
n.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), i("foreignObject", {
|
|
@@ -1861,14 +1862,14 @@ function ra(r, s, o, u, t, e) {
|
|
|
1861
1862
|
x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
|
|
1862
1863
|
y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
|
|
1863
1864
|
}, [
|
|
1864
|
-
f("div",
|
|
1865
|
-
S(
|
|
1866
|
-
plot: { ...n, color:
|
|
1865
|
+
f("div", fa, [
|
|
1866
|
+
S(a.$slots, "plot-comment", {
|
|
1867
|
+
plot: { ...n, color: r.color, seriesIndex: h, datapointIndex: d }
|
|
1867
1868
|
}, void 0, !0)
|
|
1868
1869
|
])
|
|
1869
|
-
], 8,
|
|
1870
|
+
], 8, ga)) : c("", !0)
|
|
1870
1871
|
]))), 128)),
|
|
1871
|
-
Object.hasOwn(
|
|
1872
|
+
Object.hasOwn(r, "useProgression") && r.useProgression === !0 && !isNaN(e.calcLinearProgression(r.plots).trend) ? (l(), i("g", Ia, [
|
|
1872
1873
|
f("defs", null, [
|
|
1873
1874
|
f("marker", {
|
|
1874
1875
|
id: `line_arrow_${h}`,
|
|
@@ -1880,45 +1881,45 @@ function ra(r, s, o, u, t, e) {
|
|
|
1880
1881
|
}, [
|
|
1881
1882
|
f("polygon", {
|
|
1882
1883
|
points: `0 0, 7 ${7 / 2}, 0 7`,
|
|
1883
|
-
fill:
|
|
1884
|
-
}, null, 8,
|
|
1885
|
-
], 8,
|
|
1884
|
+
fill: r.color
|
|
1885
|
+
}, null, 8, Na)
|
|
1886
|
+
], 8, ma)
|
|
1886
1887
|
]),
|
|
1887
|
-
|
|
1888
|
+
r.plots.length > 1 ? (l(), i("line", {
|
|
1888
1889
|
key: 0,
|
|
1889
|
-
x1: e.calcLinearProgression(
|
|
1890
|
-
x2: e.calcLinearProgression(
|
|
1891
|
-
y1: e.forceValidValue(e.calcLinearProgression(
|
|
1892
|
-
y2: e.forceValidValue(e.calcLinearProgression(
|
|
1890
|
+
x1: e.calcLinearProgression(r.plots).x1,
|
|
1891
|
+
x2: e.calcLinearProgression(r.plots).x2,
|
|
1892
|
+
y1: e.forceValidValue(e.calcLinearProgression(r.plots).y1),
|
|
1893
|
+
y2: e.forceValidValue(e.calcLinearProgression(r.plots).y2),
|
|
1893
1894
|
"stroke-width": 1,
|
|
1894
|
-
stroke:
|
|
1895
|
+
stroke: r.color,
|
|
1895
1896
|
"stroke-dasharray": 2,
|
|
1896
1897
|
"marker-end": `url(#line_arrow_${h})`
|
|
1897
|
-
}, null, 8,
|
|
1898
|
-
|
|
1898
|
+
}, null, 8, xa)) : c("", !0),
|
|
1899
|
+
r.plots.length > 1 ? (l(), i("text", {
|
|
1899
1900
|
key: 1,
|
|
1900
1901
|
"text-anchor": "middle",
|
|
1901
|
-
x: e.calcLinearProgression(
|
|
1902
|
-
y: e.calcLinearProgression(
|
|
1902
|
+
x: e.calcLinearProgression(r.plots).x2,
|
|
1903
|
+
y: e.calcLinearProgression(r.plots).y2 - 6,
|
|
1903
1904
|
"font-size": t.fontSizes.plotLabels,
|
|
1904
|
-
fill:
|
|
1905
|
+
fill: r.color
|
|
1905
1906
|
}, k(e.dataLabel({
|
|
1906
|
-
v: e.calcLinearProgression(
|
|
1907
|
+
v: e.calcLinearProgression(r.plots).trend * 100,
|
|
1907
1908
|
s: "%",
|
|
1908
1909
|
r: 2
|
|
1909
|
-
})), 9,
|
|
1910
|
+
})), 9, ba)) : c("", !0)
|
|
1910
1911
|
])) : c("", !0)
|
|
1911
1912
|
], 6))), 128)),
|
|
1912
|
-
(e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (l(), i("g",
|
|
1913
|
-
(l(!0), i(I, null, m(e.barSet, (
|
|
1913
|
+
(e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (l(), i("g", Fa, [
|
|
1914
|
+
(l(!0), i(I, null, m(e.barSet, (r, h) => (l(), i("g", {
|
|
1914
1915
|
key: `xLabel_bar_${h}`,
|
|
1915
1916
|
class: P(`xLabel_bar_${h}`),
|
|
1916
|
-
style: L(`opacity:${t.selectedScale ? t.selectedScale ===
|
|
1917
|
+
style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1917
1918
|
}, [
|
|
1918
|
-
(l(!0), i(I, null, m(
|
|
1919
|
+
(l(!0), i(I, null, m(r.plots, (n, d) => (l(), i("g", {
|
|
1919
1920
|
key: `xLabel_bar_${h}_${d}`
|
|
1920
1921
|
}, [
|
|
1921
|
-
n && (!Object.hasOwn(
|
|
1922
|
+
n && (!Object.hasOwn(r, "dataLabels") || r.dataLabels === !0 || t.selectedSerieIndex !== null && t.selectedSerieIndex === d || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === d) && e.FINAL_CONFIG.bar.labels.show ? (l(), i("text", {
|
|
1922
1923
|
key: 0,
|
|
1923
1924
|
x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? n.x + e.slot.line / 2 : e.calcRectX(n) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
|
|
1924
1925
|
y: e.checkNaN(n.y) + (n.value >= 0 ? e.FINAL_CONFIG.bar.labels.offsetY : -e.FINAL_CONFIG.bar.labels.offsetY * 3),
|
|
@@ -1929,38 +1930,38 @@ function ra(r, s, o, u, t, e) {
|
|
|
1929
1930
|
e.FINAL_CONFIG.bar.labels.formatter,
|
|
1930
1931
|
n.value,
|
|
1931
1932
|
e.dataLabel({
|
|
1932
|
-
p:
|
|
1933
|
+
p: r.prefix || e.FINAL_CONFIG.chart.labels.prefix,
|
|
1933
1934
|
v: n.value,
|
|
1934
|
-
s:
|
|
1935
|
+
s: r.suffix || e.FINAL_CONFIG.chart.labels.suffix,
|
|
1935
1936
|
r: e.FINAL_CONFIG.bar.labels.rounding
|
|
1936
1937
|
}),
|
|
1937
1938
|
{
|
|
1938
1939
|
datapoint: n,
|
|
1939
|
-
serie:
|
|
1940
|
+
serie: r
|
|
1940
1941
|
}
|
|
1941
|
-
) : ""), 9,
|
|
1942
|
+
) : ""), 9, _a)) : c("", !0),
|
|
1942
1943
|
n && e.FINAL_CONFIG.bar.serieName.show ? (l(), i("text", {
|
|
1943
1944
|
key: 1,
|
|
1944
1945
|
x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? n.x + e.slot.line / 2 : n.x + e.calcRectWidth() * 1.1,
|
|
1945
1946
|
y: n.y + (n.value > 0 ? e.FINAL_CONFIG.bar.serieName.offsetY : -e.FINAL_CONFIG.bar.serieName.offsetY * 3),
|
|
1946
1947
|
"text-anchor": "middle",
|
|
1947
1948
|
"font-size": t.fontSizes.plotLabels,
|
|
1948
|
-
fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ?
|
|
1949
|
+
fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? r.color : e.FINAL_CONFIG.bar.serieName.color,
|
|
1949
1950
|
"font-weight": e.FINAL_CONFIG.bar.serieName.bold ? "bold" : "normal"
|
|
1950
|
-
}, k(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source:
|
|
1951
|
+
}, k(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: r.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : r.name), 9, Aa)) : c("", !0)
|
|
1951
1952
|
]))), 128))
|
|
1952
1953
|
], 6))), 128))
|
|
1953
1954
|
])) : c("", !0),
|
|
1954
|
-
e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (l(), i("g",
|
|
1955
|
-
(l(!0), i(I, null, m(e.plotSet, (
|
|
1955
|
+
e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (l(), i("g", ya, [
|
|
1956
|
+
(l(!0), i(I, null, m(e.plotSet, (r, h) => (l(), i("g", {
|
|
1956
1957
|
key: `xLabel_plot_${h}`,
|
|
1957
1958
|
class: P(`xLabel_plot_${h}`),
|
|
1958
|
-
style: L(`opacity:${t.selectedScale ? t.selectedScale ===
|
|
1959
|
+
style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1959
1960
|
}, [
|
|
1960
|
-
(l(!0), i(I, null, m(
|
|
1961
|
+
(l(!0), i(I, null, m(r.plots, (n, d) => (l(), i("g", {
|
|
1961
1962
|
key: `xLabel_plot_${h}_${d}`
|
|
1962
1963
|
}, [
|
|
1963
|
-
n && !Object.hasOwn(
|
|
1964
|
+
n && !Object.hasOwn(r, "dataLabels") || r.dataLabels === !0 || t.selectedSerieIndex !== null && t.selectedSerieIndex === d || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === d ? (l(), i("text", {
|
|
1964
1965
|
key: 0,
|
|
1965
1966
|
x: n.x,
|
|
1966
1967
|
y: n.y + e.FINAL_CONFIG.plot.labels.offsetY,
|
|
@@ -1971,17 +1972,17 @@ function ra(r, s, o, u, t, e) {
|
|
|
1971
1972
|
e.FINAL_CONFIG.plot.labels.formatter,
|
|
1972
1973
|
n.value,
|
|
1973
1974
|
e.dataLabel({
|
|
1974
|
-
p:
|
|
1975
|
+
p: r.prefix || e.FINAL_CONFIG.chart.labels.prefix,
|
|
1975
1976
|
v: n.value,
|
|
1976
|
-
s:
|
|
1977
|
+
s: r.suffix || e.FINAL_CONFIG.chart.labels.suffix,
|
|
1977
1978
|
r: e.FINAL_CONFIG.plot.labels.rounding
|
|
1978
1979
|
}),
|
|
1979
1980
|
{
|
|
1980
1981
|
datapoint: n,
|
|
1981
|
-
serie:
|
|
1982
|
+
serie: r
|
|
1982
1983
|
}
|
|
1983
|
-
) : ""), 9,
|
|
1984
|
-
n && d === 0 &&
|
|
1984
|
+
) : ""), 9, La)) : c("", !0),
|
|
1985
|
+
n && d === 0 && r.useTag && r.useTag === "start" ? (l(), i("foreignObject", {
|
|
1985
1986
|
key: 1,
|
|
1986
1987
|
x: n.x,
|
|
1987
1988
|
y: n.y - 20,
|
|
@@ -1990,34 +1991,34 @@ function ra(r, s, o, u, t, e) {
|
|
|
1990
1991
|
style: { overflow: "visible" }
|
|
1991
1992
|
}, [
|
|
1992
1993
|
f("div", {
|
|
1993
|
-
style: L(`padding: 3px; background:${e.setOpacity(
|
|
1994
|
-
}, k(
|
|
1995
|
-
], 8,
|
|
1996
|
-
n && d ===
|
|
1994
|
+
style: L(`padding: 3px; background:${e.setOpacity(r.color, 80)};color:${e.adaptColorToBackground(r.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
1995
|
+
}, k(r.name), 5)
|
|
1996
|
+
], 8, Ca)) : c("", !0),
|
|
1997
|
+
n && d === r.plots.length - 1 && r.useTag && r.useTag === "end" ? (l(), i("foreignObject", {
|
|
1997
1998
|
key: 2,
|
|
1998
|
-
x: n.x -
|
|
1999
|
+
x: n.x - r.name.length * (t.fontSizes.plotLabels / 2),
|
|
1999
2000
|
y: n.y - 20,
|
|
2000
2001
|
height: 24,
|
|
2001
2002
|
width: "150",
|
|
2002
2003
|
style: { overflow: "visible" }
|
|
2003
2004
|
}, [
|
|
2004
2005
|
f("div", {
|
|
2005
|
-
style: L(`padding: 3px; background:${e.setOpacity(
|
|
2006
|
-
}, k(
|
|
2007
|
-
], 8,
|
|
2006
|
+
style: L(`padding: 3px; background:${e.setOpacity(r.color, 80)};color:${e.adaptColorToBackground(r.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
2007
|
+
}, k(r.name), 5)
|
|
2008
|
+
], 8, Sa)) : c("", !0)
|
|
2008
2009
|
]))), 128))
|
|
2009
2010
|
], 6))), 128))
|
|
2010
2011
|
])) : c("", !0),
|
|
2011
|
-
e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (l(), i("g",
|
|
2012
|
-
(l(!0), i(I, null, m(e.lineSet, (
|
|
2012
|
+
e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (l(), i("g", ka, [
|
|
2013
|
+
(l(!0), i(I, null, m(e.lineSet, (r, h) => (l(), i("g", {
|
|
2013
2014
|
key: `xLabel_line_${h}`,
|
|
2014
2015
|
class: P(`xLabel_line_${h}`),
|
|
2015
|
-
style: L(`opacity:${t.selectedScale ? t.selectedScale ===
|
|
2016
|
+
style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
2016
2017
|
}, [
|
|
2017
|
-
(l(!0), i(I, null, m(
|
|
2018
|
+
(l(!0), i(I, null, m(r.plots, (n, d) => (l(), i("g", {
|
|
2018
2019
|
key: `xLabel_line_${h}_${d}`
|
|
2019
2020
|
}, [
|
|
2020
|
-
n && !Object.hasOwn(
|
|
2021
|
+
n && !Object.hasOwn(r, "dataLabels") || r.dataLabels === !0 || t.selectedSerieIndex !== null && t.selectedSerieIndex === d || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === d ? (l(), i("text", {
|
|
2021
2022
|
key: 0,
|
|
2022
2023
|
x: n.x,
|
|
2023
2024
|
y: n.y + (n.value >= 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
|
|
@@ -2028,17 +2029,17 @@ function ra(r, s, o, u, t, e) {
|
|
|
2028
2029
|
e.FINAL_CONFIG.line.labels.formatter,
|
|
2029
2030
|
n.value,
|
|
2030
2031
|
e.dataLabel({
|
|
2031
|
-
p:
|
|
2032
|
+
p: r.prefix || e.FINAL_CONFIG.chart.labels.prefix,
|
|
2032
2033
|
v: n.value,
|
|
2033
|
-
s:
|
|
2034
|
+
s: r.suffix || e.FINAL_CONFIG.chart.labels.suffix,
|
|
2034
2035
|
r: e.FINAL_CONFIG.line.labels.rounding
|
|
2035
2036
|
}),
|
|
2036
2037
|
{
|
|
2037
2038
|
datapoint: n,
|
|
2038
|
-
serie:
|
|
2039
|
+
serie: r
|
|
2039
2040
|
}
|
|
2040
|
-
) : ""), 9,
|
|
2041
|
-
n && d === 0 &&
|
|
2041
|
+
) : ""), 9, wa)) : c("", !0),
|
|
2042
|
+
n && d === 0 && r.useTag && r.useTag === "start" ? (l(), i("foreignObject", {
|
|
2042
2043
|
key: 1,
|
|
2043
2044
|
x: n.x,
|
|
2044
2045
|
y: n.y - 20,
|
|
@@ -2047,117 +2048,117 @@ function ra(r, s, o, u, t, e) {
|
|
|
2047
2048
|
style: { overflow: "visible" }
|
|
2048
2049
|
}, [
|
|
2049
2050
|
f("div", {
|
|
2050
|
-
style: L(`padding: 3px; background:${e.setOpacity(
|
|
2051
|
-
}, k(
|
|
2052
|
-
], 8,
|
|
2053
|
-
n && d ===
|
|
2051
|
+
style: L(`padding: 3px; background:${e.setOpacity(r.color, 80)};color:${e.adaptColorToBackground(r.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
2052
|
+
}, k(r.name), 5)
|
|
2053
|
+
], 8, Oa)) : c("", !0),
|
|
2054
|
+
n && d === r.plots.length - 1 && r.useTag && r.useTag === "end" ? (l(), i("foreignObject", {
|
|
2054
2055
|
key: 2,
|
|
2055
|
-
x: n.x -
|
|
2056
|
+
x: n.x - r.name.length * (t.fontSizes.plotLabels / 2),
|
|
2056
2057
|
y: n.y - 20,
|
|
2057
2058
|
height: 24,
|
|
2058
2059
|
width: "150",
|
|
2059
2060
|
style: { overflow: "visible" }
|
|
2060
2061
|
}, [
|
|
2061
2062
|
f("div", {
|
|
2062
|
-
style: L(`padding: 3px; background:${e.setOpacity(
|
|
2063
|
-
}, k(
|
|
2064
|
-
], 8,
|
|
2063
|
+
style: L(`padding: 3px; background:${e.setOpacity(r.color, 80)};color:${e.adaptColorToBackground(r.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
2064
|
+
}, k(r.name), 5)
|
|
2065
|
+
], 8, Ga)) : c("", !0)
|
|
2065
2066
|
]))), 128))
|
|
2066
2067
|
], 6))), 128))
|
|
2067
2068
|
])) : c("", !0),
|
|
2068
|
-
(l(!0), i(I, null, m(e.lineSet, (
|
|
2069
|
+
(l(!0), i(I, null, m(e.lineSet, (r, h) => (l(), i("g", {
|
|
2069
2070
|
key: `xLabel_line_${h}`,
|
|
2070
2071
|
class: P(`xLabel_line_${h}`),
|
|
2071
|
-
style: L(`opacity:${t.selectedScale ? t.selectedScale ===
|
|
2072
|
+
style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
2072
2073
|
}, [
|
|
2073
|
-
(l(!0), i(I, null, m(
|
|
2074
|
+
(l(!0), i(I, null, m(r.plots, (n, d) => (l(), i("g", {
|
|
2074
2075
|
key: `xLabel_line_${h}_${d}`
|
|
2075
2076
|
}, [
|
|
2076
|
-
n && d === 0 &&
|
|
2077
|
+
n && d === 0 && r.showSerieName && r.showSerieName === "start" ? (l(), i("text", {
|
|
2077
2078
|
key: 0,
|
|
2078
2079
|
x: n.x - t.fontSizes.plotLabels,
|
|
2079
2080
|
y: n.y,
|
|
2080
2081
|
"font-size": t.fontSizes.plotLabels,
|
|
2081
2082
|
"text-anchor": "end",
|
|
2082
|
-
fill:
|
|
2083
|
+
fill: r.color,
|
|
2083
2084
|
innerHTML: e.createTSpans({
|
|
2084
|
-
content:
|
|
2085
|
+
content: r.name,
|
|
2085
2086
|
fontSize: t.fontSizes.plotLabels,
|
|
2086
|
-
fill:
|
|
2087
|
+
fill: r.color,
|
|
2087
2088
|
x: n.x - t.fontSizes.plotLabels,
|
|
2088
2089
|
y: n.y,
|
|
2089
2090
|
maxWords: 2
|
|
2090
2091
|
})
|
|
2091
|
-
}, null, 8,
|
|
2092
|
-
n && d ===
|
|
2092
|
+
}, null, 8, va)) : c("", !0),
|
|
2093
|
+
n && d === r.plots.length - 1 && r.showSerieName && r.showSerieName === "end" ? (l(), i("text", {
|
|
2093
2094
|
key: 1,
|
|
2094
2095
|
x: n.x + t.fontSizes.plotLabels,
|
|
2095
2096
|
y: n.y,
|
|
2096
2097
|
"font-size": t.fontSizes.plotLabels,
|
|
2097
2098
|
"text-anchor": "start",
|
|
2098
|
-
fill:
|
|
2099
|
+
fill: r.color,
|
|
2099
2100
|
innerHTML: e.createTSpans({
|
|
2100
|
-
content:
|
|
2101
|
+
content: r.name,
|
|
2101
2102
|
fontSize: t.fontSizes.plotLabels,
|
|
2102
|
-
fill:
|
|
2103
|
+
fill: r.color,
|
|
2103
2104
|
x: n.x + t.fontSizes.plotLabels,
|
|
2104
2105
|
y: n.y,
|
|
2105
2106
|
maxWords: 2
|
|
2106
2107
|
})
|
|
2107
|
-
}, null, 8,
|
|
2108
|
+
}, null, 8, za)) : c("", !0)
|
|
2108
2109
|
]))), 128))
|
|
2109
2110
|
], 6))), 128)),
|
|
2110
|
-
(l(!0), i(I, null, m(e.plotSet, (
|
|
2111
|
+
(l(!0), i(I, null, m(e.plotSet, (r, h) => (l(), i("g", {
|
|
2111
2112
|
key: `xLabel_plot_${h}`,
|
|
2112
2113
|
class: P(`xLabel_plot_${h}`),
|
|
2113
|
-
style: L(`opacity:${t.selectedScale ? t.selectedScale ===
|
|
2114
|
+
style: L(`opacity:${t.selectedScale ? t.selectedScale === r.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
2114
2115
|
}, [
|
|
2115
|
-
(l(!0), i(I, null, m(
|
|
2116
|
+
(l(!0), i(I, null, m(r.plots, (n, d) => (l(), i("g", {
|
|
2116
2117
|
key: `xLabel_plot_${h}_${d}`
|
|
2117
2118
|
}, [
|
|
2118
|
-
n && d === 0 &&
|
|
2119
|
+
n && d === 0 && r.showSerieName && r.showSerieName === "start" ? (l(), i("text", {
|
|
2119
2120
|
key: 0,
|
|
2120
2121
|
x: n.x - t.fontSizes.plotLabels,
|
|
2121
2122
|
y: n.y,
|
|
2122
2123
|
"font-size": t.fontSizes.plotLabels,
|
|
2123
2124
|
"text-anchor": "end",
|
|
2124
|
-
fill:
|
|
2125
|
+
fill: r.color,
|
|
2125
2126
|
innerHTML: e.createTSpans({
|
|
2126
|
-
content:
|
|
2127
|
+
content: r.name,
|
|
2127
2128
|
fontSize: t.fontSizes.plotLabels,
|
|
2128
|
-
fill:
|
|
2129
|
+
fill: r.color,
|
|
2129
2130
|
x: n.x - t.fontSizes.plotLabels,
|
|
2130
2131
|
y: n.y,
|
|
2131
2132
|
maxWords: 2
|
|
2132
2133
|
})
|
|
2133
|
-
}, null, 8,
|
|
2134
|
-
n && d ===
|
|
2134
|
+
}, null, 8, Ma)) : c("", !0),
|
|
2135
|
+
n && d === r.plots.length - 1 && r.showSerieName && r.showSerieName === "end" ? (l(), i("text", {
|
|
2135
2136
|
key: 1,
|
|
2136
2137
|
x: n.x + t.fontSizes.plotLabels,
|
|
2137
2138
|
y: n.y,
|
|
2138
2139
|
"font-size": t.fontSizes.plotLabels,
|
|
2139
2140
|
"text-anchor": "start",
|
|
2140
|
-
fill:
|
|
2141
|
+
fill: r.color,
|
|
2141
2142
|
innerHTML: e.createTSpans({
|
|
2142
|
-
content:
|
|
2143
|
+
content: r.name,
|
|
2143
2144
|
fontSize: t.fontSizes.plotLabels,
|
|
2144
|
-
fill:
|
|
2145
|
+
fill: r.color,
|
|
2145
2146
|
x: n.x + t.fontSizes.plotLabels,
|
|
2146
2147
|
y: n.y,
|
|
2147
2148
|
maxWords: 2
|
|
2148
2149
|
})
|
|
2149
|
-
}, null, 8,
|
|
2150
|
+
}, null, 8, pa)) : c("", !0)
|
|
2150
2151
|
]))), 128))
|
|
2151
2152
|
], 6))), 128)),
|
|
2152
|
-
t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (l(!0), i(I, { key: 9 }, m(e.allScales, (
|
|
2153
|
-
x:
|
|
2153
|
+
t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (l(!0), i(I, { key: 9 }, m(e.allScales, (r) => (l(), i("rect", {
|
|
2154
|
+
x: r.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + e.xPadding,
|
|
2154
2155
|
y: e.drawingArea.top,
|
|
2155
2156
|
width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
|
|
2156
2157
|
height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
|
|
2157
|
-
fill: t.selectedScale ===
|
|
2158
|
-
onMouseenter: (h) => t.selectedScale =
|
|
2158
|
+
fill: t.selectedScale === r.id ? e.setOpacity(r.color, 20) : "transparent",
|
|
2159
|
+
onMouseenter: (h) => t.selectedScale = r.id,
|
|
2159
2160
|
onMouseleave: s[0] || (s[0] = (h) => t.selectedScale = null)
|
|
2160
|
-
}, null, 40,
|
|
2161
|
+
}, null, 40, Va))), 256)) : c("", !0),
|
|
2161
2162
|
f("g", null, [
|
|
2162
2163
|
e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !t.mutableConfig.useIndividualScale ? (l(), i("text", {
|
|
2163
2164
|
key: 0,
|
|
@@ -2166,7 +2167,7 @@ function ra(r, s, o, u, t, e) {
|
|
|
2166
2167
|
transform: `translate(${t.fontSizes.yAxis + e.FINAL_CONFIG.chart.grid.labels.axis.yLabelOffsetX}, ${e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`,
|
|
2167
2168
|
"text-anchor": "middle",
|
|
2168
2169
|
style: { transition: "none" }
|
|
2169
|
-
}, k(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9,
|
|
2170
|
+
}, k(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Ta)) : c("", !0),
|
|
2170
2171
|
e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (l(), i("text", {
|
|
2171
2172
|
key: 1,
|
|
2172
2173
|
"text-anchor": "middle",
|
|
@@ -2174,27 +2175,27 @@ function ra(r, s, o, u, t, e) {
|
|
|
2174
2175
|
y: e.drawingArea.bottom + t.fontSizes.yAxis + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.axis.xLabelOffsetY,
|
|
2175
2176
|
"font-size": t.fontSizes.yAxis,
|
|
2176
2177
|
fill: e.FINAL_CONFIG.chart.grid.labels.color
|
|
2177
|
-
}, k(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9,
|
|
2178
|
+
}, k(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Pa)) : c("", !0)
|
|
2178
2179
|
]),
|
|
2179
|
-
e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (l(), i("g",
|
|
2180
|
-
|
|
2180
|
+
e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (l(), i("g", Ra, [
|
|
2181
|
+
a.$slots["time-label"] ? (l(!0), i(I, { key: 0 }, m(e.timeLabels, (r, h) => (l(), i("g", {
|
|
2181
2182
|
key: `time_label_${h}`
|
|
2182
2183
|
}, [
|
|
2183
|
-
S(
|
|
2184
|
+
S(a.$slots, "time-label", H(B({
|
|
2184
2185
|
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * h + e.drawingArea.width / e.maxSeries / 2,
|
|
2185
2186
|
y: e.drawingArea.bottom + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset,
|
|
2186
2187
|
fontSize: t.fontSizes.xAxis,
|
|
2187
2188
|
fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
|
|
2188
2189
|
transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * h + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`,
|
|
2189
|
-
absoluteIndex:
|
|
2190
|
-
content:
|
|
2190
|
+
absoluteIndex: r.absoluteIndex,
|
|
2191
|
+
content: r.text,
|
|
2191
2192
|
textAnchor: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
|
|
2192
|
-
show:
|
|
2193
|
+
show: r && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || r && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (h === 0 || h === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || r && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && t.selectedSerieIndex === h && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || r && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && h % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0
|
|
2193
2194
|
})), void 0, !0)
|
|
2194
|
-
]))), 128)) : (l(!0), i(I, { key: 1 }, m(e.timeLabels, (
|
|
2195
|
+
]))), 128)) : (l(!0), i(I, { key: 1 }, m(e.timeLabels, (r, h) => (l(), i("g", {
|
|
2195
2196
|
key: `time_label_${h}`
|
|
2196
2197
|
}, [
|
|
2197
|
-
|
|
2198
|
+
r && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || r && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (h === 0 || h === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || r && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && t.selectedSerieIndex === h && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || r && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && h % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (l(), i("text", {
|
|
2198
2199
|
key: 0,
|
|
2199
2200
|
"text-anchor": e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
|
|
2200
2201
|
"font-size": t.fontSizes.xAxis,
|
|
@@ -2203,12 +2204,12 @@ function ra(r, s, o, u, t, e) {
|
|
|
2203
2204
|
style: {
|
|
2204
2205
|
cursor: "pointer"
|
|
2205
2206
|
},
|
|
2206
|
-
onClick: () => e.selectTimeLabel(
|
|
2207
|
-
}, k(
|
|
2207
|
+
onClick: () => e.selectTimeLabel(r, h)
|
|
2208
|
+
}, k(r.text || ""), 9, Da)) : c("", !0)
|
|
2208
2209
|
]))), 128))
|
|
2209
2210
|
])) : c("", !0),
|
|
2210
2211
|
f("g", null, [
|
|
2211
|
-
(l(!0), i(I, null, m(e.maxSeries, (
|
|
2212
|
+
(l(!0), i(I, null, m(e.maxSeries, (r, h) => (l(), i("g", {
|
|
2212
2213
|
key: `tooltip_trap_${h}`
|
|
2213
2214
|
}, [
|
|
2214
2215
|
f("rect", {
|
|
@@ -2221,10 +2222,10 @@ function ra(r, s, o, u, t, e) {
|
|
|
2221
2222
|
onMouseenter: (n) => e.toggleTooltipVisibility(!0, h),
|
|
2222
2223
|
onMouseleave: s[1] || (s[1] = (n) => e.toggleTooltipVisibility(!1)),
|
|
2223
2224
|
onClick: (n) => e.selectX(h)
|
|
2224
|
-
}, null, 40,
|
|
2225
|
+
}, null, 40, Ha)
|
|
2225
2226
|
]))), 128))
|
|
2226
2227
|
]),
|
|
2227
|
-
e.FINAL_CONFIG.chart.timeTag.show && (![null, void 0].includes(t.selectedSerieIndex) || ![null, void 0].includes(t.selectedMinimapIndex)) ? (l(), i("g",
|
|
2228
|
+
e.FINAL_CONFIG.chart.timeTag.show && (![null, void 0].includes(t.selectedSerieIndex) || ![null, void 0].includes(t.selectedMinimapIndex)) ? (l(), i("g", Ba, [
|
|
2228
2229
|
(l(), i("foreignObject", {
|
|
2229
2230
|
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)) - 100 + e.drawingArea.width / e.maxSeries / 2,
|
|
2230
2231
|
y: e.drawingArea.bottom,
|
|
@@ -2236,19 +2237,19 @@ function ra(r, s, o, u, t, e) {
|
|
|
2236
2237
|
class: "vue-ui-xy-time-tag",
|
|
2237
2238
|
style: L(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.FINAL_CONFIG.chart.timeTag.backgroundColor};color:${e.FINAL_CONFIG.chart.timeTag.color};font-size:${e.FINAL_CONFIG.chart.timeTag.fontSize}px`)
|
|
2238
2239
|
}, k(e.timeLabels[(t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)].text || (t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)), 5)
|
|
2239
|
-
], 8,
|
|
2240
|
+
], 8, Wa)),
|
|
2240
2241
|
f("circle", {
|
|
2241
2242
|
cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((t.selectedSerieIndex !== null ? t.selectedSerieIndex : 0) || (t.selectedMinimapIndex !== null ? t.selectedMinimapIndex : 0)) + e.drawingArea.width / e.maxSeries / 2,
|
|
2242
2243
|
cy: e.drawingArea.bottom,
|
|
2243
2244
|
r: e.FINAL_CONFIG.chart.timeTag.circleMarker.radius,
|
|
2244
2245
|
fill: e.FINAL_CONFIG.chart.timeTag.circleMarker.color
|
|
2245
|
-
}, null, 8,
|
|
2246
|
+
}, null, 8, Ea)
|
|
2246
2247
|
])) : c("", !0)
|
|
2247
2248
|
])) : c("", !0),
|
|
2248
|
-
S(
|
|
2249
|
+
S(a.$slots, "svg", { svg: e.svg }, void 0, !0)
|
|
2249
2250
|
], 14, Qe)) : c("", !0),
|
|
2250
|
-
|
|
2251
|
-
S(
|
|
2251
|
+
a.$slots.watermark ? (l(), i("div", Ya, [
|
|
2252
|
+
S(a.$slots, "watermark", H(B({ isPrinting: t.isPrinting || t.isImaging })), void 0, !0)
|
|
2252
2253
|
])) : c("", !0),
|
|
2253
2254
|
e.isDataset ? c("", !0) : (l(), D(V, {
|
|
2254
2255
|
key: 6,
|
|
@@ -2294,18 +2295,18 @@ function ra(r, s, o, u, t, e) {
|
|
|
2294
2295
|
valueStart: t.slicer.start,
|
|
2295
2296
|
valueEnd: t.slicer.end,
|
|
2296
2297
|
start: t.slicer.start,
|
|
2297
|
-
"onUpdate:start": s[2] || (s[2] = (
|
|
2298
|
+
"onUpdate:start": s[2] || (s[2] = (r) => t.slicer.start = r),
|
|
2298
2299
|
end: t.slicer.end,
|
|
2299
|
-
"onUpdate:end": s[3] || (s[3] = (
|
|
2300
|
+
"onUpdate:end": s[3] || (s[3] = (r) => t.slicer.end = r),
|
|
2300
2301
|
refreshStartPoint: e.FINAL_CONFIG.chart.zoom.startIndex !== null ? e.FINAL_CONFIG.chart.zoom.startIndex : 0,
|
|
2301
|
-
refreshEndPoint: e.FINAL_CONFIG.chart.zoom.endIndex !== null ? e.FINAL_CONFIG.chart.zoom.endIndex + 1 : Math.max(...o.dataset.map((
|
|
2302
|
+
refreshEndPoint: e.FINAL_CONFIG.chart.zoom.endIndex !== null ? e.FINAL_CONFIG.chart.zoom.endIndex + 1 : Math.max(...o.dataset.map((r) => e.largestTriangleThreeBucketsArray({ data: r.series, threshold: e.FINAL_CONFIG.downsample.threshold }).length)),
|
|
2302
2303
|
enableRangeHandles: e.FINAL_CONFIG.chart.zoom.enableRangeHandles,
|
|
2303
2304
|
enableSelectionDrag: e.FINAL_CONFIG.chart.zoom.enableSelectionDrag,
|
|
2304
2305
|
onReset: e.refreshSlicer,
|
|
2305
2306
|
onTrapMouse: e.selectMinimapIndex
|
|
2306
2307
|
}, {
|
|
2307
|
-
"reset-action": p(({ reset:
|
|
2308
|
-
S(
|
|
2308
|
+
"reset-action": p(({ reset: r }) => [
|
|
2309
|
+
S(a.$slots, "reset-action", H(B({ reset: r })), void 0, !0)
|
|
2309
2310
|
]),
|
|
2310
2311
|
_: 3
|
|
2311
2312
|
}, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "verticalHandles", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "onReset", "onTrapMouse"])) : c("", !0),
|
|
@@ -2315,12 +2316,12 @@ function ra(r, s, o, u, t, e) {
|
|
|
2315
2316
|
class: "vue-ui-xy-legend",
|
|
2316
2317
|
style: L(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
|
|
2317
2318
|
}, [
|
|
2318
|
-
(l(!0), i(I, null, m(e.absoluteDataset, (
|
|
2319
|
+
(l(!0), i(I, null, m(e.absoluteDataset, (r, h) => (l(), i("div", {
|
|
2319
2320
|
key: `div_legend_item_${h}`,
|
|
2320
|
-
onClick: (n) => e.segregate(
|
|
2321
|
-
class: P({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(
|
|
2321
|
+
onClick: (n) => e.segregate(r),
|
|
2322
|
+
class: P({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(r.id) })
|
|
2322
2323
|
}, [
|
|
2323
|
-
t.icons[
|
|
2324
|
+
t.icons[r.type] === "line" ? (l(), i("svg", Xa, [
|
|
2324
2325
|
f("rect", {
|
|
2325
2326
|
x: "0",
|
|
2326
2327
|
y: "7.5",
|
|
@@ -2329,18 +2330,18 @@ function ra(r, s, o, u, t, e) {
|
|
|
2329
2330
|
"stroke-width": 0.5,
|
|
2330
2331
|
height: "3",
|
|
2331
2332
|
width: "20",
|
|
2332
|
-
fill:
|
|
2333
|
-
}, null, 8,
|
|
2333
|
+
fill: r.color
|
|
2334
|
+
}, null, 8, Ua),
|
|
2334
2335
|
q(b, {
|
|
2335
2336
|
plot: { x: 10, y: 9 },
|
|
2336
2337
|
radius: 4,
|
|
2337
|
-
color:
|
|
2338
|
-
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(
|
|
2338
|
+
color: r.color,
|
|
2339
|
+
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(r.shape) ? r.shape : "circle",
|
|
2339
2340
|
stroke: e.FINAL_CONFIG.chart.backgroundColor,
|
|
2340
2341
|
strokeWidth: 0.5
|
|
2341
2342
|
}, null, 8, ["color", "shape", "stroke"])
|
|
2342
|
-
])) : t.icons[
|
|
2343
|
-
t.icons[
|
|
2343
|
+
])) : t.icons[r.type] === "bar" ? (l(), i("svg", Za, [
|
|
2344
|
+
t.icons[r.type] === "bar" && a.$slots.pattern ? (l(), i("rect", {
|
|
2344
2345
|
key: 0,
|
|
2345
2346
|
x: "0",
|
|
2346
2347
|
y: "0",
|
|
@@ -2348,9 +2349,9 @@ function ra(r, s, o, u, t, e) {
|
|
|
2348
2349
|
height: "40",
|
|
2349
2350
|
width: "40",
|
|
2350
2351
|
stroke: "none",
|
|
2351
|
-
fill:
|
|
2352
|
-
}, null, 8,
|
|
2353
|
-
t.icons[
|
|
2352
|
+
fill: r.color
|
|
2353
|
+
}, null, 8, Ja)) : c("", !0),
|
|
2354
|
+
t.icons[r.type] === "bar" ? (l(), i("rect", {
|
|
2354
2355
|
key: 1,
|
|
2355
2356
|
x: "0",
|
|
2356
2357
|
y: "0",
|
|
@@ -2358,25 +2359,25 @@ function ra(r, s, o, u, t, e) {
|
|
|
2358
2359
|
height: "40",
|
|
2359
2360
|
width: "40",
|
|
2360
2361
|
stroke: "none",
|
|
2361
|
-
fill:
|
|
2362
|
-
}, null, 8,
|
|
2363
|
-
])) : (l(), i("svg",
|
|
2362
|
+
fill: a.$slots.pattern ? `url(#pattern_${t.uniqueId}_${r.slotAbsoluteIndex})` : r.color
|
|
2363
|
+
}, null, 8, Ka)) : c("", !0)
|
|
2364
|
+
])) : (l(), i("svg", Qa, [
|
|
2364
2365
|
q(b, {
|
|
2365
2366
|
plot: { x: 6, y: 6 },
|
|
2366
2367
|
radius: 5,
|
|
2367
|
-
color:
|
|
2368
|
-
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(
|
|
2368
|
+
color: r.color,
|
|
2369
|
+
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(r.shape) ? r.shape : "circle"
|
|
2369
2370
|
}, null, 8, ["color", "shape"])
|
|
2370
2371
|
])),
|
|
2371
2372
|
f("span", {
|
|
2372
2373
|
style: L(`color:${e.FINAL_CONFIG.chart.legend.color}`)
|
|
2373
|
-
}, k(
|
|
2374
|
-
], 10,
|
|
2375
|
-
], 4)) : (l(), i("div",
|
|
2376
|
-
S(
|
|
2374
|
+
}, k(r.name), 5)
|
|
2375
|
+
], 10, qa))), 128))
|
|
2376
|
+
], 4)) : (l(), i("div", ja, [
|
|
2377
|
+
S(a.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
|
|
2377
2378
|
], 512)),
|
|
2378
|
-
|
|
2379
|
-
S(
|
|
2379
|
+
a.$slots.source ? (l(), i("div", $a, [
|
|
2380
|
+
S(a.$slots, "source", {}, void 0, !0)
|
|
2380
2381
|
], 512)) : c("", !0),
|
|
2381
2382
|
q(z, {
|
|
2382
2383
|
show: t.mutableConfig.showTooltip && t.isTooltip,
|
|
@@ -2389,16 +2390,16 @@ function ra(r, s, o, u, t, e) {
|
|
|
2389
2390
|
backgroundOpacity: e.FINAL_CONFIG.chart.tooltip.backgroundOpacity,
|
|
2390
2391
|
position: e.FINAL_CONFIG.chart.tooltip.position,
|
|
2391
2392
|
offsetY: e.FINAL_CONFIG.chart.tooltip.offsetY,
|
|
2392
|
-
parent:
|
|
2393
|
+
parent: a.$refs.chart,
|
|
2393
2394
|
content: e.tooltipContent,
|
|
2394
2395
|
isFullscreen: t.isFullscreen,
|
|
2395
2396
|
isCustom: e.FINAL_CONFIG.chart.tooltip.customFormat && typeof e.FINAL_CONFIG.chart.tooltip.customFormat == "function"
|
|
2396
2397
|
}, {
|
|
2397
2398
|
"tooltip-before": p(() => [
|
|
2398
|
-
S(
|
|
2399
|
+
S(a.$slots, "tooltip-before", H(B({ ...e.dataTooltipSlot })), void 0, !0)
|
|
2399
2400
|
]),
|
|
2400
2401
|
"tooltip-after": p(() => [
|
|
2401
|
-
S(
|
|
2402
|
+
S(a.$slots, "tooltip-after", H(B({ ...e.dataTooltipSlot })), void 0, !0)
|
|
2402
2403
|
]),
|
|
2403
2404
|
_: 3
|
|
2404
2405
|
}, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
|
|
@@ -2422,15 +2423,15 @@ function ra(r, s, o, u, t, e) {
|
|
|
2422
2423
|
f("div", {
|
|
2423
2424
|
style: L(`${t.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
|
|
2424
2425
|
}, [
|
|
2425
|
-
f("div",
|
|
2426
|
+
f("div", er, [
|
|
2426
2427
|
Ee(f("input", {
|
|
2427
2428
|
type: "checkbox",
|
|
2428
|
-
"onUpdate:modelValue": s[4] || (s[4] = (
|
|
2429
|
+
"onUpdate:modelValue": s[4] || (s[4] = (r) => t.showSparklineTable = r)
|
|
2429
2430
|
}, null, 512), [
|
|
2430
2431
|
[Ye, t.showSparklineTable]
|
|
2431
2432
|
]),
|
|
2432
2433
|
f("div", {
|
|
2433
|
-
onClick: s[5] || (s[5] = (
|
|
2434
|
+
onClick: s[5] || (s[5] = (r) => t.showSparklineTable = !t.showSparklineTable),
|
|
2434
2435
|
style: { cursor: "pointer" }
|
|
2435
2436
|
}, [
|
|
2436
2437
|
q(O, {
|
|
@@ -2451,15 +2452,15 @@ function ra(r, s, o, u, t, e) {
|
|
|
2451
2452
|
body: e.dataTable.body,
|
|
2452
2453
|
config: e.dataTable.config,
|
|
2453
2454
|
title: `${e.FINAL_CONFIG.chart.title.text}${e.FINAL_CONFIG.chart.title.subtitle.text ? ` : ${e.FINAL_CONFIG.chart.title.subtitle.text}` : ""}`,
|
|
2454
|
-
onClose: s[6] || (s[6] = (
|
|
2455
|
+
onClose: s[6] || (s[6] = (r) => t.mutableConfig.showTable = !1)
|
|
2455
2456
|
}, {
|
|
2456
|
-
th: p(({ th:
|
|
2457
|
-
f("div", { innerHTML:
|
|
2457
|
+
th: p(({ th: r }) => [
|
|
2458
|
+
f("div", { innerHTML: r }, null, 8, tr)
|
|
2458
2459
|
]),
|
|
2459
|
-
td: p(({ td:
|
|
2460
|
-
qe(k(isNaN(Number(
|
|
2460
|
+
td: p(({ td: r }) => [
|
|
2461
|
+
qe(k(isNaN(Number(r)) ? r : e.dataLabel({
|
|
2461
2462
|
p: e.FINAL_CONFIG.chart.labels.prefix,
|
|
2462
|
-
v:
|
|
2463
|
+
v: r,
|
|
2463
2464
|
s: e.FINAL_CONFIG.chart.labels.suffix,
|
|
2464
2465
|
r: e.FINAL_CONFIG.table.rounding
|
|
2465
2466
|
})), 1)
|
|
@@ -2472,7 +2473,7 @@ function ra(r, s, o, u, t, e) {
|
|
|
2472
2473
|
}, 8, ["config"])) : c("", !0)
|
|
2473
2474
|
], 46, Je);
|
|
2474
2475
|
}
|
|
2475
|
-
const
|
|
2476
|
+
const br = /* @__PURE__ */ Xe(Ze, [["render", ar], ["__scopeId", "data-v-7d74eded"]]);
|
|
2476
2477
|
export {
|
|
2477
|
-
|
|
2478
|
+
br as default
|
|
2478
2479
|
};
|