vue-data-ui 2.3.90 → 2.3.92
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/README.md +3 -2
- package/dist/{Arrow-C_Fnn6al.js → Arrow-16rQhq4i.js} +1 -1
- package/dist/{Arrow-D1pymKl6.cjs → Arrow-CdJD01md.cjs} +1 -1
- package/dist/{BaseIcon-BMfi5PnL.js → BaseIcon-CAmYNoaf.js} +1 -1
- package/dist/{BaseIcon-CnFXP_n9.cjs → BaseIcon-dYWMubrH.cjs} +1 -1
- package/dist/{DataTable-Cmbf3abv.js → DataTable-BXnbua0J.js} +2 -2
- package/dist/{DataTable-cOEA6Z37.cjs → DataTable-oa0Srfuc.cjs} +1 -1
- package/dist/{Legend-CCq0mNRg.js → Legend-Cr1hulgT.js} +1 -1
- package/dist/{Legend-XqP6-7Ac.cjs → Legend-Dhm9_peB.cjs} +1 -1
- package/dist/PackageVersion-BVZfgDqm.js +10 -0
- package/dist/PackageVersion-BkgJVmj1.cjs +1 -0
- package/dist/{Shape-BNocET8E.js → Shape-D75m5xWM.js} +1 -1
- package/dist/{Shape-B51JGReT.cjs → Shape-hGbEoQOv.cjs} +1 -1
- package/dist/{Slicer-Bc7OWCcl.cjs → Slicer-B7ya0m2Q.cjs} +1 -1
- package/dist/{Slicer-BKszZXjM.js → Slicer-Bx8AozB8.js} +2 -2
- package/dist/{Title-DlBwa3-X.js → Title-1Sw6EmHy.js} +1 -1
- package/dist/{Title-BaR4XyXa.cjs → Title-Bjrh7khe.cjs} +1 -1
- package/dist/{Tooltip-CX57w9Q9.cjs → Tooltip-CPATjuur.cjs} +1 -1
- package/dist/{Tooltip-w32n-8sY.js → Tooltip-EJf3VBPR.js} +1 -1
- package/dist/documentation/installation.md +1 -1
- package/dist/index-D09qCApg.cjs +4 -0
- package/dist/{index-DQl1TFXa.js → index-DhJby8wL.js} +8 -3
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +16 -0
- package/dist/types/vue-data-ui.d.ts +16 -0
- package/dist/{useNestedProp-DlCe_zZz.cjs → useNestedProp-Bwd7mK1Z.cjs} +1 -1
- package/dist/{useNestedProp-lmeFt-ev.js → useNestedProp-CrHvyupb.js} +1 -1
- package/dist/{usePrinter-DgKGVvJC.js → usePrinter-Bwm8J3RQ.js} +1 -1
- package/dist/{usePrinter-BmXrEJ99.cjs → usePrinter-DdsPm5a4.cjs} +1 -1
- package/dist/{vue-data-ui-Byrb_Y3k.js → vue-data-ui-CLxne31S.js} +57 -57
- package/dist/{vue-data-ui-DQurgvN8.cjs → vue-data-ui-ZitCqVgG.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-DAv5cYGJ.cjs +19 -0
- package/dist/{vue-ui-3d-bar-CM_usP2U.js → vue-ui-3d-bar-Dg87_AAm.js} +148 -146
- package/dist/{vue-ui-accordion-DRI-fN6I.cjs → vue-ui-accordion-BAHX7KzB.cjs} +1 -1
- package/dist/{vue-ui-accordion-CroZrm7T.js → vue-ui-accordion-Cn5Jbplg.js} +3 -3
- package/dist/vue-ui-age-pyramid-GzHwQzsH.cjs +1 -0
- package/dist/{vue-ui-age-pyramid-BZU-WI_a.js → vue-ui-age-pyramid-PlamQWqC.js} +83 -81
- package/dist/{vue-ui-annotator-BpzM25VY.cjs → vue-ui-annotator-DGgQwl-K.cjs} +1 -1
- package/dist/{vue-ui-annotator-CsfYgmrC.js → vue-ui-annotator-Dd5KF_cy.js} +1 -1
- package/dist/vue-ui-candlestick-BIEB2J1w.cjs +2 -0
- package/dist/{vue-ui-candlestick-BPi7aBEf.js → vue-ui-candlestick-DTzwPhV5.js} +113 -111
- package/dist/{vue-ui-carousel-table-CpodLcgX.cjs → vue-ui-carousel-table-HNTf5AYY.cjs} +1 -1
- package/dist/{vue-ui-carousel-table-tbviS8Fo.js → vue-ui-carousel-table-YEfvPESA.js} +4 -4
- package/dist/vue-ui-chestnut-DzjdAYsT.cjs +6 -0
- package/dist/{vue-ui-chestnut-ql9yEs6j.js → vue-ui-chestnut-PzMOM7mp.js} +161 -159
- package/dist/{vue-ui-cursor-B3w0SgJP.cjs → vue-ui-cursor-C5rsiCdn.cjs} +1 -1
- package/dist/{vue-ui-cursor-Dw7_R_Pd.js → vue-ui-cursor-DWea2yXV.js} +2 -2
- package/dist/{vue-ui-dashboard-enrB5B3P.cjs → vue-ui-dashboard-BqXhoS8m.cjs} +1 -1
- package/dist/{vue-ui-dashboard-DAY0cdat.js → vue-ui-dashboard-CVespiTo.js} +2 -2
- package/dist/{vue-ui-digits-DN6CRpXc.js → vue-ui-digits-gNKgZqYU.js} +2 -2
- package/dist/{vue-ui-digits-3Q6uZCzD.cjs → vue-ui-digits-wmDN7Vkf.cjs} +1 -1
- package/dist/{vue-ui-donut-evolution-CzBvVRKG.js → vue-ui-donut-evolution-Ch6HH0ja.js} +102 -100
- package/dist/vue-ui-donut-evolution-DhDxLZ1J.cjs +1 -0
- package/dist/vue-ui-donut-n37BZPxr.cjs +1 -0
- package/dist/{vue-ui-donut-B3yDJvZI.js → vue-ui-donut-sQunZI1L.js} +118 -116
- package/dist/vue-ui-dumbbell-B9Z_pjnG.cjs +9 -0
- package/dist/{vue-ui-dumbbell-vQ5YRGwJ.js → vue-ui-dumbbell-lFlZX8Yi.js} +88 -86
- package/dist/vue-ui-flow-BaFpUJg-.cjs +1 -0
- package/dist/{vue-ui-flow-DAOKURA6.js → vue-ui-flow-CSIOC-JR.js} +65 -63
- package/dist/vue-ui-galaxy-BIR5GxIc.cjs +1 -0
- package/dist/{vue-ui-galaxy-B86BK1JM.js → vue-ui-galaxy-DL2mnel_.js} +82 -80
- package/dist/{vue-ui-gauge-n8TilFo9.js → vue-ui-gauge-BMq7KT3t.js} +56 -54
- package/dist/vue-ui-gauge-r_qvpwE7.cjs +1 -0
- package/dist/vue-ui-gizmo-DBas_Sw_.cjs +1 -0
- package/dist/{vue-ui-gizmo-CFIBlG4V.js → vue-ui-gizmo-Dj7zvNI1.js} +32 -30
- package/dist/{vue-ui-heatmap-ZkmD9EAg.js → vue-ui-heatmap-pqBYIrxm.js} +99 -97
- package/dist/vue-ui-heatmap-qPgEhAzc.cjs +1 -0
- package/dist/{vue-ui-kpi-D6Myg0y1.cjs → vue-ui-kpi-Cmo9J7wp.cjs} +1 -1
- package/dist/{vue-ui-kpi-CtJ3t6GX.js → vue-ui-kpi-ZPBinMiF.js} +3 -3
- package/dist/{vue-ui-mini-loader-BjJ_YYZj.cjs → vue-ui-mini-loader-Ce-jbgMT.cjs} +1 -1
- package/dist/{vue-ui-mini-loader-Cosy9XjR.js → vue-ui-mini-loader-DOTWhLi9.js} +2 -2
- package/dist/vue-ui-molecule-D429iwPP.cjs +1 -0
- package/dist/{vue-ui-molecule-DTFOBjgC.js → vue-ui-molecule-RDpgNrHQ.js} +77 -75
- package/dist/{vue-ui-mood-radar-J_dI9m_i.js → vue-ui-mood-radar-CD5L8WCU.js} +76 -74
- package/dist/vue-ui-mood-radar-CdLJxrkT.cjs +1 -0
- package/dist/{vue-ui-nested-donuts-CtqU4xxu.js → vue-ui-nested-donuts-A-tid5cQ.js} +112 -110
- package/dist/vue-ui-nested-donuts-DyM3uc7x.cjs +17 -0
- package/dist/vue-ui-onion-BKql8oal.cjs +5 -0
- package/dist/{vue-ui-onion-BMo0Ye54.js → vue-ui-onion-Cap01Ehu.js} +82 -80
- package/dist/vue-ui-parallel-coordinate-plot-B0zMgtnq.cjs +8 -0
- package/dist/{vue-ui-parallel-coordinate-plot-yKLZbDS5.js → vue-ui-parallel-coordinate-plot-CcDKe4L0.js} +91 -89
- package/dist/{vue-ui-quadrant-BrRasVaj.js → vue-ui-quadrant-BDEfAeyJ.js} +141 -139
- package/dist/vue-ui-quadrant-CZzdpeQ2.cjs +1 -0
- package/dist/{vue-ui-quick-chart-uH33UIjX.js → vue-ui-quick-chart-DlAUYg5u.js} +166 -164
- package/dist/vue-ui-quick-chart-DpGYUyhq.cjs +15 -0
- package/dist/{vue-ui-radar-BJ3qMHP4.js → vue-ui-radar-CbTln7gs.js} +89 -87
- package/dist/vue-ui-radar-oBeaHlpT.cjs +1 -0
- package/dist/{vue-ui-rating-BEWaQMBR.cjs → vue-ui-rating-BU7-F3_e.cjs} +1 -1
- package/dist/{vue-ui-rating-BFskhiyh.js → vue-ui-rating-BkDncqow.js} +2 -2
- package/dist/{vue-ui-relation-circle-DdK4qk0P.js → vue-ui-relation-circle-C5B6UNGd.js} +54 -52
- package/dist/vue-ui-relation-circle-IWiJWgcB.cjs +1 -0
- package/dist/{vue-ui-rings-BqHSq6Wt.js → vue-ui-rings-BujVUJ90.js} +97 -93
- package/dist/{vue-ui-rings-D_T_D6AS.cjs → vue-ui-rings-Df2cRgD8.cjs} +2 -2
- package/dist/{vue-ui-scatter-C0gfF6NJ.js → vue-ui-scatter-D6yqZJ7s.js} +132 -130
- package/dist/vue-ui-scatter-jFTeM2hW.cjs +1 -0
- package/dist/{vue-ui-screenshot-6tOLntj9.js → vue-ui-screenshot-CHAySwpv.js} +1 -1
- package/dist/{vue-ui-screenshot-CbvIYfYU.cjs → vue-ui-screenshot-CVu8IM33.cjs} +1 -1
- package/dist/{vue-ui-skeleton-BVJGmYjj.js → vue-ui-skeleton-ASX40MGk.js} +423 -388
- package/dist/vue-ui-skeleton-CAlTn_Cg.cjs +41 -0
- package/dist/{vue-ui-smiley-2EoxEmXW.js → vue-ui-smiley-DGVzhza2.js} +2 -2
- package/dist/{vue-ui-smiley-CUgH2tnV.cjs → vue-ui-smiley-dwCqhB0r.cjs} +1 -1
- package/dist/vue-ui-spark-trend-A1EHFK_r.cjs +1 -0
- package/dist/{vue-ui-spark-trend-DjNPMOkN.js → vue-ui-spark-trend-B7XhDvTj.js} +42 -40
- package/dist/{vue-ui-sparkbar-BBm3DE1P.js → vue-ui-sparkbar-BuNcvi66.js} +53 -51
- package/dist/vue-ui-sparkbar-CwNjHOjD.cjs +1 -0
- package/dist/vue-ui-sparkgauge-ISu154lS.cjs +1 -0
- package/dist/{vue-ui-sparkgauge-IIW24eJQ.js → vue-ui-sparkgauge-JY2kB9WX.js} +31 -29
- package/dist/vue-ui-sparkhistogram-C8zyC-ii.cjs +1 -0
- package/dist/{vue-ui-sparkhistogram-DVXxA6ji.js → vue-ui-sparkhistogram-DyEPWxkP.js} +69 -67
- package/dist/vue-ui-sparkline-DL3Thtc4.cjs +1 -0
- package/dist/{vue-ui-sparkline-CH89kcaa.js → vue-ui-sparkline-DYC3sdvQ.js} +65 -63
- package/dist/{vue-ui-sparkstackbar-Bcod5yu_.js → vue-ui-sparkstackbar-7TmtP3WR.js} +46 -44
- package/dist/vue-ui-sparkstackbar-ChIM9bn2.cjs +1 -0
- package/dist/{vue-ui-stackbar-Djjcgtyg.js → vue-ui-stackbar-CP5C6Gb_.js} +128 -126
- package/dist/vue-ui-stackbar-DrtiSaNc.cjs +6 -0
- package/dist/vue-ui-strip-plot-BMYMIHGu.cjs +1 -0
- package/dist/{vue-ui-strip-plot-ByPCQ4xk.js → vue-ui-strip-plot-DJQCq_KE.js} +78 -76
- package/dist/{vue-ui-table-B6Kpda3o.cjs → vue-ui-table-D6hvgMif.cjs} +1 -1
- package/dist/{vue-ui-table-D8Sm2fzX.js → vue-ui-table-IJi0xaVg.js} +1 -1
- package/dist/{vue-ui-table-heatmap-DjEN0l12.cjs → vue-ui-table-heatmap-BZNKXZNs.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-mlq_J56h.js → vue-ui-table-heatmap-Ls8_xq0D.js} +4 -4
- package/dist/{vue-ui-table-sparkline-DByva7rj.cjs → vue-ui-table-sparkline-BQFK30H1.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline-DF29_qZk.js → vue-ui-table-sparkline-BeuvdssX.js} +5 -5
- package/dist/vue-ui-thermometer-DKm8SXlE.cjs +1 -0
- package/dist/{vue-ui-thermometer-BKf-rGuS.js → vue-ui-thermometer-DPWIvG92.js} +80 -78
- package/dist/{vue-ui-timer-B8jW8M60.js → vue-ui-timer-CEzDvZf7.js} +62 -60
- package/dist/vue-ui-timer-n6lv7oTx.cjs +64 -0
- package/dist/vue-ui-tiremarks-B33mHXZN.cjs +1 -0
- package/dist/{vue-ui-tiremarks-riEfve5q.js → vue-ui-tiremarks-BUGoY22W.js} +51 -49
- package/dist/vue-ui-treemap-DPxBZUUr.cjs +1 -0
- package/dist/{vue-ui-treemap-5F0ynBnb.js → vue-ui-treemap-DmOYjJ_F.js} +93 -91
- package/dist/vue-ui-vertical-bar-BJMYX8t4.cjs +4 -0
- package/dist/{vue-ui-vertical-bar-CxRBvHZy.js → vue-ui-vertical-bar-BpVKdSY5.js} +110 -108
- package/dist/vue-ui-waffle-DGcueccy.cjs +1 -0
- package/dist/{vue-ui-waffle-B8G4i5WH.js → vue-ui-waffle-ULg6SwPx.js} +72 -70
- package/dist/vue-ui-wheel-CWKq-CFW.cjs +1 -0
- package/dist/{vue-ui-wheel-DmzkGeCY.js → vue-ui-wheel-DlmgZd-_.js} +43 -41
- package/dist/vue-ui-word-cloud-BhHWdmqP.cjs +1 -0
- package/dist/vue-ui-word-cloud-DWyboczt.js +574 -0
- package/dist/vue-ui-xy-Cz81fw_E.cjs +3 -0
- package/dist/{vue-ui-xy-iUQyB_PL.js → vue-ui-xy-V13Ns1gv.js} +507 -504
- package/dist/{vue-ui-xy-canvas-nraUv13Y.js → vue-ui-xy-canvas-B9cRe5gT.js} +10 -10
- package/dist/{vue-ui-xy-canvas-CCwtKYgd.cjs → vue-ui-xy-canvas-GiuHOyj5.cjs} +1 -1
- package/package.json +1 -1
- package/dist/index-B8EMsnjU.cjs +0 -4
- package/dist/vue-ui-3d-bar-Ce-Re50D.cjs +0 -19
- package/dist/vue-ui-age-pyramid-C08rTXJn.cjs +0 -1
- package/dist/vue-ui-candlestick-m8fjxbj-.cjs +0 -2
- package/dist/vue-ui-chestnut-Y0gQvbbf.cjs +0 -6
- package/dist/vue-ui-donut-CCm7GJsm.cjs +0 -1
- package/dist/vue-ui-donut-evolution-DiN8Jm0n.cjs +0 -1
- package/dist/vue-ui-dumbbell-lb72j7bY.cjs +0 -9
- package/dist/vue-ui-flow-B5Gxaqvl.cjs +0 -1
- package/dist/vue-ui-galaxy-Ck5cPkrh.cjs +0 -1
- package/dist/vue-ui-gauge-BwIhwSUw.cjs +0 -1
- package/dist/vue-ui-gizmo-DrGaoiM_.cjs +0 -1
- package/dist/vue-ui-heatmap-BLc6thGZ.cjs +0 -1
- package/dist/vue-ui-molecule-CAj1HFit.cjs +0 -1
- package/dist/vue-ui-mood-radar-CV2in2wO.cjs +0 -1
- package/dist/vue-ui-nested-donuts-4vO23n9z.cjs +0 -17
- package/dist/vue-ui-onion-B3mtn6xf.cjs +0 -5
- package/dist/vue-ui-parallel-coordinate-plot-DFMbhLY9.cjs +0 -8
- package/dist/vue-ui-quadrant-CpJX1Jwa.cjs +0 -1
- package/dist/vue-ui-quick-chart-CTxsI2tk.cjs +0 -15
- package/dist/vue-ui-radar-DFjsXmJ3.cjs +0 -1
- package/dist/vue-ui-relation-circle-DXuKdCih.cjs +0 -1
- package/dist/vue-ui-scatter-DPByFMNL.cjs +0 -1
- package/dist/vue-ui-skeleton-Bli7jLZ7.cjs +0 -41
- package/dist/vue-ui-spark-trend-sfgUJ32Q.cjs +0 -1
- package/dist/vue-ui-sparkbar-CKWYzriN.cjs +0 -1
- package/dist/vue-ui-sparkgauge-D0q9F9Nz.cjs +0 -1
- package/dist/vue-ui-sparkhistogram-CywhBkm2.cjs +0 -1
- package/dist/vue-ui-sparkline-Besp8Ffy.cjs +0 -1
- package/dist/vue-ui-sparkstackbar-qXm8Ozzm.cjs +0 -1
- package/dist/vue-ui-stackbar-D0fGVkCR.cjs +0 -6
- package/dist/vue-ui-strip-plot-XDj8rL9m.cjs +0 -1
- package/dist/vue-ui-thermometer-C3T56ras.cjs +0 -1
- package/dist/vue-ui-timer-B_ZvV1ON.cjs +0 -64
- package/dist/vue-ui-tiremarks-DRbSpTgq.cjs +0 -1
- package/dist/vue-ui-treemap-CtKUTs2G.cjs +0 -1
- package/dist/vue-ui-vertical-bar-BBIWdeXH.cjs +0 -4
- package/dist/vue-ui-waffle-9a3C4Nj-.cjs +0 -1
- package/dist/vue-ui-wheel-CErxlmqw.cjs +0 -1
- package/dist/vue-ui-word-cloud-dMBTVGVk.js +0 -513
- package/dist/vue-ui-word-cloud-nmx846H2.cjs +0 -1
- package/dist/vue-ui-xy-CLYgZk3Y.cjs +0 -3
|
@@ -1,18 +1,19 @@
|
|
|
1
|
-
import { c as J, a as Q, t as K, z as j, p as $, T as
|
|
2
|
-
import { D as Se } from "./DataTable-
|
|
3
|
-
import { _ as ke } from "./Title-
|
|
4
|
-
import { _ as we, u as Oe } from "./Tooltip-
|
|
5
|
-
import { U as Ge } from "./usePrinter-
|
|
6
|
-
import { _ as ve } from "./Shape-
|
|
7
|
-
import pe from "./BaseIcon-
|
|
8
|
-
import ze from "./vue-ui-table-sparkline-
|
|
9
|
-
import Me from "./vue-ui-skeleton-
|
|
10
|
-
import { S as Pe } from "./Slicer-
|
|
11
|
-
import Te from "./vue-ui-accordion-
|
|
12
|
-
import { u as U } from "./useNestedProp-
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
|
|
1
|
+
import { c as J, a as Q, t as K, z as j, p as $, T as q, N as T, f as Z, I as ee, F as te, i as ae, Z as ie, W as re, _ as le, v as se, $ as ne, d as ce, B as oe, b as he, q as de, Q as ue, a0 as ge, r as fe, e as Ne, y as me, L as Ie, x as xe, a1 as be, o as Fe, s as _e, w as ye, E as Ae, A as Le, u as Ce } from "./index-DhJby8wL.js";
|
|
2
|
+
import { D as Se } from "./DataTable-BXnbua0J.js";
|
|
3
|
+
import { _ as ke } from "./Title-1Sw6EmHy.js";
|
|
4
|
+
import { _ as we, u as Oe } from "./Tooltip-EJf3VBPR.js";
|
|
5
|
+
import { U as Ge } from "./usePrinter-Bwm8J3RQ.js";
|
|
6
|
+
import { _ as ve } from "./Shape-D75m5xWM.js";
|
|
7
|
+
import pe from "./BaseIcon-CAmYNoaf.js";
|
|
8
|
+
import ze from "./vue-ui-table-sparkline-BeuvdssX.js";
|
|
9
|
+
import Me from "./vue-ui-skeleton-ASX40MGk.js";
|
|
10
|
+
import { S as Pe } from "./Slicer-Bx8AozB8.js";
|
|
11
|
+
import Te from "./vue-ui-accordion-Cn5Jbplg.js";
|
|
12
|
+
import { u as U } from "./useNestedProp-CrHvyupb.js";
|
|
13
|
+
import { _ as Ve } from "./PackageVersion-BVZfgDqm.js";
|
|
14
|
+
import { resolveComponent as V, openBlock as r, createElementBlock as l, normalizeClass as P, normalizeStyle as A, createBlock as R, createCommentVNode as h, createSlots as Re, withCtx as z, renderSlot as G, normalizeProps as B, guardReactiveProps as Y, createVNode as X, createElementVNode as u, Fragment as m, renderList as I, toDisplayString as S, withDirectives as De, vModelCheckbox as We, createTextVNode as He } from "vue";
|
|
15
|
+
import { _ as Ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
16
|
+
const Be = J(), Ye = {
|
|
16
17
|
name: "vue-ui-xy",
|
|
17
18
|
props: {
|
|
18
19
|
config: {
|
|
@@ -38,18 +39,19 @@ const Ee = J(), Be = {
|
|
|
38
39
|
TableSparkline: ze,
|
|
39
40
|
Skeleton: Me,
|
|
40
41
|
Slicer: Pe,
|
|
41
|
-
Accordion: Te
|
|
42
|
+
Accordion: Te,
|
|
43
|
+
PackageVersion: Ve
|
|
42
44
|
},
|
|
43
45
|
data() {
|
|
44
|
-
this.dataset.forEach((o,
|
|
46
|
+
this.dataset.forEach((o, N) => {
|
|
45
47
|
[null, void 0].includes(o.series) && this.error({
|
|
46
48
|
componentName: "VueUiXy",
|
|
47
49
|
type: "datasetSerieAttribute",
|
|
48
50
|
property: "series (number[])",
|
|
49
|
-
index:
|
|
51
|
+
index: N
|
|
50
52
|
});
|
|
51
53
|
});
|
|
52
|
-
const t = Math.max(...this.dataset.map((o) => o.series.length)),
|
|
54
|
+
const t = Math.max(...this.dataset.map((o) => o.series.length)), s = {
|
|
53
55
|
start: 0,
|
|
54
56
|
end: t
|
|
55
57
|
};
|
|
@@ -99,12 +101,12 @@ const Ee = J(), Be = {
|
|
|
99
101
|
step: 0,
|
|
100
102
|
tableStep: 0,
|
|
101
103
|
titleStep: 0,
|
|
102
|
-
slicer:
|
|
104
|
+
slicer: s,
|
|
103
105
|
__to__: null,
|
|
104
106
|
maxX: t,
|
|
105
107
|
showSparklineTable: !0,
|
|
106
108
|
segregateStep: 0,
|
|
107
|
-
sliderId:
|
|
109
|
+
sliderId: Be,
|
|
108
110
|
fontSizes: {
|
|
109
111
|
xAxis: 18,
|
|
110
112
|
yAxis: 12,
|
|
@@ -120,7 +122,7 @@ const Ee = J(), Be = {
|
|
|
120
122
|
},
|
|
121
123
|
watch: {
|
|
122
124
|
dataset: {
|
|
123
|
-
handler(t,
|
|
125
|
+
handler(t, s) {
|
|
124
126
|
this.maxX = Math.max(...this.dataset.map((o) => o.series.length)), this.slicer = {
|
|
125
127
|
start: 0,
|
|
126
128
|
end: this.maxX
|
|
@@ -129,7 +131,7 @@ const Ee = J(), Be = {
|
|
|
129
131
|
deep: !0
|
|
130
132
|
},
|
|
131
133
|
config: {
|
|
132
|
-
handler(t,
|
|
134
|
+
handler(t, s) {
|
|
133
135
|
this.FINAL_CONFIG = this.prepareConfig(), this.prepareChart(), this.titleStep += 1, this.tableStep += 1;
|
|
134
136
|
},
|
|
135
137
|
deep: !0
|
|
@@ -138,11 +140,11 @@ const Ee = J(), Be = {
|
|
|
138
140
|
computed: {
|
|
139
141
|
minimap() {
|
|
140
142
|
if (!this.FINAL_CONFIG.chart.zoom.minimap.show) return [];
|
|
141
|
-
const t = this.datasetWithIds.filter((i) => !this.segregatedSeries.includes(i.id)),
|
|
142
|
-
for (let i = 0; i <
|
|
143
|
+
const t = this.datasetWithIds.filter((i) => !this.segregatedSeries.includes(i.id)), s = Math.max(...t.map((i) => i.series.length)), o = [];
|
|
144
|
+
for (let i = 0; i < s; i += 1)
|
|
143
145
|
o.push(t.map((e) => e.series[i] || 0).reduce((e, x) => (e || 0) + (x || 0), 0));
|
|
144
|
-
const
|
|
145
|
-
return o.map((i) => i + (
|
|
146
|
+
const N = Math.min(...o);
|
|
147
|
+
return o.map((i) => i + (N < 0 ? Math.abs(N) : 0));
|
|
146
148
|
},
|
|
147
149
|
customPalette() {
|
|
148
150
|
return this.convertCustomPalette(this.FINAL_CONFIG.customPalette);
|
|
@@ -166,7 +168,7 @@ const Ee = J(), Be = {
|
|
|
166
168
|
yOffset: i.yOffset || 0,
|
|
167
169
|
individualHeight: i.individualHeight || this.drawingArea.height,
|
|
168
170
|
autoScaleYLabels: i.autoScaleYLabels
|
|
169
|
-
})),
|
|
171
|
+
})), s = this.barSet.map((i) => ({
|
|
170
172
|
name: i.name,
|
|
171
173
|
color: i.color,
|
|
172
174
|
scale: i.individualScale,
|
|
@@ -189,8 +191,8 @@ const Ee = J(), Be = {
|
|
|
189
191
|
id: i.id,
|
|
190
192
|
yOffset: i.yOffset || 0,
|
|
191
193
|
individualHeight: i.individualHeight || this.drawingArea.height
|
|
192
|
-
})),
|
|
193
|
-
return [...t, ...
|
|
194
|
+
})), N = [...t, ...s, ...o].flatMap((i) => i).length;
|
|
195
|
+
return [...t, ...s, ...o].flatMap((i, e) => ({
|
|
194
196
|
id: i.id,
|
|
195
197
|
scaleLabel: i.scaleLabel,
|
|
196
198
|
name: i.name,
|
|
@@ -198,7 +200,7 @@ const Ee = J(), Be = {
|
|
|
198
200
|
scale: i.scale,
|
|
199
201
|
yOffset: i.yOffset,
|
|
200
202
|
individualHeight: i.individualHeight,
|
|
201
|
-
x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left /
|
|
203
|
+
x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left / N * (e + 1),
|
|
202
204
|
yLabels: i.scaleYLabels || i.scale.ticks.map((x) => ({
|
|
203
205
|
y: x >= 0 ? i.zero - i.individualHeight * (x / i.max) : i.zero + i.individualHeight * Math.abs(x) / i.max,
|
|
204
206
|
value: x
|
|
@@ -225,9 +227,9 @@ const Ee = J(), Be = {
|
|
|
225
227
|
},
|
|
226
228
|
highlightAreas() {
|
|
227
229
|
if (Array.isArray(this.FINAL_CONFIG.chart.highlightArea))
|
|
228
|
-
return this.FINAL_CONFIG.chart.highlightArea.map((
|
|
229
|
-
...
|
|
230
|
-
span:
|
|
230
|
+
return this.FINAL_CONFIG.chart.highlightArea.map((s) => ({
|
|
231
|
+
...s,
|
|
232
|
+
span: s.from === s.to ? 1 : s.to < s.from ? 0 : s.to - s.from + 1
|
|
231
233
|
}));
|
|
232
234
|
const t = this.FINAL_CONFIG.chart.highlightArea;
|
|
233
235
|
return [{ ...t, span: t.from === t.to ? 1 : t.to < t.from ? 0 : t.to - t.from + 1 }];
|
|
@@ -242,21 +244,21 @@ const Ee = J(), Be = {
|
|
|
242
244
|
return this.niceScale.max + this.relativeZero;
|
|
243
245
|
},
|
|
244
246
|
datasetWithIds() {
|
|
245
|
-
return this.useSafeValues ? this.dataset.map((t,
|
|
247
|
+
return this.useSafeValues ? this.dataset.map((t, s) => ({
|
|
246
248
|
...t,
|
|
247
|
-
id: `uniqueId_${
|
|
249
|
+
id: `uniqueId_${s}`
|
|
248
250
|
})) : this.dataset;
|
|
249
251
|
},
|
|
250
252
|
safeDataset() {
|
|
251
|
-
return this.useSafeValues ? this.dataset.map((t,
|
|
253
|
+
return this.useSafeValues ? this.dataset.map((t, s) => ({
|
|
252
254
|
...t,
|
|
253
255
|
series: t.series.map((o) => this.isSafeValue(o) ? o : null).slice(this.slicer.start, this.slicer.end),
|
|
254
|
-
color: this.convertColorToHex(t.color ? t.color : this.customPalette[
|
|
255
|
-
id: `uniqueId_${
|
|
256
|
+
color: this.convertColorToHex(t.color ? t.color : this.customPalette[s] ? this.customPalette[s] : this.palette[s]),
|
|
257
|
+
id: `uniqueId_${s}`
|
|
256
258
|
})) : this.dataset;
|
|
257
259
|
},
|
|
258
260
|
relativeDataset() {
|
|
259
|
-
return this.safeDataset.map((t,
|
|
261
|
+
return this.safeDataset.map((t, s) => ({
|
|
260
262
|
...t,
|
|
261
263
|
series: t.series.map((o) => o + this.relativeZero),
|
|
262
264
|
absoluteValues: t.series
|
|
@@ -264,12 +266,12 @@ const Ee = J(), Be = {
|
|
|
264
266
|
},
|
|
265
267
|
tableSparklineDataset() {
|
|
266
268
|
return this.relativeDataset.map((t) => {
|
|
267
|
-
const
|
|
269
|
+
const s = t.absoluteValues.map((o) => [void 0, null].includes(o) ? 0 : o);
|
|
268
270
|
return {
|
|
269
271
|
id: t.id,
|
|
270
272
|
name: t.name,
|
|
271
273
|
color: t.color,
|
|
272
|
-
values: this.fillArray(this.maxSeries,
|
|
274
|
+
values: this.fillArray(this.maxSeries, s)
|
|
273
275
|
};
|
|
274
276
|
});
|
|
275
277
|
},
|
|
@@ -300,8 +302,8 @@ const Ee = J(), Be = {
|
|
|
300
302
|
};
|
|
301
303
|
},
|
|
302
304
|
absoluteDataset() {
|
|
303
|
-
return this.safeDataset.map((t,
|
|
304
|
-
absoluteIndex:
|
|
305
|
+
return this.safeDataset.map((t, s) => ({
|
|
306
|
+
absoluteIndex: s,
|
|
305
307
|
...t,
|
|
306
308
|
series: t.series.map((o) => o + this.relativeZero),
|
|
307
309
|
absoluteValues: t.series,
|
|
@@ -310,49 +312,49 @@ const Ee = J(), Be = {
|
|
|
310
312
|
}));
|
|
311
313
|
},
|
|
312
314
|
barSet() {
|
|
313
|
-
return this.activeSeriesWithStackRatios.filter((t) => t.type === "bar").map((t,
|
|
315
|
+
return this.activeSeriesWithStackRatios.filter((t) => t.type === "bar").map((t, s) => {
|
|
314
316
|
this.checkAutoScaleError(t);
|
|
315
|
-
const o = Math.min(...t.absoluteValues.filter((d) => ![null, void 0].includes(d))),
|
|
316
|
-
ratios: t.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - o) / (
|
|
317
|
+
const o = Math.min(...t.absoluteValues.filter((d) => ![null, void 0].includes(d))), N = Math.max(...t.absoluteValues.filter((d) => ![null, void 0].includes(d))), e = {
|
|
318
|
+
ratios: t.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - o) / (N - o)),
|
|
317
319
|
valueMin: o,
|
|
318
|
-
valueMax:
|
|
320
|
+
valueMax: N < 0 ? 0 : N
|
|
319
321
|
}, x = {
|
|
320
322
|
max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
|
|
321
323
|
min: t.scaleMin || Math.min(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))) > 0 ? 0 : Math.min(...t.absoluteValues.filter((d) => ![null, void 0].includes(d)))
|
|
322
|
-
}, _ = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps,
|
|
323
|
-
const H = this.mutableConfig.useIndividualScale ? (t.absoluteValues[b] +
|
|
324
|
+
}, _ = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, f = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * k : x.max, _), L = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * k : e.valueMax, _), M = f.min >= 0 ? 0 : Math.abs(f.min), w = 0, p = f.max + M, v = L.max + Math.abs(w), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - F - C * M / p, c = this.drawingArea.bottom - F - C * w / v, n = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, g = t.series.map((d, b) => {
|
|
325
|
+
const H = this.mutableConfig.useIndividualScale ? (t.absoluteValues[b] + M) / p : this.ratioToMax(d), E = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * b : this.drawingArea.left + this.slot.bar * s + this.slot.bar * b * n - this.barSlot / 2 - s * this.barPeriodGap;
|
|
324
326
|
return {
|
|
325
327
|
yOffset: this.checkNaN(F),
|
|
326
|
-
individualHeight: this.checkNaN(
|
|
328
|
+
individualHeight: this.checkNaN(C),
|
|
327
329
|
x: this.checkNaN(E),
|
|
328
|
-
y: this.drawingArea.bottom - F -
|
|
330
|
+
y: this.drawingArea.bottom - F - C * H,
|
|
329
331
|
value: t.absoluteValues[b],
|
|
330
|
-
zeroPosition: this.checkNaN(
|
|
331
|
-
individualMax: this.checkNaN(
|
|
332
|
+
zeroPosition: this.checkNaN(a),
|
|
333
|
+
individualMax: this.checkNaN(p),
|
|
332
334
|
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
|
|
333
335
|
};
|
|
334
|
-
}), W = t.absoluteValues.map((d) =>
|
|
335
|
-
const H = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * b : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar *
|
|
336
|
+
}), W = t.absoluteValues.map((d) => L.min >= 0 ? (d - Math.abs(L.min)) / (L.max - Math.abs(L.min)) : (d + Math.abs(L.min)) / (L.max + Math.abs(L.min))), D = t.series.map((d, b) => {
|
|
337
|
+
const H = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * b : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * b * this.absoluteDataset.filter((E) => E.type === "bar").filter((E) => !this.segregatedSeries.includes(E.id)).length;
|
|
336
338
|
return {
|
|
337
339
|
yOffset: this.checkNaN(F),
|
|
338
|
-
individualHeight: this.checkNaN(
|
|
340
|
+
individualHeight: this.checkNaN(C),
|
|
339
341
|
x: this.checkNaN(H),
|
|
340
|
-
y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(
|
|
342
|
+
y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(C) * W[b] || 0)),
|
|
341
343
|
value: t.absoluteValues[b],
|
|
342
|
-
zeroPosition: this.checkNaN(
|
|
343
|
-
individualMax: this.checkNaN(
|
|
344
|
+
zeroPosition: this.checkNaN(a),
|
|
345
|
+
individualMax: this.checkNaN(p),
|
|
344
346
|
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
|
|
345
347
|
};
|
|
346
|
-
}), y =
|
|
347
|
-
y: d >= 0 ?
|
|
348
|
+
}), y = f.ticks.map((d) => ({
|
|
349
|
+
y: d >= 0 ? a - C * (d / p) : a + C * Math.abs(d) / p,
|
|
348
350
|
value: d,
|
|
349
351
|
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
350
352
|
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
351
353
|
datapoint: t
|
|
352
|
-
})),
|
|
353
|
-
const b = (d -
|
|
354
|
+
})), O = L.ticks.map((d) => {
|
|
355
|
+
const b = (d - L.min) / (L.max - L.min);
|
|
354
356
|
return {
|
|
355
|
-
y: d >= 0 ?
|
|
357
|
+
y: d >= 0 ? c - C * b : c + C * b,
|
|
356
358
|
value: d,
|
|
357
359
|
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
358
360
|
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
@@ -362,13 +364,13 @@ const Ee = J(), Be = {
|
|
|
362
364
|
return {
|
|
363
365
|
...t,
|
|
364
366
|
yOffset: F,
|
|
365
|
-
autoScaleYLabels:
|
|
366
|
-
individualHeight:
|
|
367
|
-
scaleYLabels: t.autoScaling ?
|
|
368
|
-
individualScale: t.autoScaling ?
|
|
369
|
-
individualMax: t.autoScaling ?
|
|
370
|
-
zeroPosition: t.autoScaling ?
|
|
371
|
-
plots: t.autoScaling ? D :
|
|
367
|
+
autoScaleYLabels: O,
|
|
368
|
+
individualHeight: C,
|
|
369
|
+
scaleYLabels: t.autoScaling ? O : y,
|
|
370
|
+
individualScale: t.autoScaling ? L : f,
|
|
371
|
+
individualMax: t.autoScaling ? v : p,
|
|
372
|
+
zeroPosition: t.autoScaling ? c : a,
|
|
373
|
+
plots: t.autoScaling ? D : g
|
|
372
374
|
};
|
|
373
375
|
});
|
|
374
376
|
},
|
|
@@ -381,41 +383,41 @@ const Ee = J(), Be = {
|
|
|
381
383
|
lineSet() {
|
|
382
384
|
return this.activeSeriesWithStackRatios.filter((t) => t.type === "line").map((t) => {
|
|
383
385
|
this.checkAutoScaleError(t);
|
|
384
|
-
const
|
|
385
|
-
ratios: t.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d -
|
|
386
|
-
valueMin:
|
|
386
|
+
const s = Math.min(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))), o = Math.max(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))) || 1, i = {
|
|
387
|
+
ratios: t.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - s) / (o - s)),
|
|
388
|
+
valueMin: s,
|
|
387
389
|
valueMax: o
|
|
388
390
|
}, e = {
|
|
389
391
|
max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
|
|
390
392
|
min: t.scaleMin || (Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues))
|
|
391
|
-
}, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001,
|
|
392
|
-
const H = this.mutableConfig.useIndividualScale ? (t.absoluteValues[b] + Math.abs(
|
|
393
|
+
}, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, x), f = this.calculateNiceScaleWithExactExtremes(i.valueMin, i.valueMax === i.valueMin ? i.valueMax * _ : i.valueMax, x), L = k.min >= 0 ? 0 : Math.abs(k.min), M = 0, w = k.max + Math.abs(L), p = f.max + Math.abs(M), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - v - F * L / w, a = this.drawingArea.bottom - v - F * M / p, c = t.series.map((d, b) => {
|
|
394
|
+
const H = this.mutableConfig.useIndividualScale ? (t.absoluteValues[b] + Math.abs(L)) / w : this.ratioToMax(d);
|
|
393
395
|
return {
|
|
394
396
|
x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
|
|
395
|
-
y: this.checkNaN(this.drawingArea.bottom -
|
|
397
|
+
y: this.checkNaN(this.drawingArea.bottom - v - F * H),
|
|
396
398
|
value: t.absoluteValues[b],
|
|
397
399
|
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
|
|
398
400
|
};
|
|
399
|
-
}),
|
|
401
|
+
}), n = t.absoluteValues.map((d) => f.min >= 0 ? (d - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (d + Math.abs(f.min)) / (f.max + Math.abs(f.min))), g = t.series.map((d, b) => [void 0, null].includes(t.absoluteValues[b]) ? {
|
|
400
402
|
x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
|
|
401
|
-
y:
|
|
403
|
+
y: C,
|
|
402
404
|
value: t.absoluteValues[b],
|
|
403
405
|
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
|
|
404
406
|
} : {
|
|
405
407
|
x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
|
|
406
|
-
y: this.checkNaN(this.drawingArea.bottom -
|
|
408
|
+
y: this.checkNaN(this.drawingArea.bottom - v - (F * n[b] || 0)),
|
|
407
409
|
value: t.absoluteValues[b],
|
|
408
410
|
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
|
|
409
|
-
}), W = this.createSmoothPath(
|
|
410
|
-
y: d >= 0 ?
|
|
411
|
+
}), W = this.createSmoothPath(c), D = this.createSmoothPath(g), y = k.ticks.map((d) => ({
|
|
412
|
+
y: d >= 0 ? C - F * (d / w) : C + F * Math.abs(d) / w,
|
|
411
413
|
value: d,
|
|
412
414
|
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
413
415
|
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
414
416
|
datapoint: t
|
|
415
|
-
})),
|
|
416
|
-
const b = (d -
|
|
417
|
+
})), O = f.ticks.map((d) => {
|
|
418
|
+
const b = (d - f.min) / (f.max - f.min);
|
|
417
419
|
return {
|
|
418
|
-
y: d >= 0 ?
|
|
420
|
+
y: d >= 0 ? a - F * b : a + F * b,
|
|
419
421
|
value: d,
|
|
420
422
|
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
421
423
|
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
@@ -424,52 +426,52 @@ const Ee = J(), Be = {
|
|
|
424
426
|
});
|
|
425
427
|
return {
|
|
426
428
|
...t,
|
|
427
|
-
yOffset:
|
|
428
|
-
autoScaleYLabels:
|
|
429
|
+
yOffset: v,
|
|
430
|
+
autoScaleYLabels: O,
|
|
429
431
|
individualHeight: F,
|
|
430
|
-
scaleYLabels: t.autoScaling ?
|
|
431
|
-
individualScale: t.autoScaling ?
|
|
432
|
-
individualMax: t.autoScaling ?
|
|
433
|
-
zeroPosition: t.autoScaling ?
|
|
432
|
+
scaleYLabels: t.autoScaling ? O : y,
|
|
433
|
+
individualScale: t.autoScaling ? f : k,
|
|
434
|
+
individualMax: t.autoScaling ? p : w,
|
|
435
|
+
zeroPosition: t.autoScaling ? a : C,
|
|
434
436
|
curve: t.autoScaling ? D : W,
|
|
435
|
-
plots: t.autoScaling ?
|
|
436
|
-
area: t.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(t.autoScaling ?
|
|
437
|
+
plots: t.autoScaling ? g : c,
|
|
438
|
+
area: t.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(t.autoScaling ? g : c, t.autoScaling ? a : C) : this.createArea(c) : ""
|
|
437
439
|
};
|
|
438
440
|
});
|
|
439
441
|
},
|
|
440
442
|
plotSet() {
|
|
441
443
|
return this.activeSeriesWithStackRatios.filter((t) => t.type === "plot").map((t) => {
|
|
442
444
|
this.checkAutoScaleError(t);
|
|
443
|
-
const
|
|
444
|
-
ratios: t.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y -
|
|
445
|
-
valueMin:
|
|
445
|
+
const s = Math.min(...t.absoluteValues.filter((y) => ![null, void 0].includes(y))), o = Math.max(...t.absoluteValues.filter((y) => ![null, void 0].includes(y))) || 1, i = {
|
|
446
|
+
ratios: t.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - s) / (o - s)),
|
|
447
|
+
valueMin: s,
|
|
446
448
|
valueMax: o
|
|
447
449
|
}, e = {
|
|
448
450
|
max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
|
|
449
451
|
min: t.scaleMin || Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues)
|
|
450
|
-
}, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001,
|
|
451
|
-
const d = this.mutableConfig.useIndividualScale ? (t.absoluteValues[
|
|
452
|
+
}, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, x), f = this.calculateNiceScaleWithExactExtremes(i.valueMin, i.valueMax === i.valueMin ? i.valueMax * _ : i.valueMax, x), L = k.min >= 0 ? 0 : Math.abs(k.min), M = 0, w = k.max + L, p = f.max + Math.abs(M), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - v - F * L / w, a = this.drawingArea.bottom - v - F * M / p, c = t.series.map((y, O) => {
|
|
453
|
+
const d = this.mutableConfig.useIndividualScale ? (t.absoluteValues[O] + Math.abs(L)) / w : this.ratioToMax(y);
|
|
452
454
|
return {
|
|
453
|
-
x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot *
|
|
454
|
-
y: this.checkNaN(this.drawingArea.bottom -
|
|
455
|
-
value: t.absoluteValues[
|
|
456
|
-
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[
|
|
455
|
+
x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O),
|
|
456
|
+
y: this.checkNaN(this.drawingArea.bottom - v - F * d),
|
|
457
|
+
value: t.absoluteValues[O],
|
|
458
|
+
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[O] || ""
|
|
457
459
|
};
|
|
458
|
-
}),
|
|
459
|
-
x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot *
|
|
460
|
-
y: this.checkNaN(this.drawingArea.bottom -
|
|
461
|
-
value: t.absoluteValues[
|
|
462
|
-
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[
|
|
463
|
-
})), W =
|
|
464
|
-
y: y >= 0 ?
|
|
460
|
+
}), n = t.absoluteValues.map((y) => f.min >= 0 ? (y - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (y + Math.abs(f.min)) / (f.max + Math.abs(f.min))), g = t.series.map((y, O) => ({
|
|
461
|
+
x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O),
|
|
462
|
+
y: this.checkNaN(this.drawingArea.bottom - v - (F * n[O] || 0)),
|
|
463
|
+
value: t.absoluteValues[O],
|
|
464
|
+
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[O] || ""
|
|
465
|
+
})), W = k.ticks.map((y) => ({
|
|
466
|
+
y: y >= 0 ? C - F * (y / w) : C + F * Math.abs(y) / w,
|
|
465
467
|
value: y,
|
|
466
468
|
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
467
469
|
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
468
470
|
datapoint: t
|
|
469
|
-
})), D =
|
|
470
|
-
const
|
|
471
|
+
})), D = f.ticks.map((y) => {
|
|
472
|
+
const O = (y - f.min) / (f.max - f.min);
|
|
471
473
|
return {
|
|
472
|
-
y: y >= 0 ?
|
|
474
|
+
y: y >= 0 ? a - F * O : a + F * O,
|
|
473
475
|
value: y,
|
|
474
476
|
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
475
477
|
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
@@ -478,19 +480,19 @@ const Ee = J(), Be = {
|
|
|
478
480
|
});
|
|
479
481
|
return {
|
|
480
482
|
...t,
|
|
481
|
-
yOffset:
|
|
483
|
+
yOffset: v,
|
|
482
484
|
autoScaleYLabels: D,
|
|
483
485
|
individualHeight: F,
|
|
484
486
|
scaleYLabels: t.autoScaling ? D : W,
|
|
485
|
-
individualScale: t.autoScaling ?
|
|
486
|
-
individualMax: t.autoScaling ?
|
|
487
|
-
zeroPosition: t.autoScaling ?
|
|
488
|
-
plots: t.autoScaling ?
|
|
487
|
+
individualScale: t.autoScaling ? f : k,
|
|
488
|
+
individualMax: t.autoScaling ? p : w,
|
|
489
|
+
zeroPosition: t.autoScaling ? a : C,
|
|
490
|
+
plots: t.autoScaling ? g : c
|
|
489
491
|
};
|
|
490
492
|
});
|
|
491
493
|
},
|
|
492
494
|
drawingArea() {
|
|
493
|
-
const t = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? this.absoluteDataset.filter((
|
|
495
|
+
const t = 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;
|
|
494
496
|
return {
|
|
495
497
|
top: this.FINAL_CONFIG.chart.padding.top,
|
|
496
498
|
right: this.width - this.FINAL_CONFIG.chart.padding.right,
|
|
@@ -506,7 +508,7 @@ const Ee = J(), Be = {
|
|
|
506
508
|
min() {
|
|
507
509
|
if (this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin !== null)
|
|
508
510
|
return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin;
|
|
509
|
-
const t = Math.min(...this.safeDataset.filter((
|
|
511
|
+
const t = Math.min(...this.safeDataset.filter((s) => !this.segregatedSeries.includes(s.id)).map((s) => Math.min(...s.series)));
|
|
510
512
|
return t > 0 ? 0 : t;
|
|
511
513
|
},
|
|
512
514
|
niceScale() {
|
|
@@ -526,7 +528,7 @@ const Ee = J(), Be = {
|
|
|
526
528
|
};
|
|
527
529
|
},
|
|
528
530
|
barSlot() {
|
|
529
|
-
const t = this.safeDataset.filter((
|
|
531
|
+
const t = this.safeDataset.filter((s) => s.type === "bar").filter((s) => !this.segregatedSeries.includes(s.id)).length;
|
|
530
532
|
return this.drawingArea.width / this.maxSeries / t - this.barPeriodGap * t;
|
|
531
533
|
},
|
|
532
534
|
barPeriodGap() {
|
|
@@ -541,21 +543,21 @@ const Ee = J(), Be = {
|
|
|
541
543
|
label: o.name,
|
|
542
544
|
color: o.color,
|
|
543
545
|
type: o.type
|
|
544
|
-
})),
|
|
545
|
-
return this.timeLabels.forEach((o,
|
|
546
|
+
})), s = [];
|
|
547
|
+
return this.timeLabels.forEach((o, N) => {
|
|
546
548
|
const i = [o];
|
|
547
549
|
this.relativeDataset.forEach((e) => {
|
|
548
|
-
i.push(this.canShowValue(e.absoluteValues[
|
|
549
|
-
}),
|
|
550
|
-
}), { head: t, body:
|
|
550
|
+
i.push(this.canShowValue(e.absoluteValues[N]) ? Number(e.absoluteValues[N].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
|
|
551
|
+
}), s.push(i);
|
|
552
|
+
}), { head: t, body: s };
|
|
551
553
|
},
|
|
552
554
|
dataTable() {
|
|
553
555
|
const t = this.FINAL_CONFIG.table.showSum;
|
|
554
|
-
let
|
|
555
|
-
t && (
|
|
556
|
+
let s = [""].concat(this.relativeDataset.map((e) => e.name));
|
|
557
|
+
t && (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>'));
|
|
556
558
|
let o = [];
|
|
557
559
|
for (let e = 0; e < this.maxSeries; e += 1) {
|
|
558
|
-
const x = this.relativeDataset.map((_) => _.absoluteValues[e] ?? 0).reduce((_,
|
|
560
|
+
const x = this.relativeDataset.map((_) => _.absoluteValues[e] ?? 0).reduce((_, k) => _ + k, 0);
|
|
559
561
|
o.push(
|
|
560
562
|
[
|
|
561
563
|
this.timeLabels[e] ?? "-"
|
|
@@ -573,7 +575,7 @@ const Ee = J(), Be = {
|
|
|
573
575
|
)).concat(t ? (x ?? 0).toFixed(this.FINAL_CONFIG.table.rounding) : [])
|
|
574
576
|
);
|
|
575
577
|
}
|
|
576
|
-
const
|
|
578
|
+
const N = {
|
|
577
579
|
th: {
|
|
578
580
|
backgroundColor: this.FINAL_CONFIG.table.th.backgroundColor,
|
|
579
581
|
color: this.FINAL_CONFIG.table.th.color,
|
|
@@ -586,7 +588,7 @@ const Ee = J(), Be = {
|
|
|
586
588
|
},
|
|
587
589
|
breakpoint: this.FINAL_CONFIG.table.responsiveBreakpoint
|
|
588
590
|
}, i = [this.FINAL_CONFIG.table.columnNames.period].concat(this.relativeDataset.map((e) => e.name)).concat(this.FINAL_CONFIG.table.columnNames.total);
|
|
589
|
-
return { head:
|
|
591
|
+
return { head: s, body: o, config: N, colNames: i };
|
|
590
592
|
},
|
|
591
593
|
dataTooltipSlot() {
|
|
592
594
|
return {
|
|
@@ -605,16 +607,16 @@ const Ee = J(), Be = {
|
|
|
605
607
|
name: t.name,
|
|
606
608
|
color: t.color,
|
|
607
609
|
type: t.type,
|
|
608
|
-
value: t.absoluteValues.find((
|
|
610
|
+
value: t.absoluteValues.find((s, o) => o === this.selectedSerieIndex),
|
|
609
611
|
comments: t.comments || [],
|
|
610
612
|
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
611
613
|
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix
|
|
612
614
|
}));
|
|
613
615
|
},
|
|
614
616
|
tooltipContent() {
|
|
615
|
-
let t = "",
|
|
616
|
-
const o = this.timeLabels[this.selectedSerieIndex],
|
|
617
|
-
return this.isFunction(
|
|
617
|
+
let t = "", s = this.selectedSeries.map((i) => i.value).filter((i) => this.isSafeValue(i) && i !== null).reduce((i, e) => Math.abs(i) + Math.abs(e), 0);
|
|
618
|
+
const o = this.timeLabels[this.selectedSerieIndex], N = this.FINAL_CONFIG.chart.tooltip.customFormat;
|
|
619
|
+
return this.isFunction(N) && this.functionReturnsString(() => N({
|
|
618
620
|
seriesIndex: this.selectedSerieIndex,
|
|
619
621
|
datapoint: this.selectedSeries,
|
|
620
622
|
series: this.absoluteDataset,
|
|
@@ -622,7 +624,7 @@ const Ee = J(), Be = {
|
|
|
622
624
|
lines: this.lineSet,
|
|
623
625
|
plots: this.plotSet,
|
|
624
626
|
config: this.FINAL_CONFIG
|
|
625
|
-
})) ?
|
|
627
|
+
})) ? N({
|
|
626
628
|
seriesIndex: this.selectedSerieIndex,
|
|
627
629
|
datapoint: this.selectedSeries,
|
|
628
630
|
series: this.absoluteDataset,
|
|
@@ -638,7 +640,7 @@ const Ee = J(), Be = {
|
|
|
638
640
|
e = `<svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" rx="1" stroke="none" height="12" width="12" fill="${i.color}" /></svg>`;
|
|
639
641
|
break;
|
|
640
642
|
case "line":
|
|
641
|
-
!i.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(i.shape) ? x = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" />` : i.shape === "triangle" ? x = `<path d="${
|
|
643
|
+
!i.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(i.shape) ? x = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" />` : i.shape === "triangle" ? x = `<path d="${T({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "square" ? x = `<path d="${T({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "diamond" ? x = `<path d="${T({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "pentagon" ? x = `<path d="${T({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "hexagon" ? x = `<path d="${T({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "star" && (x = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" points="${q({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="3" x="0" y="6" stroke="none" height="4" width="20" fill="${i.color}" />${x}</svg>`;
|
|
642
644
|
break;
|
|
643
645
|
case "plot":
|
|
644
646
|
if (!i.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(i.shape)) {
|
|
@@ -646,27 +648,27 @@ const Ee = J(), Be = {
|
|
|
646
648
|
break;
|
|
647
649
|
}
|
|
648
650
|
if (i.shape === "star") {
|
|
649
|
-
e = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" points="${
|
|
651
|
+
e = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" points="${q({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
|
|
650
652
|
break;
|
|
651
653
|
}
|
|
652
654
|
if (i.shape === "triangle") {
|
|
653
|
-
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${
|
|
655
|
+
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${T({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
|
|
654
656
|
break;
|
|
655
657
|
}
|
|
656
658
|
if (i.shape === "square") {
|
|
657
|
-
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${
|
|
659
|
+
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${T({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
|
|
658
660
|
break;
|
|
659
661
|
}
|
|
660
662
|
if (i.shape === "diamond") {
|
|
661
|
-
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${
|
|
663
|
+
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${T({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
|
|
662
664
|
break;
|
|
663
665
|
}
|
|
664
666
|
if (i.shape === "pentagon") {
|
|
665
|
-
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${
|
|
667
|
+
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${T({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
|
|
666
668
|
break;
|
|
667
669
|
}
|
|
668
670
|
if (i.shape === "hexagon") {
|
|
669
|
-
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${
|
|
671
|
+
e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${T({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
|
|
670
672
|
break;
|
|
671
673
|
}
|
|
672
674
|
}
|
|
@@ -681,7 +683,7 @@ const Ee = J(), Be = {
|
|
|
681
683
|
}),
|
|
682
684
|
{ datapoint: i }
|
|
683
685
|
) : ""}</b> ${this.FINAL_CONFIG.chart.tooltip.showPercentage ? `(${Z({
|
|
684
|
-
v: this.checkNaN(Math.abs(i.value) /
|
|
686
|
+
v: this.checkNaN(Math.abs(i.value) / s * 100),
|
|
685
687
|
s: "%",
|
|
686
688
|
r: this.FINAL_CONFIG.chart.tooltip.roundingPercentage
|
|
687
689
|
})})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && i.comments.length && i.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (t += `<div class="vue-data-ui-tooltip-comment" style="background:${i.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${i.color}">${i.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex]}</div>`);
|
|
@@ -744,9 +746,9 @@ const Ee = J(), Be = {
|
|
|
744
746
|
useMouse: Oe,
|
|
745
747
|
useNestedProp: U,
|
|
746
748
|
getHighlightAreaPosition(t) {
|
|
747
|
-
const
|
|
749
|
+
const s = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (t.from - this.slicer.start), o = this.drawingArea.width / (this.slicer.end - this.slicer.start) * t.span < 0 ? 1e-5 : this.drawingArea.width / (this.slicer.end - this.slicer.start) * t.span;
|
|
748
750
|
return {
|
|
749
|
-
x:
|
|
751
|
+
x: s < this.drawingArea.left ? this.drawingArea.left : s,
|
|
750
752
|
width: o
|
|
751
753
|
};
|
|
752
754
|
},
|
|
@@ -754,34 +756,34 @@ const Ee = J(), Be = {
|
|
|
754
756
|
const t = Ce().vue_ui_xy;
|
|
755
757
|
if (!Object.keys(this.config || {}).length)
|
|
756
758
|
return t;
|
|
757
|
-
const
|
|
759
|
+
const s = this.useNestedProp({
|
|
758
760
|
userConfig: this.config,
|
|
759
761
|
defaultConfig: t
|
|
760
762
|
});
|
|
761
|
-
return this.config && this.hasDeepProperty(this.config, "chart.highlightArea") && (Array.isArray(this.config.chart.highlightArea) ?
|
|
763
|
+
return this.config && this.hasDeepProperty(this.config, "chart.highlightArea") && (Array.isArray(this.config.chart.highlightArea) ? s.chart.highlightArea = this.config.chart.highlightArea : s.chart.highlightArea = [this.config.chart.highlightArea]), this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMin") ? s.chart.grid.labels.yAxis.scaleMin = this.config.chart.grid.labels.yAxis.scaleMin : s.chart.grid.labels.yAxis.scaleMin = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMax") ? s.chart.grid.labels.yAxis.scaleMax = this.config.chart.grid.labels.yAxis.scaleMax : s.chart.grid.labels.yAxis.scaleMax = null, s.theme ? {
|
|
762
764
|
...U({
|
|
763
|
-
userConfig: this.themes.vue_ui_xy[
|
|
764
|
-
defaultConfig:
|
|
765
|
+
userConfig: this.themes.vue_ui_xy[s.theme] || this.config,
|
|
766
|
+
defaultConfig: s
|
|
765
767
|
}),
|
|
766
|
-
customPalette: this.themePalettes[
|
|
767
|
-
} :
|
|
768
|
+
customPalette: this.themePalettes[s.theme] || this.palette
|
|
769
|
+
} : s;
|
|
768
770
|
},
|
|
769
771
|
prepareChart() {
|
|
770
772
|
if (this.objectIsEmpty(this.dataset) ? this.error({
|
|
771
773
|
componentName: "VueUiXy",
|
|
772
774
|
type: "dataset"
|
|
773
|
-
}) : this.dataset.forEach((t,
|
|
775
|
+
}) : this.dataset.forEach((t, s) => {
|
|
774
776
|
[null, void 0].includes(t.name) && this.error({
|
|
775
777
|
componentName: "VueUiXy",
|
|
776
778
|
type: "datasetSerieAttribute",
|
|
777
779
|
property: "name (string)",
|
|
778
|
-
index:
|
|
780
|
+
index: s
|
|
779
781
|
});
|
|
780
782
|
}), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((t) => {
|
|
781
|
-
t.series.forEach((
|
|
782
|
-
this.isSafeValue(
|
|
783
|
-
-----> The serie '${t.name}' contains the value '${
|
|
784
|
-
'${
|
|
783
|
+
t.series.forEach((s, o) => {
|
|
784
|
+
this.isSafeValue(s) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
|
|
785
|
+
-----> The serie '${t.name}' contains the value '${s}' at index ${o}.
|
|
786
|
+
'${s}' was converted to null to allow the chart to display.`);
|
|
785
787
|
});
|
|
786
788
|
}), this.mutableConfig = {
|
|
787
789
|
dataLabels: {
|
|
@@ -792,16 +794,16 @@ const Ee = J(), Be = {
|
|
|
792
794
|
isStacked: this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked,
|
|
793
795
|
useIndividualScale: this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale
|
|
794
796
|
}, this.FINAL_CONFIG.responsive) {
|
|
795
|
-
const
|
|
797
|
+
const s = this.$refs.chart.parentNode, { height: o, width: N } = s.getBoundingClientRect();
|
|
796
798
|
let i = null, e = 0;
|
|
797
799
|
this.FINAL_CONFIG.chart.title.show && (i = this.$refs.chartTitle, e = i.getBoundingClientRect().height);
|
|
798
800
|
let x = null, _ = 0;
|
|
799
801
|
this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (x = this.$refs.chartSlicer.$el, _ = x.getBoundingClientRect().height);
|
|
800
|
-
let
|
|
801
|
-
this.FINAL_CONFIG.chart.legend.show && (
|
|
802
|
-
for (const
|
|
803
|
-
this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (_ = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (
|
|
804
|
-
}).observe(
|
|
802
|
+
let k = null, f = 0;
|
|
803
|
+
this.FINAL_CONFIG.chart.legend.show && (k = this.$refs.chartLegend, f = k.getBoundingClientRect().height), this.height = o - e - f - _, this.width = N, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((M) => {
|
|
804
|
+
for (const w of M)
|
|
805
|
+
this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (_ = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (f = this.$refs.chartLegend.getBoundingClientRect().height), this.height = w.contentBoxSize[0].blockSize - e - f - _ - 24, this.width = w.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
|
|
806
|
+
}).observe(s);
|
|
805
807
|
} else
|
|
806
808
|
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;
|
|
807
809
|
},
|
|
@@ -864,24 +866,24 @@ const Ee = J(), Be = {
|
|
|
864
866
|
},
|
|
865
867
|
createArea(t) {
|
|
866
868
|
if (!t[0]) return [-10, -10, "", -10, -10];
|
|
867
|
-
const
|
|
869
|
+
const s = { x: t[0].x, y: this.zero }, o = { x: t.at(-1).x, y: this.zero }, N = [];
|
|
868
870
|
return t.forEach((i) => {
|
|
869
|
-
|
|
870
|
-
}), [
|
|
871
|
+
N.push(`${i.x},${i.y} `);
|
|
872
|
+
}), [s.x, s.y, ...N, o.x, o.y].toString();
|
|
871
873
|
},
|
|
872
|
-
createIndividualArea(t,
|
|
874
|
+
createIndividualArea(t, s) {
|
|
873
875
|
if (!t[0]) return [-10, -10, "", -10, -10];
|
|
874
|
-
const o = { x: t[0] ? t[0].x : Math.min(...t.filter((e) => !!e).map((e) => e.x)), y:
|
|
876
|
+
const o = { x: t[0] ? t[0].x : Math.min(...t.filter((e) => !!e).map((e) => e.x)), y: s }, N = { x: t.at(-1) ? t.at(-1).x : Math.min(...t.filter((e) => !!e).map((e) => e.x)), y: s }, i = [];
|
|
875
877
|
return t.filter((e) => !!e).forEach((e) => {
|
|
876
878
|
i.push(`${e.x},${e.y} `);
|
|
877
|
-
}), [o.x, o.y, ...i,
|
|
879
|
+
}), [o.x, o.y, ...i, N.x, N.y].toString();
|
|
878
880
|
},
|
|
879
|
-
createStar:
|
|
880
|
-
createPolygonPath:
|
|
881
|
-
fillArray(t,
|
|
881
|
+
createStar: q,
|
|
882
|
+
createPolygonPath: T,
|
|
883
|
+
fillArray(t, s) {
|
|
882
884
|
let o = Array(t).fill(0);
|
|
883
|
-
for (let
|
|
884
|
-
o[
|
|
885
|
+
for (let N = 0; N < s.length && N < t; N += 1)
|
|
886
|
+
o[N] = s[N];
|
|
885
887
|
return o;
|
|
886
888
|
},
|
|
887
889
|
refreshSlicer() {
|
|
@@ -911,11 +913,11 @@ const Ee = J(), Be = {
|
|
|
911
913
|
canShowValue(t) {
|
|
912
914
|
return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(t);
|
|
913
915
|
},
|
|
914
|
-
findClosestValue(t,
|
|
915
|
-
let o =
|
|
916
|
-
for (let i = 1; i <
|
|
917
|
-
const e = Math.abs(t -
|
|
918
|
-
e <
|
|
916
|
+
findClosestValue(t, s) {
|
|
917
|
+
let o = s[0], N = Math.abs(t - s[0]);
|
|
918
|
+
for (let i = 1; i < s.length; i += 1) {
|
|
919
|
+
const e = Math.abs(t - s[i]);
|
|
920
|
+
e < N && s[i] < t && (o = s[i], N = e);
|
|
919
921
|
}
|
|
920
922
|
return o;
|
|
921
923
|
},
|
|
@@ -926,11 +928,11 @@ const Ee = J(), Be = {
|
|
|
926
928
|
this.$emit(
|
|
927
929
|
"selectX",
|
|
928
930
|
{
|
|
929
|
-
dataset: this.relativeDataset.map((
|
|
930
|
-
name:
|
|
931
|
-
value: [null, void 0, NaN].includes(
|
|
932
|
-
color:
|
|
933
|
-
type:
|
|
931
|
+
dataset: this.relativeDataset.map((s) => ({
|
|
932
|
+
name: s.name,
|
|
933
|
+
value: [null, void 0, NaN].includes(s.absoluteValues[t]) ? null : s.absoluteValues[t],
|
|
934
|
+
color: s.color,
|
|
935
|
+
type: s.type
|
|
934
936
|
})),
|
|
935
937
|
index: t,
|
|
936
938
|
indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[t]
|
|
@@ -947,20 +949,20 @@ const Ee = J(), Be = {
|
|
|
947
949
|
},
|
|
948
950
|
segregate(t) {
|
|
949
951
|
if (this.segregatedSeries.includes(t.id))
|
|
950
|
-
this.segregatedSeries = this.segregatedSeries.filter((
|
|
952
|
+
this.segregatedSeries = this.segregatedSeries.filter((s) => s !== t.id);
|
|
951
953
|
else {
|
|
952
954
|
if (this.segregatedSeries.length + 1 === this.safeDataset.length) return;
|
|
953
955
|
this.segregatedSeries.push(t.id);
|
|
954
956
|
}
|
|
955
|
-
this.$emit("selectLegend", this.relativeDataset.map((
|
|
956
|
-
name:
|
|
957
|
-
values:
|
|
958
|
-
color:
|
|
959
|
-
type:
|
|
957
|
+
this.$emit("selectLegend", this.relativeDataset.map((s) => ({
|
|
958
|
+
name: s.name,
|
|
959
|
+
values: s.absoluteValues,
|
|
960
|
+
color: s.color,
|
|
961
|
+
type: s.type
|
|
960
962
|
}))), this.segregateStep += 1;
|
|
961
963
|
},
|
|
962
|
-
toggleTooltipVisibility(t,
|
|
963
|
-
this.isTooltip = t, t ? this.selectedSerieIndex =
|
|
964
|
+
toggleTooltipVisibility(t, s = null) {
|
|
965
|
+
this.isTooltip = t, t ? this.selectedSerieIndex = s : this.selectedSerieIndex = null;
|
|
964
966
|
},
|
|
965
967
|
toggleFullscreen(t) {
|
|
966
968
|
this.isFullscreen = t, this.step += 1;
|
|
@@ -984,7 +986,7 @@ const Ee = J(), Be = {
|
|
|
984
986
|
}, 100);
|
|
985
987
|
},
|
|
986
988
|
generateCsv() {
|
|
987
|
-
const t = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]],
|
|
989
|
+
const t = [[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, N = t.concat([s]).concat(o), i = this.createCsvContent(N);
|
|
988
990
|
this.downloadCsv({ csvContent: i, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
|
|
989
991
|
},
|
|
990
992
|
showSpinnerImage() {
|
|
@@ -1007,31 +1009,31 @@ const Ee = J(), Be = {
|
|
|
1007
1009
|
}, 100);
|
|
1008
1010
|
}
|
|
1009
1011
|
}
|
|
1010
|
-
},
|
|
1012
|
+
}, Xe = ["id"], qe = ["viewBox"], Ze = { key: 0 }, Ue = { class: "vue-ui-xy-grid" }, Je = ["stroke", "x1", "x2", "y1", "y2"], Qe = ["stroke", "x1", "x2", "y1", "y2"], Ke = { key: 1 }, je = ["x1", "x2", "y1", "y2", "stroke"], $e = ["x1", "x2", "y1", "y2", "stroke"], et = ["x1", "x2", "y1", "y2", "stroke"], tt = { key: 3 }, at = ["x1", "x2", "y1", "y2", "stroke"], it = ["id"], rt = ["stop-color"], lt = ["stop-color"], st = ["stop-color"], nt = ["id"], ct = ["stop-color"], ot = ["stop-color"], ht = ["stop-color"], dt = ["id"], ut = ["stop-color"], gt = ["stop-color"], ft = ["id"], Nt = ["stop-color"], mt = ["stop-color"], It = ["id"], xt = ["stop-color"], bt = ["stop-color"], Ft = ["x", "y", "height", "width", "fill"], _t = ["x", "y", "width"], yt = ["x", "y", "height", "width", "fill"], At = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Lt = ["width", "x", "y"], Ct = { key: 0 }, St = ["id"], kt = ["fill"], wt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ot = ["x", "y", "font-size", "fill"], Gt = ["stroke", "x1", "x2", "y1", "y2"], vt = { key: 2 }, pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], zt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Mt = { key: 4 }, Pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tt = ["fill", "font-size", "transform"], Vt = ["x1", "x2", "y1", "y2", "stroke"], Rt = ["x", "y", "font-size", "fill"], Dt = ["x1", "x2", "y1", "y2", "stroke"], Wt = ["x", "y", "font-size", "fill"], Ht = ["width", "x", "y"], Et = { style: { width: "100%" } }, Bt = { key: 0 }, Yt = ["id"], Xt = ["fill"], qt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Zt = ["x", "y", "font-size", "fill"], Ut = ["d", "stroke", "stroke-width", "stroke-dasharray"], Jt = { key: 1 }, Qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Kt = { key: 0 }, jt = ["d", "fill"], $t = ["d", "fill"], ea = ["d", "stroke", "stroke-width", "stroke-dasharray"], ta = { key: 2 }, aa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ia = ["width", "x", "y"], ra = { style: { width: "100%" } }, la = { key: 3 }, sa = ["id"], na = ["fill"], ca = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], oa = ["x", "y", "font-size", "fill"], ha = { key: 5 }, da = ["x", "y", "font-size", "fill"], ua = ["x", "y", "font-size", "fill", "font-weight"], ga = { key: 6 }, fa = ["x", "y", "font-size", "fill"], Na = ["x", "y"], ma = ["x", "y"], Ia = { key: 7 }, xa = ["x", "y", "font-size", "fill"], ba = ["x", "y"], Fa = ["x", "y"], _a = ["x", "y", "font-size", "fill", "innerHTML"], ya = ["x", "y", "font-size", "fill", "innerHTML"], Aa = ["x", "y", "font-size", "fill", "innerHTML"], La = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["x", "y", "width", "height", "fill", "onMouseenter"], Sa = ["font-size", "fill", "transform"], ka = ["x", "y", "font-size", "fill"], wa = { key: 9 }, Oa = ["text-anchor", "font-size", "fill", "transform"], Ga = ["x", "y", "height", "width", "onMouseenter", "onClick"], va = { key: 10 }, pa = ["x", "y"], za = ["cx", "cy", "r", "fill"], Ma = {
|
|
1011
1013
|
key: 3,
|
|
1012
1014
|
class: "vue-data-ui-watermark"
|
|
1013
|
-
},
|
|
1015
|
+
}, Pa = ["onClick"], Ta = {
|
|
1014
1016
|
key: 0,
|
|
1015
1017
|
viewBox: "0 0 20 12",
|
|
1016
1018
|
height: "14",
|
|
1017
1019
|
width: "20"
|
|
1018
|
-
},
|
|
1020
|
+
}, Va = ["fill"], Ra = {
|
|
1019
1021
|
key: 1,
|
|
1020
1022
|
viewBox: "0 0 12 12",
|
|
1021
1023
|
height: "14",
|
|
1022
1024
|
width: "14"
|
|
1023
|
-
},
|
|
1025
|
+
}, Da = ["fill"], Wa = {
|
|
1024
1026
|
key: 7,
|
|
1025
1027
|
ref: "chartLegend"
|
|
1026
|
-
},
|
|
1028
|
+
}, Ha = {
|
|
1027
1029
|
style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
|
|
1028
1030
|
"data-html2canvas-ignore": ""
|
|
1029
|
-
},
|
|
1030
|
-
function
|
|
1031
|
-
const x =
|
|
1031
|
+
}, Ea = ["innerHTML"];
|
|
1032
|
+
function Ba(t, s, o, N, i, e) {
|
|
1033
|
+
const x = V("Title"), _ = V("UserOptions"), k = V("PackageVersion"), f = V("Shape"), L = V("Skeleton"), M = V("Slicer"), w = V("Tooltip"), p = V("BaseIcon"), v = V("TableSparkline"), F = V("DataTable"), C = V("Accordion");
|
|
1032
1034
|
return r(), l("div", {
|
|
1033
1035
|
id: `vue-ui-xy_${i.uniqueId}`,
|
|
1034
|
-
class:
|
|
1036
|
+
class: P(`vue-ui-xy ${i.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
|
|
1035
1037
|
ref: "chart",
|
|
1036
1038
|
style: A(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color};width:100%;${e.FINAL_CONFIG.chart.title.text ? "" : "padding-top:36px"};font-family:${e.FINAL_CONFIG.chart.fontFamily};${e.FINAL_CONFIG.responsive ? "height: 100%" : ""}`)
|
|
1037
1039
|
}, [
|
|
@@ -1041,7 +1043,7 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1041
1043
|
class: "vue-ui-xy-title",
|
|
1042
1044
|
style: A(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
|
|
1043
1045
|
}, [
|
|
1044
|
-
(r(),
|
|
1046
|
+
(r(), R(x, {
|
|
1045
1047
|
key: `title_${i.titleStep}`,
|
|
1046
1048
|
config: {
|
|
1047
1049
|
title: {
|
|
@@ -1055,7 +1057,7 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1055
1057
|
}
|
|
1056
1058
|
}, null, 8, ["config"]))
|
|
1057
1059
|
], 4)) : h("", !0),
|
|
1058
|
-
e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (r(),
|
|
1060
|
+
e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (r(), R(_, {
|
|
1059
1061
|
ref: "defails",
|
|
1060
1062
|
key: `user_options_${i.step}`,
|
|
1061
1063
|
backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
|
|
@@ -1085,60 +1087,60 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1085
1087
|
onToggleLabels: e.toggleLabels,
|
|
1086
1088
|
onToggleStack: e.toggleStack,
|
|
1087
1089
|
onToggleTooltip: e.toggleTooltip
|
|
1088
|
-
},
|
|
1090
|
+
}, Re({ _: 2 }, [
|
|
1089
1091
|
t.$slots.optionTooltip ? {
|
|
1090
1092
|
name: "optionTooltip",
|
|
1091
|
-
fn:
|
|
1092
|
-
|
|
1093
|
+
fn: z(() => [
|
|
1094
|
+
G(t.$slots, "optionTooltip", {}, void 0, !0)
|
|
1093
1095
|
]),
|
|
1094
1096
|
key: "0"
|
|
1095
1097
|
} : void 0,
|
|
1096
1098
|
t.$slots.optionPdf ? {
|
|
1097
1099
|
name: "optionPdf",
|
|
1098
|
-
fn:
|
|
1099
|
-
|
|
1100
|
+
fn: z(() => [
|
|
1101
|
+
G(t.$slots, "optionPdf", {}, void 0, !0)
|
|
1100
1102
|
]),
|
|
1101
1103
|
key: "1"
|
|
1102
1104
|
} : void 0,
|
|
1103
1105
|
t.$slots.optionCsv ? {
|
|
1104
1106
|
name: "optionCsv",
|
|
1105
|
-
fn:
|
|
1106
|
-
|
|
1107
|
+
fn: z(() => [
|
|
1108
|
+
G(t.$slots, "optionCsv", {}, void 0, !0)
|
|
1107
1109
|
]),
|
|
1108
1110
|
key: "2"
|
|
1109
1111
|
} : void 0,
|
|
1110
1112
|
t.$slots.optionImg ? {
|
|
1111
1113
|
name: "optionImg",
|
|
1112
|
-
fn:
|
|
1113
|
-
|
|
1114
|
+
fn: z(() => [
|
|
1115
|
+
G(t.$slots, "optionImg", {}, void 0, !0)
|
|
1114
1116
|
]),
|
|
1115
1117
|
key: "3"
|
|
1116
1118
|
} : void 0,
|
|
1117
1119
|
t.$slots.optionTable ? {
|
|
1118
1120
|
name: "optionTable",
|
|
1119
|
-
fn:
|
|
1120
|
-
|
|
1121
|
+
fn: z(() => [
|
|
1122
|
+
G(t.$slots, "optionTable", {}, void 0, !0)
|
|
1121
1123
|
]),
|
|
1122
1124
|
key: "4"
|
|
1123
1125
|
} : void 0,
|
|
1124
1126
|
t.$slots.optionLabels ? {
|
|
1125
1127
|
name: "optionLabels",
|
|
1126
|
-
fn:
|
|
1127
|
-
|
|
1128
|
+
fn: z(() => [
|
|
1129
|
+
G(t.$slots, "optionLabels", {}, void 0, !0)
|
|
1128
1130
|
]),
|
|
1129
1131
|
key: "5"
|
|
1130
1132
|
} : void 0,
|
|
1131
1133
|
t.$slots.optionStack ? {
|
|
1132
1134
|
name: "optionStack",
|
|
1133
|
-
fn:
|
|
1134
|
-
|
|
1135
|
+
fn: z(() => [
|
|
1136
|
+
G(t.$slots, "optionStack", {}, void 0, !0)
|
|
1135
1137
|
]),
|
|
1136
1138
|
key: "6"
|
|
1137
1139
|
} : void 0,
|
|
1138
1140
|
t.$slots.optionFullscreen ? {
|
|
1139
1141
|
name: "optionFullscreen",
|
|
1140
|
-
fn:
|
|
1141
|
-
|
|
1142
|
+
fn: z(({ toggleFullscreen: a, isFullscreen: c }) => [
|
|
1143
|
+
G(t.$slots, "optionFullscreen", B(Y({ toggleFullscreen: a, isFullscreen: c })), void 0, !0)
|
|
1142
1144
|
]),
|
|
1143
1145
|
key: "7"
|
|
1144
1146
|
} : void 0
|
|
@@ -1146,13 +1148,14 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1146
1148
|
e.isDataset ? (r(), l("svg", {
|
|
1147
1149
|
key: 2,
|
|
1148
1150
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1149
|
-
class:
|
|
1151
|
+
class: P([{ "vue-data-ui-fullscreen--on": i.isFullscreen, "vue-data-ui-fulscreen--off": !i.isFullscreen }, "vue-ui-xy-svg"]),
|
|
1150
1152
|
width: "100%",
|
|
1151
1153
|
viewBox: i.viewBox,
|
|
1152
1154
|
style: A(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
|
|
1153
1155
|
}, [
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
+
X(k),
|
|
1157
|
+
e.maxSeries > 0 ? (r(), l("g", Ze, [
|
|
1158
|
+
u("g", Ue, [
|
|
1156
1159
|
e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (r(), l("line", {
|
|
1157
1160
|
key: 0,
|
|
1158
1161
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
@@ -1162,9 +1165,9 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1162
1165
|
y1: e.drawingArea.bottom,
|
|
1163
1166
|
y2: e.drawingArea.bottom,
|
|
1164
1167
|
"stroke-linecap": "round"
|
|
1165
|
-
}, null, 8,
|
|
1166
|
-
i.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(!0), l(
|
|
1167
|
-
a.id === i.selectedScale && a.yLabels.length ? (r(!0), l(
|
|
1168
|
+
}, null, 8, Je)) : h("", !0),
|
|
1169
|
+
i.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(!0), l(m, { key: 2 }, I(e.allScales, (a) => (r(), l("g", null, [
|
|
1170
|
+
a.id === i.selectedScale && a.yLabels.length ? (r(!0), l(m, { key: 0 }, I(a.yLabels, (c) => (r(), l("line", {
|
|
1168
1171
|
x1: e.drawingArea.left + e.xPadding,
|
|
1169
1172
|
x2: e.drawingArea.right - e.xPadding,
|
|
1170
1173
|
y1: e.checkNaN(c.y),
|
|
@@ -1172,7 +1175,7 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1172
1175
|
stroke: a.color,
|
|
1173
1176
|
"stroke-width": 0.5,
|
|
1174
1177
|
"stroke-linecap": "round"
|
|
1175
|
-
}, null, 8,
|
|
1178
|
+
}, null, 8, $e))), 256)) : a.yLabels.length ? (r(!0), l(m, { key: 1 }, I(a.yLabels, (c) => (r(), l("line", {
|
|
1176
1179
|
x1: e.drawingArea.left + e.xPadding,
|
|
1177
1180
|
x2: e.drawingArea.right - e.xPadding,
|
|
1178
1181
|
y1: e.checkNaN(c.y),
|
|
@@ -1180,8 +1183,8 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1180
1183
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1181
1184
|
"stroke-width": 0.5,
|
|
1182
1185
|
"stroke-linecap": "round"
|
|
1183
|
-
}, null, 8,
|
|
1184
|
-
]))), 256)) : h("", !0) : (r(), l(
|
|
1186
|
+
}, null, 8, et))), 256)) : h("", !0)
|
|
1187
|
+
]))), 256)) : h("", !0) : (r(), l(m, { key: 1 }, [
|
|
1185
1188
|
e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (r(), l("line", {
|
|
1186
1189
|
key: 0,
|
|
1187
1190
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
@@ -1191,9 +1194,9 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1191
1194
|
y1: e.drawingArea.top,
|
|
1192
1195
|
y2: e.drawingArea.bottom,
|
|
1193
1196
|
"stroke-linecap": "round"
|
|
1194
|
-
}, null, 8,
|
|
1195
|
-
e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(), l("g",
|
|
1196
|
-
(r(!0), l(
|
|
1197
|
+
}, null, 8, Qe)) : h("", !0),
|
|
1198
|
+
e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(), l("g", Ke, [
|
|
1199
|
+
(r(!0), l(m, null, I(e.yLabels, (a) => (r(), l("line", {
|
|
1197
1200
|
x1: e.drawingArea.left + e.xPadding,
|
|
1198
1201
|
x2: e.drawingArea.right - e.xPadding,
|
|
1199
1202
|
y1: e.checkNaN(a.y),
|
|
@@ -1201,11 +1204,11 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1201
1204
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1202
1205
|
"stroke-width": 0.5,
|
|
1203
1206
|
"stroke-linecap": "round"
|
|
1204
|
-
}, null, 8,
|
|
1207
|
+
}, null, 8, je))), 256))
|
|
1205
1208
|
])) : h("", !0)
|
|
1206
1209
|
], 64)),
|
|
1207
|
-
e.FINAL_CONFIG.chart.grid.showVerticalLines ? (r(), l("g",
|
|
1208
|
-
(r(!0), l(
|
|
1210
|
+
e.FINAL_CONFIG.chart.grid.showVerticalLines ? (r(), l("g", tt, [
|
|
1211
|
+
(r(!0), l(m, null, I(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (a, c) => (r(), l("line", {
|
|
1209
1212
|
key: `grid_vertical_line_${c}`,
|
|
1210
1213
|
x1: e.drawingArea.width / e.maxSeries * c + e.drawingArea.left + e.xPadding,
|
|
1211
1214
|
x2: e.drawingArea.width / e.maxSeries * c + e.drawingArea.left + e.xPadding,
|
|
@@ -1213,10 +1216,10 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1213
1216
|
y2: e.drawingArea.bottom,
|
|
1214
1217
|
"stroke-width": "0.5",
|
|
1215
1218
|
stroke: e.FINAL_CONFIG.chart.grid.stroke
|
|
1216
|
-
}, null, 8,
|
|
1219
|
+
}, null, 8, at))), 128))
|
|
1217
1220
|
])) : h("", !0)
|
|
1218
1221
|
]),
|
|
1219
|
-
(r(!0), l(
|
|
1222
|
+
(r(!0), l(m, null, I(e.barSet, (a, c) => (r(), l("defs", {
|
|
1220
1223
|
key: `def_rect_${c}`
|
|
1221
1224
|
}, [
|
|
1222
1225
|
u("linearGradient", {
|
|
@@ -1227,16 +1230,16 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1227
1230
|
u("stop", {
|
|
1228
1231
|
offset: "0%",
|
|
1229
1232
|
"stop-color": a.color
|
|
1230
|
-
}, null, 8,
|
|
1233
|
+
}, null, 8, rt),
|
|
1231
1234
|
u("stop", {
|
|
1232
1235
|
offset: "62%",
|
|
1233
1236
|
"stop-color": `${e.shiftHue(a.color, 0.02)}`
|
|
1234
|
-
}, null, 8,
|
|
1237
|
+
}, null, 8, lt),
|
|
1235
1238
|
u("stop", {
|
|
1236
1239
|
offset: "100%",
|
|
1237
1240
|
"stop-color": `${e.shiftHue(a.color, 0.05)}`
|
|
1238
|
-
}, null, 8,
|
|
1239
|
-
], 8,
|
|
1241
|
+
}, null, 8, st)
|
|
1242
|
+
], 8, it),
|
|
1240
1243
|
u("linearGradient", {
|
|
1241
1244
|
id: `rectGradient_neg_${c}_${i.uniqueId}`,
|
|
1242
1245
|
x2: "0%",
|
|
@@ -1245,18 +1248,18 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1245
1248
|
u("stop", {
|
|
1246
1249
|
offset: "0%",
|
|
1247
1250
|
"stop-color": `${e.shiftHue(a.color, 0.05)}`
|
|
1248
|
-
}, null, 8,
|
|
1251
|
+
}, null, 8, ct),
|
|
1249
1252
|
u("stop", {
|
|
1250
1253
|
offset: "38%",
|
|
1251
1254
|
"stop-color": `${e.shiftHue(a.color, 0.02)}`
|
|
1252
|
-
}, null, 8,
|
|
1255
|
+
}, null, 8, ot),
|
|
1253
1256
|
u("stop", {
|
|
1254
1257
|
offset: "100%",
|
|
1255
1258
|
"stop-color": a.color
|
|
1256
|
-
}, null, 8,
|
|
1257
|
-
], 8,
|
|
1259
|
+
}, null, 8, ht)
|
|
1260
|
+
], 8, nt)
|
|
1258
1261
|
]))), 128)),
|
|
1259
|
-
(r(!0), l(
|
|
1262
|
+
(r(!0), l(m, null, I(e.plotSet, (a, c) => (r(), l("defs", {
|
|
1260
1263
|
key: `def_plot_${c}`
|
|
1261
1264
|
}, [
|
|
1262
1265
|
u("radialGradient", {
|
|
@@ -1270,14 +1273,14 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1270
1273
|
u("stop", {
|
|
1271
1274
|
offset: "0%",
|
|
1272
1275
|
"stop-color": `${e.shiftHue(a.color, 0.05)}`
|
|
1273
|
-
}, null, 8,
|
|
1276
|
+
}, null, 8, ut),
|
|
1274
1277
|
u("stop", {
|
|
1275
1278
|
offset: "100%",
|
|
1276
1279
|
"stop-color": a.color
|
|
1277
|
-
}, null, 8,
|
|
1278
|
-
], 8,
|
|
1280
|
+
}, null, 8, gt)
|
|
1281
|
+
], 8, dt)
|
|
1279
1282
|
]))), 128)),
|
|
1280
|
-
(r(!0), l(
|
|
1283
|
+
(r(!0), l(m, null, I(e.lineSet, (a, c) => (r(), l("defs", {
|
|
1281
1284
|
key: `def_line_${c}`
|
|
1282
1285
|
}, [
|
|
1283
1286
|
u("radialGradient", {
|
|
@@ -1291,12 +1294,12 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1291
1294
|
u("stop", {
|
|
1292
1295
|
offset: "0%",
|
|
1293
1296
|
"stop-color": `${e.shiftHue(a.color, 0.05)}`
|
|
1294
|
-
}, null, 8,
|
|
1297
|
+
}, null, 8, Nt),
|
|
1295
1298
|
u("stop", {
|
|
1296
1299
|
offset: "100%",
|
|
1297
1300
|
"stop-color": a.color
|
|
1298
|
-
}, null, 8,
|
|
1299
|
-
], 8,
|
|
1301
|
+
}, null, 8, mt)
|
|
1302
|
+
], 8, ft),
|
|
1300
1303
|
u("linearGradient", {
|
|
1301
1304
|
id: `areaGradient_${c}_${i.uniqueId}`,
|
|
1302
1305
|
x1: "0%",
|
|
@@ -1307,29 +1310,29 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1307
1310
|
u("stop", {
|
|
1308
1311
|
offset: "0%",
|
|
1309
1312
|
"stop-color": `${e.setOpacity(e.shiftHue(a.color, 0.03), e.FINAL_CONFIG.line.area.opacity)}`
|
|
1310
|
-
}, null, 8,
|
|
1313
|
+
}, null, 8, xt),
|
|
1311
1314
|
u("stop", {
|
|
1312
1315
|
offset: "100%",
|
|
1313
1316
|
"stop-color": `${e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)}`
|
|
1314
|
-
}, null, 8,
|
|
1315
|
-
], 8,
|
|
1317
|
+
}, null, 8, bt)
|
|
1318
|
+
], 8, It)
|
|
1316
1319
|
]))), 128)),
|
|
1317
|
-
(r(!0), l(
|
|
1318
|
-
a.show ? (r(!0), l(
|
|
1320
|
+
(r(!0), l(m, null, I(e.highlightAreas, (a) => (r(), l("g", null, [
|
|
1321
|
+
a.show ? (r(!0), l(m, { key: 0 }, I(a.span, (c, n) => (r(), l("g", null, [
|
|
1319
1322
|
u("rect", {
|
|
1320
1323
|
style: A({
|
|
1321
1324
|
transition: "none",
|
|
1322
|
-
opacity: a.from +
|
|
1325
|
+
opacity: a.from + n >= i.slicer.start && a.from + n <= i.slicer.end - 1 ? 1 : 0
|
|
1323
1326
|
}),
|
|
1324
|
-
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.from +
|
|
1327
|
+
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.from + n - i.slicer.start),
|
|
1325
1328
|
y: e.drawingArea.top,
|
|
1326
1329
|
height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
|
|
1327
1330
|
width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
|
|
1328
1331
|
fill: e.setOpacity(a.color, a.opacity)
|
|
1329
|
-
}, null, 12,
|
|
1330
|
-
a.caption.text &&
|
|
1332
|
+
}, null, 12, Ft),
|
|
1333
|
+
a.caption.text && n === 0 ? (r(), l("foreignObject", {
|
|
1331
1334
|
key: 0,
|
|
1332
|
-
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.from +
|
|
1335
|
+
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.from + n - i.slicer.start) - (a.caption.width === "auto" ? 0 : a.caption.width / 2 - e.drawingArea.width / e.maxSeries * a.span / 2),
|
|
1333
1336
|
y: e.drawingArea.top + a.caption.offsetY,
|
|
1334
1337
|
style: A({
|
|
1335
1338
|
overflow: "visible",
|
|
@@ -1341,11 +1344,11 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1341
1344
|
u("div", {
|
|
1342
1345
|
style: A(`padding:${a.caption.padding}px;text-align:${a.caption.textAlign};font-size:${a.caption.fontSize}px;color:${a.caption.color};font-weight:${a.caption.bold ? "bold" : "normal"}`)
|
|
1343
1346
|
}, S(a.caption.text), 5)
|
|
1344
|
-
], 12,
|
|
1347
|
+
], 12, _t)) : h("", !0)
|
|
1345
1348
|
]))), 256)) : h("", !0)
|
|
1346
1349
|
]))), 256)),
|
|
1347
1350
|
u("g", null, [
|
|
1348
|
-
(r(!0), l(
|
|
1351
|
+
(r(!0), l(m, null, I(e.maxSeries, (a, c) => (r(), l("g", {
|
|
1349
1352
|
key: `tooltip_trap_${c}`
|
|
1350
1353
|
}, [
|
|
1351
1354
|
u("rect", {
|
|
@@ -1354,42 +1357,42 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1354
1357
|
height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
|
|
1355
1358
|
width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
|
|
1356
1359
|
fill: [i.selectedMinimapIndex, i.selectedSerieIndex, i.selectedRowIndex].includes(c) ? e.setOpacity(e.FINAL_CONFIG.chart.highlighter.color, e.FINAL_CONFIG.chart.highlighter.opacity) : "transparent"
|
|
1357
|
-
}, null, 8,
|
|
1360
|
+
}, null, 8, yt)
|
|
1358
1361
|
]))), 128))
|
|
1359
1362
|
]),
|
|
1360
|
-
e.barSet.length ? (r(!0), l(
|
|
1363
|
+
e.barSet.length ? (r(!0), l(m, { key: 0 }, I(e.barSet, (a, c) => (r(), l("g", {
|
|
1361
1364
|
key: `serie_bar_${c}`,
|
|
1362
|
-
class:
|
|
1365
|
+
class: P(`serie_bar_${c}`),
|
|
1363
1366
|
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1364
1367
|
}, [
|
|
1365
|
-
(r(!0), l(
|
|
1368
|
+
(r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
|
|
1366
1369
|
key: `bar_plot_${c}_${g}`
|
|
1367
1370
|
}, [
|
|
1368
|
-
e.canShowValue(
|
|
1371
|
+
e.canShowValue(n.value) ? (r(), l("rect", {
|
|
1369
1372
|
key: 0,
|
|
1370
|
-
x: e.calcRectX(
|
|
1371
|
-
y: i.mutableConfig.useIndividualScale ? e.calcIndividualRectY(
|
|
1372
|
-
height: i.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(
|
|
1373
|
+
x: e.calcRectX(n),
|
|
1374
|
+
y: i.mutableConfig.useIndividualScale ? e.calcIndividualRectY(n) : e.calcRectY(n),
|
|
1375
|
+
height: i.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(n)) : Math.abs(e.calcRectHeight(n)),
|
|
1373
1376
|
width: e.calcRectWidth() - (i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? 0 : e.barPeriodGap),
|
|
1374
1377
|
rx: e.FINAL_CONFIG.bar.borderRadius,
|
|
1375
|
-
fill: e.FINAL_CONFIG.bar.useGradient ?
|
|
1378
|
+
fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${c}_${i.uniqueId})` : `url(#rectGradient_neg_${c}_${i.uniqueId})` : a.color,
|
|
1376
1379
|
stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? a.color : e.FINAL_CONFIG.bar.border.stroke,
|
|
1377
1380
|
"stroke-width": e.FINAL_CONFIG.bar.border.strokeWidth
|
|
1378
|
-
}, null, 8,
|
|
1379
|
-
|
|
1381
|
+
}, null, 8, At)) : h("", !0),
|
|
1382
|
+
n.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), l("foreignObject", {
|
|
1380
1383
|
key: 1,
|
|
1381
1384
|
style: { overflow: "visible" },
|
|
1382
1385
|
height: "12",
|
|
1383
1386
|
width: (e.calcRectWidth() - (i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? 0 : e.barPeriodGap) / 2) + e.FINAL_CONFIG.chart.comments.width,
|
|
1384
|
-
x: e.calcRectX(
|
|
1385
|
-
y: e.checkNaN(
|
|
1387
|
+
x: e.calcRectX(n) - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
|
|
1388
|
+
y: e.checkNaN(n.y) + e.FINAL_CONFIG.chart.comments.offsetY + 6
|
|
1386
1389
|
}, [
|
|
1387
|
-
|
|
1388
|
-
plot: { ...
|
|
1390
|
+
G(t.$slots, "plot-comment", {
|
|
1391
|
+
plot: { ...n, color: a.color }
|
|
1389
1392
|
}, void 0, !0)
|
|
1390
|
-
], 8,
|
|
1393
|
+
], 8, Lt)) : h("", !0)
|
|
1391
1394
|
]))), 128)),
|
|
1392
|
-
Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), l("g",
|
|
1395
|
+
Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), l("g", Ct, [
|
|
1393
1396
|
u("defs", null, [
|
|
1394
1397
|
u("marker", {
|
|
1395
1398
|
id: `bar_arrow_${c}`,
|
|
@@ -1402,8 +1405,8 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1402
1405
|
u("polygon", {
|
|
1403
1406
|
points: `0 0, 7 ${7 / 2}, 0 7`,
|
|
1404
1407
|
fill: a.color
|
|
1405
|
-
}, null, 8,
|
|
1406
|
-
], 8,
|
|
1408
|
+
}, null, 8, kt)
|
|
1409
|
+
], 8, St)
|
|
1407
1410
|
]),
|
|
1408
1411
|
a.plots.length > 1 ? (r(), l("line", {
|
|
1409
1412
|
key: 0,
|
|
@@ -1415,7 +1418,7 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1415
1418
|
stroke: a.color,
|
|
1416
1419
|
"stroke-dasharray": 2,
|
|
1417
1420
|
"marker-end": `url(#bar_arrow_${c})`
|
|
1418
|
-
}, null, 8,
|
|
1421
|
+
}, null, 8, wt)) : h("", !0),
|
|
1419
1422
|
a.plots.length > 1 ? (r(), l("text", {
|
|
1420
1423
|
key: 1,
|
|
1421
1424
|
"text-anchor": "middle",
|
|
@@ -1427,7 +1430,7 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1427
1430
|
v: e.calcLinearProgression(a.plots).trend * 100,
|
|
1428
1431
|
s: "%",
|
|
1429
1432
|
r: 2
|
|
1430
|
-
})), 9,
|
|
1433
|
+
})), 9, Ot)) : h("", !0)
|
|
1431
1434
|
])) : h("", !0)
|
|
1432
1435
|
], 6))), 128)) : h("", !0),
|
|
1433
1436
|
!i.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (r(), l("line", {
|
|
@@ -1439,8 +1442,8 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1439
1442
|
y1: e.checkNaN(e.zero),
|
|
1440
1443
|
y2: e.checkNaN(e.zero),
|
|
1441
1444
|
"stroke-linecap": "round"
|
|
1442
|
-
}, null, 8,
|
|
1443
|
-
e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(i.selectedSerieIndex) || i.selectedMinimapIndex !== null) ? (r(), l("g",
|
|
1445
|
+
}, null, 8, Gt)) : h("", !0),
|
|
1446
|
+
e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(i.selectedSerieIndex) || i.selectedMinimapIndex !== null) ? (r(), l("g", vt, [
|
|
1444
1447
|
u("line", {
|
|
1445
1448
|
x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (i.selectedSerieIndex || i.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
|
|
1446
1449
|
x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (i.selectedSerieIndex || i.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
|
|
@@ -1451,7 +1454,7 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1451
1454
|
"stroke-dasharray": e.FINAL_CONFIG.chart.highlighter.lineDasharray,
|
|
1452
1455
|
"stroke-linecap": "round",
|
|
1453
1456
|
style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
|
|
1454
|
-
}, null, 8,
|
|
1457
|
+
}, null, 8, pt)
|
|
1455
1458
|
])) : h("", !0),
|
|
1456
1459
|
e.FINAL_CONFIG.chart.grid.frame.show ? (r(), l("rect", {
|
|
1457
1460
|
key: 3,
|
|
@@ -1466,10 +1469,10 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1466
1469
|
"stroke-linecap": e.FINAL_CONFIG.chart.grid.frame.strokeLinecap,
|
|
1467
1470
|
"stroke-linejoin": e.FINAL_CONFIG.chart.grid.frame.strokeLinejoin,
|
|
1468
1471
|
"stroke-dasharray": e.FINAL_CONFIG.chart.grid.frame.strokeDasharray
|
|
1469
|
-
}, null, 8,
|
|
1470
|
-
e.FINAL_CONFIG.chart.grid.labels.show ? (r(), l("g",
|
|
1471
|
-
i.mutableConfig.useIndividualScale ? (r(), l(
|
|
1472
|
-
(r(!0), l(
|
|
1472
|
+
}, null, 8, zt)) : h("", !0),
|
|
1473
|
+
e.FINAL_CONFIG.chart.grid.labels.show ? (r(), l("g", Mt, [
|
|
1474
|
+
i.mutableConfig.useIndividualScale ? (r(), l(m, { key: 0 }, [
|
|
1475
|
+
(r(!0), l(m, null, I(e.allScales, (a) => (r(), l("g", null, [
|
|
1473
1476
|
u("line", {
|
|
1474
1477
|
x1: a.x + e.xPadding,
|
|
1475
1478
|
x2: a.x + e.xPadding,
|
|
@@ -1479,9 +1482,9 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1479
1482
|
"stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
|
|
1480
1483
|
"stroke-linecap": "round",
|
|
1481
1484
|
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1482
|
-
}, null, 12,
|
|
1485
|
+
}, null, 12, Pt)
|
|
1483
1486
|
]))), 256)),
|
|
1484
|
-
(r(!0), l(
|
|
1487
|
+
(r(!0), l(m, null, I(e.allScales, (a) => (r(), l("g", {
|
|
1485
1488
|
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1486
1489
|
}, [
|
|
1487
1490
|
u("text", {
|
|
@@ -1489,8 +1492,8 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1489
1492
|
"font-size": i.fontSizes.dataLabels,
|
|
1490
1493
|
"text-anchor": "middle",
|
|
1491
1494
|
transform: `translate(${a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5}, ${i.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset - a.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
|
|
1492
|
-
}, S(a.name) + " " + S(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9,
|
|
1493
|
-
(r(!0), l(
|
|
1495
|
+
}, S(a.name) + " " + S(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9, Tt),
|
|
1496
|
+
(r(!0), l(m, null, I(a.yLabels, (c, n) => (r(), l("line", {
|
|
1494
1497
|
x1: a.x - 3 + e.xPadding,
|
|
1495
1498
|
x2: a.x + e.xPadding,
|
|
1496
1499
|
y1: e.checkNaN(c.y),
|
|
@@ -1498,8 +1501,8 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1498
1501
|
stroke: a.color,
|
|
1499
1502
|
"stroke-width": 1,
|
|
1500
1503
|
"stroke-linecap": "round"
|
|
1501
|
-
}, null, 8,
|
|
1502
|
-
(r(!0), l(
|
|
1504
|
+
}, null, 8, Vt))), 256)),
|
|
1505
|
+
(r(!0), l(m, null, I(a.yLabels, (c, n) => (r(), l("text", {
|
|
1503
1506
|
x: a.x - 5 + e.xPadding,
|
|
1504
1507
|
y: e.checkNaN(c.y) + i.fontSizes.dataLabels / 3,
|
|
1505
1508
|
"font-size": i.fontSizes.dataLabels,
|
|
@@ -1514,10 +1517,10 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1514
1517
|
s: c.suffix,
|
|
1515
1518
|
r: 1
|
|
1516
1519
|
}),
|
|
1517
|
-
{ datapoint: c.datapoint, seriesIndex:
|
|
1518
|
-
)), 9,
|
|
1520
|
+
{ datapoint: c.datapoint, seriesIndex: n }
|
|
1521
|
+
)), 9, Rt))), 256))
|
|
1519
1522
|
], 4))), 256))
|
|
1520
|
-
], 64)) : (r(!0), l(
|
|
1523
|
+
], 64)) : (r(!0), l(m, { key: 1 }, I(e.yLabels, (a, c) => (r(), l("g", {
|
|
1521
1524
|
key: `yLabel_${c}`
|
|
1522
1525
|
}, [
|
|
1523
1526
|
e.canShowValue(a) && a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (r(), l("line", {
|
|
@@ -1529,7 +1532,7 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1529
1532
|
stroke: e.FINAL_CONFIG.chart.grid.stroke,
|
|
1530
1533
|
"stroke-width": "1",
|
|
1531
1534
|
"stroke-linecap": "round"
|
|
1532
|
-
}, null, 8,
|
|
1535
|
+
}, null, 8, Dt)) : h("", !0),
|
|
1533
1536
|
a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (r(), l("text", {
|
|
1534
1537
|
key: 1,
|
|
1535
1538
|
x: e.drawingArea.left - 7 + e.xPadding,
|
|
@@ -1546,42 +1549,42 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1546
1549
|
s: a.suffix,
|
|
1547
1550
|
r: 1
|
|
1548
1551
|
})
|
|
1549
|
-
) : ""), 9,
|
|
1552
|
+
) : ""), 9, Wt)) : h("", !0)
|
|
1550
1553
|
]))), 128))
|
|
1551
1554
|
])) : h("", !0),
|
|
1552
|
-
(r(!0), l(
|
|
1555
|
+
(r(!0), l(m, null, I(e.plotSet, (a, c) => (r(), l("g", {
|
|
1553
1556
|
key: `serie_plot_${c}`,
|
|
1554
|
-
class:
|
|
1557
|
+
class: P(`serie_plot_${c}`),
|
|
1555
1558
|
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1556
1559
|
}, [
|
|
1557
|
-
(r(!0), l(
|
|
1560
|
+
(r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
|
|
1558
1561
|
key: `circle_plot_${c}_${g}`
|
|
1559
1562
|
}, [
|
|
1560
|
-
|
|
1563
|
+
n && e.canShowValue(n.value) ? (r(), R(f, {
|
|
1561
1564
|
key: 0,
|
|
1562
1565
|
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
|
|
1563
1566
|
color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${c}_${i.uniqueId})` : e.FINAL_CONFIG.plot.dot.useSerieColor ? a.color : e.FINAL_CONFIG.plot.dot.fill,
|
|
1564
|
-
plot: { x: e.checkNaN(
|
|
1567
|
+
plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
|
|
1565
1568
|
radius: i.selectedSerieIndex !== null && i.selectedSerieIndex === g || i.selectedMinimapIndex !== null && i.selectedMinimapIndex === g ? (i.plotRadii.plot || 6) * 1.5 : i.plotRadii.plot || 6,
|
|
1566
1569
|
stroke: e.FINAL_CONFIG.plot.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : a.color,
|
|
1567
1570
|
strokeWidth: e.FINAL_CONFIG.plot.dot.strokeWidth
|
|
1568
1571
|
}, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : h("", !0),
|
|
1569
|
-
|
|
1572
|
+
n.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), l("foreignObject", {
|
|
1570
1573
|
key: 1,
|
|
1571
1574
|
style: { overflow: "visible" },
|
|
1572
1575
|
height: "12",
|
|
1573
1576
|
width: e.FINAL_CONFIG.chart.comments.width,
|
|
1574
|
-
x:
|
|
1575
|
-
y:
|
|
1577
|
+
x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
|
|
1578
|
+
y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
|
|
1576
1579
|
}, [
|
|
1577
|
-
u("div",
|
|
1578
|
-
|
|
1579
|
-
plot: { ...
|
|
1580
|
+
u("div", Et, [
|
|
1581
|
+
G(t.$slots, "plot-comment", {
|
|
1582
|
+
plot: { ...n, color: a.color }
|
|
1580
1583
|
}, void 0, !0)
|
|
1581
1584
|
])
|
|
1582
|
-
], 8,
|
|
1585
|
+
], 8, Ht)) : h("", !0)
|
|
1583
1586
|
]))), 128)),
|
|
1584
|
-
Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), l("g",
|
|
1587
|
+
Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), l("g", Bt, [
|
|
1585
1588
|
u("defs", null, [
|
|
1586
1589
|
u("marker", {
|
|
1587
1590
|
id: `plot_arrow_${c}`,
|
|
@@ -1594,8 +1597,8 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1594
1597
|
u("polygon", {
|
|
1595
1598
|
points: `0 0, 7 ${7 / 2}, 0 7`,
|
|
1596
1599
|
fill: a.color
|
|
1597
|
-
}, null, 8,
|
|
1598
|
-
], 8,
|
|
1600
|
+
}, null, 8, Xt)
|
|
1601
|
+
], 8, Yt)
|
|
1599
1602
|
]),
|
|
1600
1603
|
a.plots.length > 1 ? (r(), l("line", {
|
|
1601
1604
|
key: 0,
|
|
@@ -1607,7 +1610,7 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1607
1610
|
stroke: a.color,
|
|
1608
1611
|
"stroke-dasharray": 2,
|
|
1609
1612
|
"marker-end": `url(#plot_arrow_${c})`
|
|
1610
|
-
}, null, 8,
|
|
1613
|
+
}, null, 8, qt)) : h("", !0),
|
|
1611
1614
|
a.plots.length > 1 ? (r(), l("text", {
|
|
1612
1615
|
key: 1,
|
|
1613
1616
|
"text-anchor": "middle",
|
|
@@ -1619,12 +1622,12 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1619
1622
|
v: e.calcLinearProgression(a.plots).trend * 100,
|
|
1620
1623
|
s: "%",
|
|
1621
1624
|
r: 2
|
|
1622
|
-
})), 9,
|
|
1625
|
+
})), 9, Zt)) : h("", !0)
|
|
1623
1626
|
])) : h("", !0)
|
|
1624
1627
|
], 6))), 128)),
|
|
1625
|
-
(r(!0), l(
|
|
1628
|
+
(r(!0), l(m, null, I(e.lineSet, (a, c) => (r(), l("g", {
|
|
1626
1629
|
key: `serie_line_${c}`,
|
|
1627
|
-
class:
|
|
1630
|
+
class: P(`serie_line_${c}`),
|
|
1628
1631
|
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1629
1632
|
}, [
|
|
1630
1633
|
a.smooth && a.plots.length > 1 ? (r(), l("path", {
|
|
@@ -1634,40 +1637,40 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1634
1637
|
"stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
|
|
1635
1638
|
"stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1636
1639
|
fill: "none"
|
|
1637
|
-
}, null, 8,
|
|
1638
|
-
(r(!0), l(
|
|
1640
|
+
}, null, 8, Ut)) : a.plots.length > 1 ? (r(), l("g", Jt, [
|
|
1641
|
+
(r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
|
|
1639
1642
|
key: `line_${c}_${g}`
|
|
1640
1643
|
}, [
|
|
1641
|
-
|
|
1644
|
+
n && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[g + 1].value) ? (r(), l("line", {
|
|
1642
1645
|
key: 0,
|
|
1643
|
-
x1:
|
|
1646
|
+
x1: n.x,
|
|
1644
1647
|
x2: a.plots[g + 1].x,
|
|
1645
|
-
y1:
|
|
1648
|
+
y1: n.y,
|
|
1646
1649
|
y2: a.plots[g + 1].y,
|
|
1647
1650
|
stroke: e.FINAL_CONFIG.chart.backgroundColor,
|
|
1648
1651
|
"stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
|
|
1649
1652
|
"stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1650
1653
|
"stroke-linejoin": "round",
|
|
1651
1654
|
"stroke-linecap": "round"
|
|
1652
|
-
}, null, 8,
|
|
1655
|
+
}, null, 8, Qt)) : h("", !0)
|
|
1653
1656
|
]))), 128))
|
|
1654
1657
|
])) : h("", !0)
|
|
1655
1658
|
], 6))), 128)),
|
|
1656
|
-
(r(!0), l(
|
|
1659
|
+
(r(!0), l(m, null, I(e.lineSet, (a, c) => (r(), l("g", {
|
|
1657
1660
|
key: `serie_line_${c}`,
|
|
1658
|
-
class:
|
|
1661
|
+
class: P(`serie_line_${c}`),
|
|
1659
1662
|
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1660
1663
|
}, [
|
|
1661
|
-
a.useArea && a.plots.length > 1 ? (r(), l("g",
|
|
1664
|
+
a.useArea && a.plots.length > 1 ? (r(), l("g", Kt, [
|
|
1662
1665
|
a.smooth ? (r(), l("path", {
|
|
1663
1666
|
key: 0,
|
|
1664
|
-
d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((
|
|
1667
|
+
d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((n) => !!n).map((n) => n.x))},${i.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * c + e.slot.line / 2},${i.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
|
|
1665
1668
|
fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${i.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
|
|
1666
|
-
}, null, 8,
|
|
1669
|
+
}, null, 8, jt)) : (r(), l("path", {
|
|
1667
1670
|
key: 1,
|
|
1668
1671
|
d: `M${a.area}Z`,
|
|
1669
1672
|
fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${i.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
|
|
1670
|
-
}, null, 8,
|
|
1673
|
+
}, null, 8, $t))
|
|
1671
1674
|
])) : h("", !0),
|
|
1672
1675
|
a.smooth && a.plots.length > 1 ? (r(), l("path", {
|
|
1673
1676
|
key: 1,
|
|
@@ -1676,52 +1679,52 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1676
1679
|
"stroke-width": e.FINAL_CONFIG.line.strokeWidth,
|
|
1677
1680
|
"stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1678
1681
|
fill: "none"
|
|
1679
|
-
}, null, 8,
|
|
1680
|
-
(r(!0), l(
|
|
1682
|
+
}, null, 8, ea)) : a.plots.length > 1 ? (r(), l("g", ta, [
|
|
1683
|
+
(r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
|
|
1681
1684
|
key: `line_${c}_${g}`
|
|
1682
1685
|
}, [
|
|
1683
|
-
|
|
1686
|
+
n && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[g + 1].value) ? (r(), l("line", {
|
|
1684
1687
|
key: 0,
|
|
1685
|
-
x1:
|
|
1688
|
+
x1: n.x,
|
|
1686
1689
|
x2: a.plots[g + 1].x,
|
|
1687
|
-
y1:
|
|
1690
|
+
y1: n.y,
|
|
1688
1691
|
y2: a.plots[g + 1].y,
|
|
1689
1692
|
stroke: a.color,
|
|
1690
1693
|
"stroke-width": e.FINAL_CONFIG.line.strokeWidth,
|
|
1691
1694
|
"stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1692
1695
|
"stroke-linejoin": "round",
|
|
1693
1696
|
"stroke-linecap": "round"
|
|
1694
|
-
}, null, 8,
|
|
1697
|
+
}, null, 8, aa)) : h("", !0)
|
|
1695
1698
|
]))), 128))
|
|
1696
1699
|
])) : h("", !0),
|
|
1697
|
-
(r(!0), l(
|
|
1700
|
+
(r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
|
|
1698
1701
|
key: `circle_line_${c}_${g}`
|
|
1699
1702
|
}, [
|
|
1700
|
-
|
|
1703
|
+
n && e.canShowValue(n.value) ? (r(), R(f, {
|
|
1701
1704
|
key: 0,
|
|
1702
1705
|
shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
|
|
1703
1706
|
color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${c}_${i.uniqueId})` : e.FINAL_CONFIG.line.dot.useSerieColor ? a.color : e.FINAL_CONFIG.line.dot.fill,
|
|
1704
|
-
plot: { x: e.checkNaN(
|
|
1707
|
+
plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
|
|
1705
1708
|
radius: i.selectedSerieIndex !== null && i.selectedSerieIndex === g || i.selectedMinimapIndex !== null && i.selectedMinimapIndex === g ? (i.plotRadii.line || 6) * 1.5 : i.plotRadii.line || 6,
|
|
1706
1709
|
stroke: e.FINAL_CONFIG.line.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : a.color,
|
|
1707
1710
|
strokeWidth: e.FINAL_CONFIG.line.dot.strokeWidth
|
|
1708
1711
|
}, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : h("", !0),
|
|
1709
|
-
|
|
1712
|
+
n.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), l("foreignObject", {
|
|
1710
1713
|
key: 1,
|
|
1711
1714
|
style: { overflow: "visible" },
|
|
1712
1715
|
height: "12",
|
|
1713
1716
|
width: e.FINAL_CONFIG.chart.comments.width,
|
|
1714
|
-
x:
|
|
1715
|
-
y:
|
|
1717
|
+
x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
|
|
1718
|
+
y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
|
|
1716
1719
|
}, [
|
|
1717
|
-
u("div",
|
|
1718
|
-
|
|
1719
|
-
plot: { ...
|
|
1720
|
+
u("div", ra, [
|
|
1721
|
+
G(t.$slots, "plot-comment", {
|
|
1722
|
+
plot: { ...n, color: a.color }
|
|
1720
1723
|
}, void 0, !0)
|
|
1721
1724
|
])
|
|
1722
|
-
], 8,
|
|
1725
|
+
], 8, ia)) : h("", !0)
|
|
1723
1726
|
]))), 128)),
|
|
1724
|
-
Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), l("g",
|
|
1727
|
+
Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), l("g", la, [
|
|
1725
1728
|
u("defs", null, [
|
|
1726
1729
|
u("marker", {
|
|
1727
1730
|
id: `line_arrow_${c}`,
|
|
@@ -1734,8 +1737,8 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1734
1737
|
u("polygon", {
|
|
1735
1738
|
points: `0 0, 7 ${7 / 2}, 0 7`,
|
|
1736
1739
|
fill: a.color
|
|
1737
|
-
}, null, 8,
|
|
1738
|
-
], 8,
|
|
1740
|
+
}, null, 8, na)
|
|
1741
|
+
], 8, sa)
|
|
1739
1742
|
]),
|
|
1740
1743
|
a.plots.length > 1 ? (r(), l("line", {
|
|
1741
1744
|
key: 0,
|
|
@@ -1747,7 +1750,7 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1747
1750
|
stroke: a.color,
|
|
1748
1751
|
"stroke-dasharray": 2,
|
|
1749
1752
|
"marker-end": `url(#line_arrow_${c})`
|
|
1750
|
-
}, null, 8,
|
|
1753
|
+
}, null, 8, ca)) : h("", !0),
|
|
1751
1754
|
a.plots.length > 1 ? (r(), l("text", {
|
|
1752
1755
|
key: 1,
|
|
1753
1756
|
"text-anchor": "middle",
|
|
@@ -1759,85 +1762,85 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1759
1762
|
v: e.calcLinearProgression(a.plots).trend * 100,
|
|
1760
1763
|
s: "%",
|
|
1761
1764
|
r: 2
|
|
1762
|
-
})), 9,
|
|
1765
|
+
})), 9, oa)) : h("", !0)
|
|
1763
1766
|
])) : h("", !0)
|
|
1764
1767
|
], 6))), 128)),
|
|
1765
|
-
(e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && i.mutableConfig.dataLabels.show ? (r(), l("g",
|
|
1766
|
-
(r(!0), l(
|
|
1768
|
+
(e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && i.mutableConfig.dataLabels.show ? (r(), l("g", ha, [
|
|
1769
|
+
(r(!0), l(m, null, I(e.barSet, (a, c) => (r(), l("g", {
|
|
1767
1770
|
key: `xLabel_bar_${c}`,
|
|
1768
|
-
class:
|
|
1771
|
+
class: P(`xLabel_bar_${c}`),
|
|
1769
1772
|
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1770
1773
|
}, [
|
|
1771
|
-
(r(!0), l(
|
|
1774
|
+
(r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
|
|
1772
1775
|
key: `xLabel_bar_${c}_${g}`
|
|
1773
1776
|
}, [
|
|
1774
|
-
|
|
1777
|
+
n && (!Object.hasOwn(a, "dataLabels") || a.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (r(), l("text", {
|
|
1775
1778
|
key: 0,
|
|
1776
|
-
x: i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ?
|
|
1777
|
-
y: e.checkNaN(
|
|
1779
|
+
x: i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? n.x + e.slot.line / 2 : e.calcRectX(n) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
|
|
1780
|
+
y: e.checkNaN(n.y) + (n.value > 0 ? e.FINAL_CONFIG.bar.labels.offsetY : -e.FINAL_CONFIG.bar.labels.offsetY * 3),
|
|
1778
1781
|
"text-anchor": "middle",
|
|
1779
1782
|
"font-size": i.fontSizes.plotLabels,
|
|
1780
1783
|
fill: e.FINAL_CONFIG.bar.labels.color
|
|
1781
|
-
}, S(e.canShowValue(
|
|
1784
|
+
}, S(e.canShowValue(n.value) ? e.applyDataLabel(
|
|
1782
1785
|
e.FINAL_CONFIG.bar.labels.formatter,
|
|
1783
|
-
|
|
1786
|
+
n.value,
|
|
1784
1787
|
e.dataLabel({
|
|
1785
1788
|
p: a.prefix || e.FINAL_CONFIG.chart.labels.prefix,
|
|
1786
|
-
v:
|
|
1789
|
+
v: n.value,
|
|
1787
1790
|
s: a.suffix || e.FINAL_CONFIG.chart.labels.suffix,
|
|
1788
1791
|
r: e.FINAL_CONFIG.bar.labels.rounding
|
|
1789
1792
|
}),
|
|
1790
1793
|
{
|
|
1791
|
-
datapoint:
|
|
1794
|
+
datapoint: n,
|
|
1792
1795
|
serie: a
|
|
1793
1796
|
}
|
|
1794
|
-
) : ""), 9,
|
|
1795
|
-
|
|
1797
|
+
) : ""), 9, da)) : h("", !0),
|
|
1798
|
+
n && e.FINAL_CONFIG.bar.serieName.show ? (r(), l("text", {
|
|
1796
1799
|
key: 1,
|
|
1797
|
-
x: i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ?
|
|
1798
|
-
y:
|
|
1800
|
+
x: i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? n.x + e.slot.line / 2 : n.x + e.calcRectWidth() * 1.1,
|
|
1801
|
+
y: n.y + (n.value > 0 ? e.FINAL_CONFIG.bar.serieName.offsetY : -e.FINAL_CONFIG.bar.serieName.offsetY * 3),
|
|
1799
1802
|
"text-anchor": "middle",
|
|
1800
1803
|
"font-size": i.fontSizes.plotLabels,
|
|
1801
1804
|
fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? a.color : e.FINAL_CONFIG.bar.serieName.color,
|
|
1802
1805
|
"font-weight": e.FINAL_CONFIG.bar.serieName.bold ? "bold" : "normal"
|
|
1803
|
-
}, S(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: a.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : a.name), 9,
|
|
1806
|
+
}, S(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: a.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : a.name), 9, ua)) : h("", !0)
|
|
1804
1807
|
]))), 128))
|
|
1805
1808
|
], 6))), 128))
|
|
1806
1809
|
])) : h("", !0),
|
|
1807
|
-
e.FINAL_CONFIG.plot.labels.show && i.mutableConfig.dataLabels.show ? (r(), l("g",
|
|
1808
|
-
(r(!0), l(
|
|
1810
|
+
e.FINAL_CONFIG.plot.labels.show && i.mutableConfig.dataLabels.show ? (r(), l("g", ga, [
|
|
1811
|
+
(r(!0), l(m, null, I(e.plotSet, (a, c) => (r(), l("g", {
|
|
1809
1812
|
key: `xLabel_plot_${c}`,
|
|
1810
|
-
class:
|
|
1813
|
+
class: P(`xLabel_plot_${c}`),
|
|
1811
1814
|
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1812
1815
|
}, [
|
|
1813
|
-
(r(!0), l(
|
|
1816
|
+
(r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
|
|
1814
1817
|
key: `xLabel_plot_${c}_${g}`
|
|
1815
1818
|
}, [
|
|
1816
|
-
|
|
1819
|
+
n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), l("text", {
|
|
1817
1820
|
key: 0,
|
|
1818
|
-
x:
|
|
1819
|
-
y:
|
|
1821
|
+
x: n.x,
|
|
1822
|
+
y: n.y + e.FINAL_CONFIG.plot.labels.offsetY,
|
|
1820
1823
|
"text-anchor": "middle",
|
|
1821
1824
|
"font-size": i.fontSizes.plotLabels,
|
|
1822
1825
|
fill: e.FINAL_CONFIG.plot.labels.color
|
|
1823
|
-
}, S(e.canShowValue(
|
|
1826
|
+
}, S(e.canShowValue(n.value) ? e.applyDataLabel(
|
|
1824
1827
|
e.FINAL_CONFIG.plot.labels.formatter,
|
|
1825
|
-
|
|
1828
|
+
n.value,
|
|
1826
1829
|
e.dataLabel({
|
|
1827
1830
|
p: a.prefix || e.FINAL_CONFIG.chart.labels.prefix,
|
|
1828
|
-
v:
|
|
1831
|
+
v: n.value,
|
|
1829
1832
|
s: a.suffix || e.FINAL_CONFIG.chart.labels.suffix,
|
|
1830
1833
|
r: e.FINAL_CONFIG.plot.labels.rounding
|
|
1831
1834
|
}),
|
|
1832
1835
|
{
|
|
1833
|
-
datapoint:
|
|
1836
|
+
datapoint: n,
|
|
1834
1837
|
serie: a
|
|
1835
1838
|
}
|
|
1836
|
-
) : ""), 9,
|
|
1837
|
-
|
|
1839
|
+
) : ""), 9, fa)) : h("", !0),
|
|
1840
|
+
n && g === 0 && a.useTag && a.useTag === "start" ? (r(), l("foreignObject", {
|
|
1838
1841
|
key: 1,
|
|
1839
|
-
x:
|
|
1840
|
-
y:
|
|
1842
|
+
x: n.x,
|
|
1843
|
+
y: n.y - 20,
|
|
1841
1844
|
height: 24,
|
|
1842
1845
|
width: "150",
|
|
1843
1846
|
style: { overflow: "visible" }
|
|
@@ -1845,11 +1848,11 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1845
1848
|
u("div", {
|
|
1846
1849
|
style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
1847
1850
|
}, S(a.name), 5)
|
|
1848
|
-
], 8,
|
|
1849
|
-
|
|
1851
|
+
], 8, Na)) : h("", !0),
|
|
1852
|
+
n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), l("foreignObject", {
|
|
1850
1853
|
key: 2,
|
|
1851
|
-
x:
|
|
1852
|
-
y:
|
|
1854
|
+
x: n.x - a.name.length * (i.fontSizes.plotLabels / 2),
|
|
1855
|
+
y: n.y - 20,
|
|
1853
1856
|
height: 24,
|
|
1854
1857
|
width: "150",
|
|
1855
1858
|
style: { overflow: "visible" }
|
|
@@ -1857,44 +1860,44 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1857
1860
|
u("div", {
|
|
1858
1861
|
style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
1859
1862
|
}, S(a.name), 5)
|
|
1860
|
-
], 8,
|
|
1863
|
+
], 8, ma)) : h("", !0)
|
|
1861
1864
|
]))), 128))
|
|
1862
1865
|
], 6))), 128))
|
|
1863
1866
|
])) : h("", !0),
|
|
1864
|
-
e.FINAL_CONFIG.line.labels.show && i.mutableConfig.dataLabels.show ? (r(), l("g",
|
|
1865
|
-
(r(!0), l(
|
|
1867
|
+
e.FINAL_CONFIG.line.labels.show && i.mutableConfig.dataLabels.show ? (r(), l("g", Ia, [
|
|
1868
|
+
(r(!0), l(m, null, I(e.lineSet, (a, c) => (r(), l("g", {
|
|
1866
1869
|
key: `xLabel_line_${c}`,
|
|
1867
|
-
class:
|
|
1870
|
+
class: P(`xLabel_line_${c}`),
|
|
1868
1871
|
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1869
1872
|
}, [
|
|
1870
|
-
(r(!0), l(
|
|
1873
|
+
(r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
|
|
1871
1874
|
key: `xLabel_line_${c}_${g}`
|
|
1872
1875
|
}, [
|
|
1873
|
-
|
|
1876
|
+
n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), l("text", {
|
|
1874
1877
|
key: 0,
|
|
1875
|
-
x:
|
|
1876
|
-
y:
|
|
1878
|
+
x: n.x,
|
|
1879
|
+
y: n.y + (n.value > 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
|
|
1877
1880
|
"text-anchor": "middle",
|
|
1878
1881
|
"font-size": i.fontSizes.plotLabels,
|
|
1879
1882
|
fill: e.FINAL_CONFIG.line.labels.color
|
|
1880
|
-
}, S(e.canShowValue(
|
|
1883
|
+
}, S(e.canShowValue(n.value) ? e.applyDataLabel(
|
|
1881
1884
|
e.FINAL_CONFIG.line.labels.formatter,
|
|
1882
|
-
|
|
1885
|
+
n.value,
|
|
1883
1886
|
e.dataLabel({
|
|
1884
1887
|
p: a.prefix || e.FINAL_CONFIG.chart.labels.prefix,
|
|
1885
|
-
v:
|
|
1888
|
+
v: n.value,
|
|
1886
1889
|
s: a.suffix || e.FINAL_CONFIG.chart.labels.suffix,
|
|
1887
1890
|
r: e.FINAL_CONFIG.line.labels.rounding
|
|
1888
1891
|
}),
|
|
1889
1892
|
{
|
|
1890
|
-
datapoint:
|
|
1893
|
+
datapoint: n,
|
|
1891
1894
|
serie: a
|
|
1892
1895
|
}
|
|
1893
|
-
) : ""), 9,
|
|
1894
|
-
|
|
1896
|
+
) : ""), 9, xa)) : h("", !0),
|
|
1897
|
+
n && g === 0 && a.useTag && a.useTag === "start" ? (r(), l("foreignObject", {
|
|
1895
1898
|
key: 1,
|
|
1896
|
-
x:
|
|
1897
|
-
y:
|
|
1899
|
+
x: n.x,
|
|
1900
|
+
y: n.y - 20,
|
|
1898
1901
|
height: 24,
|
|
1899
1902
|
width: "150",
|
|
1900
1903
|
style: { overflow: "visible" }
|
|
@@ -1902,11 +1905,11 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1902
1905
|
u("div", {
|
|
1903
1906
|
style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
1904
1907
|
}, S(a.name), 5)
|
|
1905
|
-
], 8,
|
|
1906
|
-
|
|
1908
|
+
], 8, ba)) : h("", !0),
|
|
1909
|
+
n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), l("foreignObject", {
|
|
1907
1910
|
key: 2,
|
|
1908
|
-
x:
|
|
1909
|
-
y:
|
|
1911
|
+
x: n.x - a.name.length * (i.fontSizes.plotLabels / 2),
|
|
1912
|
+
y: n.y - 20,
|
|
1910
1913
|
height: 24,
|
|
1911
1914
|
width: "150",
|
|
1912
1915
|
style: { overflow: "visible" }
|
|
@@ -1914,22 +1917,22 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1914
1917
|
u("div", {
|
|
1915
1918
|
style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
|
|
1916
1919
|
}, S(a.name), 5)
|
|
1917
|
-
], 8,
|
|
1920
|
+
], 8, Fa)) : h("", !0)
|
|
1918
1921
|
]))), 128))
|
|
1919
1922
|
], 6))), 128))
|
|
1920
1923
|
])) : h("", !0),
|
|
1921
|
-
(r(!0), l(
|
|
1924
|
+
(r(!0), l(m, null, I(e.lineSet, (a, c) => (r(), l("g", {
|
|
1922
1925
|
key: `xLabel_line_${c}`,
|
|
1923
|
-
class:
|
|
1926
|
+
class: P(`xLabel_line_${c}`),
|
|
1924
1927
|
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1925
1928
|
}, [
|
|
1926
|
-
(r(!0), l(
|
|
1929
|
+
(r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
|
|
1927
1930
|
key: `xLabel_line_${c}_${g}`
|
|
1928
1931
|
}, [
|
|
1929
|
-
|
|
1932
|
+
n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), l("text", {
|
|
1930
1933
|
key: 0,
|
|
1931
|
-
x:
|
|
1932
|
-
y:
|
|
1934
|
+
x: n.x - i.fontSizes.plotLabels,
|
|
1935
|
+
y: n.y,
|
|
1933
1936
|
"font-size": i.fontSizes.plotLabels,
|
|
1934
1937
|
"text-anchor": "end",
|
|
1935
1938
|
fill: a.color,
|
|
@@ -1937,15 +1940,15 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1937
1940
|
content: a.name,
|
|
1938
1941
|
fontSize: i.fontSizes.plotLabels,
|
|
1939
1942
|
fill: a.color,
|
|
1940
|
-
x:
|
|
1941
|
-
y:
|
|
1943
|
+
x: n.x - i.fontSizes.plotLabels,
|
|
1944
|
+
y: n.y,
|
|
1942
1945
|
maxWords: 2
|
|
1943
1946
|
})
|
|
1944
|
-
}, null, 8,
|
|
1945
|
-
|
|
1947
|
+
}, null, 8, _a)) : h("", !0),
|
|
1948
|
+
n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), l("text", {
|
|
1946
1949
|
key: 1,
|
|
1947
|
-
x:
|
|
1948
|
-
y:
|
|
1950
|
+
x: n.x + i.fontSizes.plotLabels,
|
|
1951
|
+
y: n.y,
|
|
1949
1952
|
"font-size": i.fontSizes.plotLabels,
|
|
1950
1953
|
"text-anchor": "start",
|
|
1951
1954
|
fill: a.color,
|
|
@@ -1953,25 +1956,25 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1953
1956
|
content: a.name,
|
|
1954
1957
|
fontSize: i.fontSizes.plotLabels,
|
|
1955
1958
|
fill: a.color,
|
|
1956
|
-
x:
|
|
1957
|
-
y:
|
|
1959
|
+
x: n.x + i.fontSizes.plotLabels,
|
|
1960
|
+
y: n.y,
|
|
1958
1961
|
maxWords: 2
|
|
1959
1962
|
})
|
|
1960
|
-
}, null, 8,
|
|
1963
|
+
}, null, 8, ya)) : h("", !0)
|
|
1961
1964
|
]))), 128))
|
|
1962
1965
|
], 6))), 128)),
|
|
1963
|
-
(r(!0), l(
|
|
1966
|
+
(r(!0), l(m, null, I(e.plotSet, (a, c) => (r(), l("g", {
|
|
1964
1967
|
key: `xLabel_plot_${c}`,
|
|
1965
|
-
class:
|
|
1968
|
+
class: P(`xLabel_plot_${c}`),
|
|
1966
1969
|
style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1967
1970
|
}, [
|
|
1968
|
-
(r(!0), l(
|
|
1971
|
+
(r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
|
|
1969
1972
|
key: `xLabel_plot_${c}_${g}`
|
|
1970
1973
|
}, [
|
|
1971
|
-
|
|
1974
|
+
n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), l("text", {
|
|
1972
1975
|
key: 0,
|
|
1973
|
-
x:
|
|
1974
|
-
y:
|
|
1976
|
+
x: n.x - i.fontSizes.plotLabels,
|
|
1977
|
+
y: n.y,
|
|
1975
1978
|
"font-size": i.fontSizes.plotLabels,
|
|
1976
1979
|
"text-anchor": "end",
|
|
1977
1980
|
fill: a.color,
|
|
@@ -1979,15 +1982,15 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1979
1982
|
content: a.name,
|
|
1980
1983
|
fontSize: i.fontSizes.plotLabels,
|
|
1981
1984
|
fill: a.color,
|
|
1982
|
-
x:
|
|
1983
|
-
y:
|
|
1985
|
+
x: n.x - i.fontSizes.plotLabels,
|
|
1986
|
+
y: n.y,
|
|
1984
1987
|
maxWords: 2
|
|
1985
1988
|
})
|
|
1986
|
-
}, null, 8,
|
|
1987
|
-
|
|
1989
|
+
}, null, 8, Aa)) : h("", !0),
|
|
1990
|
+
n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), l("text", {
|
|
1988
1991
|
key: 1,
|
|
1989
|
-
x:
|
|
1990
|
-
y:
|
|
1992
|
+
x: n.x + i.fontSizes.plotLabels,
|
|
1993
|
+
y: n.y,
|
|
1991
1994
|
"font-size": i.fontSizes.plotLabels,
|
|
1992
1995
|
"text-anchor": "start",
|
|
1993
1996
|
fill: a.color,
|
|
@@ -1995,22 +1998,22 @@ function Ea(t, n, o, f, i, e) {
|
|
|
1995
1998
|
content: a.name,
|
|
1996
1999
|
fontSize: i.fontSizes.plotLabels,
|
|
1997
2000
|
fill: a.color,
|
|
1998
|
-
x:
|
|
1999
|
-
y:
|
|
2001
|
+
x: n.x + i.fontSizes.plotLabels,
|
|
2002
|
+
y: n.y,
|
|
2000
2003
|
maxWords: 2
|
|
2001
2004
|
})
|
|
2002
|
-
}, null, 8,
|
|
2005
|
+
}, null, 8, La)) : h("", !0)
|
|
2003
2006
|
]))), 128))
|
|
2004
2007
|
], 6))), 128)),
|
|
2005
|
-
i.mutableConfig.useIndividualScale && !i.mutableConfig.isStacked ? (r(!0), l(
|
|
2008
|
+
i.mutableConfig.useIndividualScale && !i.mutableConfig.isStacked ? (r(!0), l(m, { key: 8 }, I(e.allScales, (a) => (r(), l("rect", {
|
|
2006
2009
|
x: a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
|
|
2007
2010
|
y: e.drawingArea.top,
|
|
2008
2011
|
width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
|
|
2009
2012
|
height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
|
|
2010
2013
|
fill: i.selectedScale === a.id ? e.setOpacity(a.color, 20) : "transparent",
|
|
2011
2014
|
onMouseenter: (c) => i.selectedScale = a.id,
|
|
2012
|
-
onMouseleave:
|
|
2013
|
-
}, null, 40,
|
|
2015
|
+
onMouseleave: s[0] || (s[0] = (c) => i.selectedScale = null)
|
|
2016
|
+
}, null, 40, Ca))), 256)) : h("", !0),
|
|
2014
2017
|
u("g", null, [
|
|
2015
2018
|
e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !i.mutableConfig.useIndividualScale ? (r(), l("text", {
|
|
2016
2019
|
key: 0,
|
|
@@ -2019,7 +2022,7 @@ function Ea(t, n, o, f, i, e) {
|
|
|
2019
2022
|
transform: `translate(${i.fontSizes.yAxis + e.FINAL_CONFIG.chart.grid.labels.axis.yLabelOffsetX}, ${e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`,
|
|
2020
2023
|
"text-anchor": "middle",
|
|
2021
2024
|
style: { transition: "none" }
|
|
2022
|
-
}, S(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9,
|
|
2025
|
+
}, S(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Sa)) : h("", !0),
|
|
2023
2026
|
e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (r(), l("text", {
|
|
2024
2027
|
key: 1,
|
|
2025
2028
|
"text-anchor": "middle",
|
|
@@ -2027,10 +2030,10 @@ function Ea(t, n, o, f, i, e) {
|
|
|
2027
2030
|
y: e.drawingArea.bottom + i.fontSizes.yAxis + i.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.axis.xLabelOffsetY,
|
|
2028
2031
|
"font-size": i.fontSizes.yAxis,
|
|
2029
2032
|
fill: e.FINAL_CONFIG.chart.grid.labels.color
|
|
2030
|
-
}, S(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9,
|
|
2033
|
+
}, S(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, ka)) : h("", !0)
|
|
2031
2034
|
]),
|
|
2032
|
-
e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (r(), l("g",
|
|
2033
|
-
(r(!0), l(
|
|
2035
|
+
e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (r(), l("g", wa, [
|
|
2036
|
+
(r(!0), l(m, null, I(e.timeLabels, (a, c) => (r(), l("g", {
|
|
2034
2037
|
key: `time_label_${c}`
|
|
2035
2038
|
}, [
|
|
2036
2039
|
a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (c === 0 || c === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && i.selectedSerieIndex === c && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && c % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (r(), l("text", {
|
|
@@ -2039,11 +2042,11 @@ function Ea(t, n, o, f, i, e) {
|
|
|
2039
2042
|
"font-size": i.fontSizes.xAxis,
|
|
2040
2043
|
fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
|
|
2041
2044
|
transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + i.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`
|
|
2042
|
-
}, S(a || ""), 9,
|
|
2045
|
+
}, S(a || ""), 9, Oa)) : h("", !0)
|
|
2043
2046
|
]))), 128))
|
|
2044
2047
|
])) : h("", !0),
|
|
2045
2048
|
u("g", null, [
|
|
2046
|
-
(r(!0), l(
|
|
2049
|
+
(r(!0), l(m, null, I(e.maxSeries, (a, c) => (r(), l("g", {
|
|
2047
2050
|
key: `tooltip_trap_${c}`
|
|
2048
2051
|
}, [
|
|
2049
2052
|
u("rect", {
|
|
@@ -2053,13 +2056,13 @@ function Ea(t, n, o, f, i, e) {
|
|
|
2053
2056
|
height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
|
|
2054
2057
|
width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
|
|
2055
2058
|
fill: "transparent",
|
|
2056
|
-
onMouseenter: (
|
|
2057
|
-
onMouseleave:
|
|
2058
|
-
onClick: (
|
|
2059
|
-
}, null, 40,
|
|
2059
|
+
onMouseenter: (n) => e.toggleTooltipVisibility(!0, c),
|
|
2060
|
+
onMouseleave: s[1] || (s[1] = (n) => e.toggleTooltipVisibility(!1)),
|
|
2061
|
+
onClick: (n) => e.selectX(c)
|
|
2062
|
+
}, null, 40, Ga)
|
|
2060
2063
|
]))), 128))
|
|
2061
2064
|
]),
|
|
2062
|
-
e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(i.selectedSerieIndex) ? (r(), l("g",
|
|
2065
|
+
e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(i.selectedSerieIndex) ? (r(), l("g", va, [
|
|
2063
2066
|
(r(), l("foreignObject", {
|
|
2064
2067
|
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * i.selectedSerieIndex - 100 + e.drawingArea.width / e.maxSeries / 2,
|
|
2065
2068
|
y: e.drawingArea.bottom,
|
|
@@ -2071,21 +2074,21 @@ function Ea(t, n, o, f, i, e) {
|
|
|
2071
2074
|
class: "vue-ui-xy-time-tag",
|
|
2072
2075
|
style: A(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.FINAL_CONFIG.chart.timeTag.backgroundColor};color:${e.FINAL_CONFIG.chart.timeTag.color};font-size:${e.FINAL_CONFIG.chart.timeTag.fontSize}px`)
|
|
2073
2076
|
}, S(e.timeLabels[i.selectedSerieIndex] || i.selectedSerieIndex), 5)
|
|
2074
|
-
], 8,
|
|
2077
|
+
], 8, pa)),
|
|
2075
2078
|
u("circle", {
|
|
2076
2079
|
cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * i.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
|
|
2077
2080
|
cy: e.drawingArea.bottom,
|
|
2078
2081
|
r: e.FINAL_CONFIG.chart.timeTag.circleMarker.radius,
|
|
2079
2082
|
fill: e.FINAL_CONFIG.chart.timeTag.circleMarker.color
|
|
2080
|
-
}, null, 8,
|
|
2083
|
+
}, null, 8, za)
|
|
2081
2084
|
])) : h("", !0)
|
|
2082
2085
|
])) : h("", !0),
|
|
2083
|
-
|
|
2084
|
-
], 14,
|
|
2085
|
-
t.$slots.watermark ? (r(), l("div",
|
|
2086
|
-
|
|
2086
|
+
G(t.$slots, "svg", { svg: e.svg }, void 0, !0)
|
|
2087
|
+
], 14, qe)) : h("", !0),
|
|
2088
|
+
t.$slots.watermark ? (r(), l("div", Ma, [
|
|
2089
|
+
G(t.$slots, "watermark", B(Y({ isPrinting: i.isPrinting || i.isImaging })), void 0, !0)
|
|
2087
2090
|
])) : h("", !0),
|
|
2088
|
-
e.isDataset ? h("", !0) : (r(),
|
|
2091
|
+
e.isDataset ? h("", !0) : (r(), R(L, {
|
|
2089
2092
|
key: 4,
|
|
2090
2093
|
config: {
|
|
2091
2094
|
type: "line",
|
|
@@ -2103,7 +2106,7 @@ function Ea(t, n, o, f, i, e) {
|
|
|
2103
2106
|
}
|
|
2104
2107
|
}
|
|
2105
2108
|
}, null, 8, ["config"])),
|
|
2106
|
-
e.FINAL_CONFIG.chart.zoom.show && i.maxX > 6 && e.isDataset ? (r(),
|
|
2109
|
+
e.FINAL_CONFIG.chart.zoom.show && i.maxX > 6 && e.isDataset ? (r(), R(M, {
|
|
2107
2110
|
ref: "chartSlicer",
|
|
2108
2111
|
key: `slicer_${i.slicerStep}`,
|
|
2109
2112
|
background: e.FINAL_CONFIG.chart.zoom.color,
|
|
@@ -2128,14 +2131,14 @@ function Ea(t, n, o, f, i, e) {
|
|
|
2128
2131
|
valueStart: i.slicer.start,
|
|
2129
2132
|
valueEnd: i.slicer.end,
|
|
2130
2133
|
start: i.slicer.start,
|
|
2131
|
-
"onUpdate:start":
|
|
2134
|
+
"onUpdate:start": s[2] || (s[2] = (a) => i.slicer.start = a),
|
|
2132
2135
|
end: i.slicer.end,
|
|
2133
|
-
"onUpdate:end":
|
|
2136
|
+
"onUpdate:end": s[3] || (s[3] = (a) => i.slicer.end = a),
|
|
2134
2137
|
onReset: e.refreshSlicer,
|
|
2135
2138
|
onTrapMouse: e.selectMinimapIndex
|
|
2136
2139
|
}, {
|
|
2137
|
-
"reset-action":
|
|
2138
|
-
|
|
2140
|
+
"reset-action": z(({ reset: a }) => [
|
|
2141
|
+
G(t.$slots, "reset-action", B(Y({ reset: a })), void 0, !0)
|
|
2139
2142
|
]),
|
|
2140
2143
|
_: 3
|
|
2141
2144
|
}, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "max", "valueStart", "valueEnd", "start", "end", "onReset", "onTrapMouse"])) : h("", !0),
|
|
@@ -2145,12 +2148,12 @@ function Ea(t, n, o, f, i, e) {
|
|
|
2145
2148
|
class: "vue-ui-xy-legend",
|
|
2146
2149
|
style: A(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
|
|
2147
2150
|
}, [
|
|
2148
|
-
(r(!0), l(
|
|
2151
|
+
(r(!0), l(m, null, I(e.absoluteDataset, (a, c) => (r(), l("div", {
|
|
2149
2152
|
key: `div_legend_item_${c}`,
|
|
2150
|
-
onClick: (
|
|
2151
|
-
class:
|
|
2153
|
+
onClick: (n) => e.segregate(a),
|
|
2154
|
+
class: P({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": i.segregatedSeries.includes(a.id) })
|
|
2152
2155
|
}, [
|
|
2153
|
-
i.icons[a.type] === "line" ? (r(), l("svg",
|
|
2156
|
+
i.icons[a.type] === "line" ? (r(), l("svg", Ta, [
|
|
2154
2157
|
u("rect", {
|
|
2155
2158
|
x: "0",
|
|
2156
2159
|
y: "7",
|
|
@@ -2159,8 +2162,8 @@ function Ea(t, n, o, f, i, e) {
|
|
|
2159
2162
|
height: "4",
|
|
2160
2163
|
width: "20",
|
|
2161
2164
|
fill: a.color
|
|
2162
|
-
}, null, 8,
|
|
2163
|
-
|
|
2165
|
+
}, null, 8, Va),
|
|
2166
|
+
X(f, {
|
|
2164
2167
|
plot: { x: 10, y: 9 },
|
|
2165
2168
|
radius: 4,
|
|
2166
2169
|
color: a.color,
|
|
@@ -2168,7 +2171,7 @@ function Ea(t, n, o, f, i, e) {
|
|
|
2168
2171
|
stroke: e.FINAL_CONFIG.chart.backgroundColor,
|
|
2169
2172
|
strokeWidth: 1
|
|
2170
2173
|
}, null, 8, ["color", "shape", "stroke"])
|
|
2171
|
-
])) : (r(), l("svg",
|
|
2174
|
+
])) : (r(), l("svg", Ra, [
|
|
2172
2175
|
i.icons[a.type] === "bar" ? (r(), l("rect", {
|
|
2173
2176
|
key: 0,
|
|
2174
2177
|
x: "0",
|
|
@@ -2178,7 +2181,7 @@ function Ea(t, n, o, f, i, e) {
|
|
|
2178
2181
|
width: "12",
|
|
2179
2182
|
stroke: "none",
|
|
2180
2183
|
fill: a.color
|
|
2181
|
-
}, null, 8,
|
|
2184
|
+
}, null, 8, Da)) : (r(), R(f, {
|
|
2182
2185
|
key: 1,
|
|
2183
2186
|
plot: { x: 6, y: 6 },
|
|
2184
2187
|
radius: 5,
|
|
@@ -2189,11 +2192,11 @@ function Ea(t, n, o, f, i, e) {
|
|
|
2189
2192
|
u("span", {
|
|
2190
2193
|
style: A(`color:${e.FINAL_CONFIG.chart.legend.color}`)
|
|
2191
2194
|
}, S(a.name), 5)
|
|
2192
|
-
], 10,
|
|
2193
|
-
], 4)) : (r(), l("div",
|
|
2194
|
-
|
|
2195
|
+
], 10, Pa))), 128))
|
|
2196
|
+
], 4)) : (r(), l("div", Wa, [
|
|
2197
|
+
G(t.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
|
|
2195
2198
|
], 512)),
|
|
2196
|
-
|
|
2199
|
+
X(w, {
|
|
2197
2200
|
show: i.mutableConfig.showTooltip && i.isTooltip,
|
|
2198
2201
|
backgroundColor: e.FINAL_CONFIG.chart.tooltip.backgroundColor,
|
|
2199
2202
|
color: e.FINAL_CONFIG.chart.tooltip.color,
|
|
@@ -2208,15 +2211,15 @@ function Ea(t, n, o, f, i, e) {
|
|
|
2208
2211
|
content: e.tooltipContent,
|
|
2209
2212
|
isCustom: e.FINAL_CONFIG.chart.tooltip.customFormat && typeof e.FINAL_CONFIG.chart.tooltip.customFormat == "function"
|
|
2210
2213
|
}, {
|
|
2211
|
-
"tooltip-before":
|
|
2212
|
-
|
|
2214
|
+
"tooltip-before": z(() => [
|
|
2215
|
+
G(t.$slots, "tooltip-before", B(Y({ ...e.dataTooltipSlot })), void 0, !0)
|
|
2213
2216
|
]),
|
|
2214
|
-
"tooltip-after":
|
|
2215
|
-
|
|
2217
|
+
"tooltip-after": z(() => [
|
|
2218
|
+
G(t.$slots, "tooltip-after", B(Y({ ...e.dataTooltipSlot })), void 0, !0)
|
|
2216
2219
|
]),
|
|
2217
2220
|
_: 3
|
|
2218
2221
|
}, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
|
|
2219
|
-
e.isDataset ? (r(),
|
|
2222
|
+
e.isDataset ? (r(), R(C, {
|
|
2220
2223
|
key: 8,
|
|
2221
2224
|
hideDetails: "",
|
|
2222
2225
|
config: {
|
|
@@ -2232,46 +2235,46 @@ function Ea(t, n, o, f, i, e) {
|
|
|
2232
2235
|
}
|
|
2233
2236
|
}
|
|
2234
2237
|
}, {
|
|
2235
|
-
content:
|
|
2238
|
+
content: z(() => [
|
|
2236
2239
|
u("div", {
|
|
2237
2240
|
style: A(`${i.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
|
|
2238
2241
|
}, [
|
|
2239
|
-
u("div",
|
|
2240
|
-
|
|
2242
|
+
u("div", Ha, [
|
|
2243
|
+
De(u("input", {
|
|
2241
2244
|
type: "checkbox",
|
|
2242
|
-
"onUpdate:modelValue":
|
|
2245
|
+
"onUpdate:modelValue": s[4] || (s[4] = (a) => i.showSparklineTable = a)
|
|
2243
2246
|
}, null, 512), [
|
|
2244
|
-
[
|
|
2247
|
+
[We, i.showSparklineTable]
|
|
2245
2248
|
]),
|
|
2246
2249
|
u("div", {
|
|
2247
|
-
onClick:
|
|
2250
|
+
onClick: s[5] || (s[5] = (a) => i.showSparklineTable = !i.showSparklineTable),
|
|
2248
2251
|
style: { cursor: "pointer" }
|
|
2249
2252
|
}, [
|
|
2250
|
-
|
|
2253
|
+
X(p, {
|
|
2251
2254
|
name: "chartLine",
|
|
2252
2255
|
size: 20,
|
|
2253
2256
|
stroke: e.FINAL_CONFIG.chart.color
|
|
2254
2257
|
}, null, 8, ["stroke"])
|
|
2255
2258
|
])
|
|
2256
2259
|
]),
|
|
2257
|
-
i.showSparklineTable ? (r(),
|
|
2260
|
+
i.showSparklineTable ? (r(), R(v, {
|
|
2258
2261
|
key: `sparkline_${i.segregateStep}`,
|
|
2259
2262
|
dataset: e.tableSparklineDataset,
|
|
2260
2263
|
config: e.tableSparklineConfig
|
|
2261
|
-
}, null, 8, ["dataset", "config"])) : (r(),
|
|
2264
|
+
}, null, 8, ["dataset", "config"])) : (r(), R(F, {
|
|
2262
2265
|
key: `table_${i.tableStep}`,
|
|
2263
2266
|
colNames: e.dataTable.colNames,
|
|
2264
2267
|
head: e.dataTable.head,
|
|
2265
2268
|
body: e.dataTable.body,
|
|
2266
2269
|
config: e.dataTable.config,
|
|
2267
2270
|
title: `${e.FINAL_CONFIG.chart.title.text}${e.FINAL_CONFIG.chart.title.subtitle.text ? ` : ${e.FINAL_CONFIG.chart.title.subtitle.text}` : ""}`,
|
|
2268
|
-
onClose:
|
|
2271
|
+
onClose: s[6] || (s[6] = (a) => i.mutableConfig.showTable = !1)
|
|
2269
2272
|
}, {
|
|
2270
|
-
th:
|
|
2271
|
-
u("div", { innerHTML: a }, null, 8,
|
|
2273
|
+
th: z(({ th: a }) => [
|
|
2274
|
+
u("div", { innerHTML: a }, null, 8, Ea)
|
|
2272
2275
|
]),
|
|
2273
|
-
td:
|
|
2274
|
-
|
|
2276
|
+
td: z(({ td: a }) => [
|
|
2277
|
+
He(S(isNaN(Number(a)) ? a : e.dataLabel({
|
|
2275
2278
|
p: e.FINAL_CONFIG.chart.labels.prefix,
|
|
2276
2279
|
v: a,
|
|
2277
2280
|
s: e.FINAL_CONFIG.chart.labels.suffix,
|
|
@@ -2284,9 +2287,9 @@ function Ea(t, n, o, f, i, e) {
|
|
|
2284
2287
|
]),
|
|
2285
2288
|
_: 1
|
|
2286
2289
|
}, 8, ["config"])) : h("", !0)
|
|
2287
|
-
], 14,
|
|
2290
|
+
], 14, Xe);
|
|
2288
2291
|
}
|
|
2289
|
-
const
|
|
2292
|
+
const li = /* @__PURE__ */ Ee(Ye, [["render", Ba], ["__scopeId", "data-v-0b37e892"]]);
|
|
2290
2293
|
export {
|
|
2291
|
-
|
|
2294
|
+
li as default
|
|
2292
2295
|
};
|