vue-data-ui 2.13.1 → 2.13.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Arrow-DkQ7YpEa.js → Arrow-BE9mfJkL.js} +1 -1
- package/dist/{BaseDraggableDialog-BhmQ8pEq.js → BaseDraggableDialog-B9pXvCsc.js} +2 -2
- package/dist/{BaseIcon-BfuPFs8T.js → BaseIcon-5s68maMg.js} +1 -1
- package/dist/{ColorPicker-BdtsaeeP.js → ColorPicker-BGBMbOup.js} +2 -2
- package/dist/{DataTable-YYJ-yyLu.js → DataTable-C8F2aovs.js} +2 -2
- package/dist/{Legend-g_KCAYVt.js → Legend-CoAmfx-7.js} +2 -2
- package/dist/{NonSvgPenAndPaper-pVF9pAiU.js → NonSvgPenAndPaper-DqqOehOr.js} +3 -3
- package/dist/{PackageVersion-BRa0E-Tl.js → PackageVersion-BP504Bvs.js} +1 -1
- package/dist/{PenAndPaper-BMzxjn_J.js → PenAndPaper-CXfm6LDW.js} +3 -3
- package/dist/{Shape-Q_D8wuyt.js → Shape-CbwWTjj8.js} +1 -1
- package/dist/{Slicer-BGlJdxcw.js → Slicer-BNnP0Y2C.js} +2 -2
- package/dist/{SparkTooltip-B6WNh8Fj.js → SparkTooltip-HSZVAB1L.js} +1 -1
- package/dist/{Title-CNIn3gob.js → Title-VtPtUhFq.js} +1 -1
- package/dist/{Tooltip-TKMv0Pl-.js → Tooltip-Buu8aWuU.js} +1 -1
- package/dist/{UserOptions-D5gbyeqU.js → UserOptions-7VcV_QUc.js} +2 -2
- package/dist/{dom-to-png-Dr-cJuZz.js → dom-to-png-BjOvlJis.js} +1 -1
- package/dist/{img-B7q7dUf_.js → img-ClKzlGeA.js} +1 -1
- package/dist/{index-BZQim6fG.js → index-edeP1M3x.js} +1 -1
- package/dist/{pdf-BD9-5FCa.js → pdf-2Tyxymwm.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/{useNestedProp-uucfkRLS.js → useNestedProp-RNi-Fxfm.js} +1 -1
- package/dist/{usePrinter-RRIjzPPf.js → usePrinter-B3nKJKAm.js} +2 -2
- package/dist/{vue-data-ui-Cn2TOaYQ.js → vue-data-ui-BfYXPWao.js} +63 -63
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-p9HDKMEc.js → vue-ui-3d-bar-4eGejORW.js} +5 -5
- package/dist/{vue-ui-accordion-CgfdUzIB.js → vue-ui-accordion-C4DquMtU.js} +3 -3
- package/dist/{vue-ui-age-pyramid-BBtUCUmw.js → vue-ui-age-pyramid-Dvrd6Gun.js} +5 -5
- package/dist/{vue-ui-annotator-BqFIgXPN.js → vue-ui-annotator-Db5OBDjC.js} +2 -2
- package/dist/{vue-ui-bullet-BxyMa1GR.js → vue-ui-bullet-BlT3571K.js} +6 -6
- package/dist/{vue-ui-candlestick-DhCAyh2w.js → vue-ui-candlestick-0aDroQCS.js} +6 -6
- package/dist/{vue-ui-carousel-table-CQCXm5Nx.js → vue-ui-carousel-table-Dav_41vI.js} +4 -4
- package/dist/{vue-ui-chestnut-DwU2fbwg.js → vue-ui-chestnut-CosLSi7b.js} +4 -4
- package/dist/{vue-ui-chord-CdIKnzix.js → vue-ui-chord-BxHp31c3.js} +7 -7
- package/dist/{vue-ui-circle-pack-S7XXJhmp.js → vue-ui-circle-pack-BVbRVfDq.js} +5 -5
- package/dist/{vue-ui-cursor-BLlCNFMO.js → vue-ui-cursor-ByPGYWlO.js} +2 -2
- package/dist/{vue-ui-dashboard-BubRviXL.js → vue-ui-dashboard-cC6brbws.js} +62 -62
- package/dist/{vue-ui-digits-C2i9qwQ-.js → vue-ui-digits-Bb-6Adj7.js} +2 -2
- package/dist/{vue-ui-donut-eZVcWiU0.js → vue-ui-donut-B3WltwRF.js} +7 -7
- package/dist/{vue-ui-donut-evolution-fjPFuNUi.js → vue-ui-donut-evolution-21zgSmm1.js} +7 -7
- package/dist/{vue-ui-dumbbell-BYnvSsU0.js → vue-ui-dumbbell-BRRWW41S.js} +6 -6
- package/dist/{vue-ui-flow-CT4Wpq-k.js → vue-ui-flow-1nJK3SOO.js} +6 -6
- package/dist/{vue-ui-funnel-Cyd8PsfJ.js → vue-ui-funnel-Bo78n4pQ.js} +5 -5
- package/dist/{vue-ui-galaxy-Bn5ehmc8.js → vue-ui-galaxy-DViqZ_WR.js} +4 -4
- package/dist/{vue-ui-gauge-DPZiZILN.js → vue-ui-gauge-B_8skcc5.js} +5 -5
- package/dist/{vue-ui-gizmo-DpAAC-YA.js → vue-ui-gizmo-B06tu-EV.js} +3 -3
- package/dist/{vue-ui-heatmap-DwWuJ6tP.js → vue-ui-heatmap-9cZQCsYz.js} +6 -6
- package/dist/{vue-ui-history-plot-B8L0p4Kb.js → vue-ui-history-plot-q9GGP9lk.js} +6 -6
- package/dist/{vue-ui-kpi-db48bQHM.js → vue-ui-kpi-D6hwxL-7.js} +3 -3
- package/dist/{vue-ui-mini-loader-GfKEECT7.js → vue-ui-mini-loader-5K1b5iwf.js} +2 -2
- package/dist/{vue-ui-molecule-BAdDmM2z.js → vue-ui-molecule-CZJZM3v3.js} +4 -4
- package/dist/{vue-ui-mood-radar--iKTd1_J.js → vue-ui-mood-radar-B4ysiT_U.js} +6 -6
- package/dist/{vue-ui-nested-donuts-BlqnJ09C.js → vue-ui-nested-donuts-Bp4pT3D5.js} +6 -6
- package/dist/{vue-ui-onion-ocji5Uen.js → vue-ui-onion-BnCFgrkZ.js} +6 -6
- package/dist/{vue-ui-parallel-coordinate-plot-CxNWFvu2.js → vue-ui-parallel-coordinate-plot-B_BhXrKI.js} +7 -7
- package/dist/{vue-ui-quadrant-8vLXpbm2.js → vue-ui-quadrant-GclnmYO6.js} +7 -7
- package/dist/{vue-ui-quick-chart-Dr1AMOIx.js → vue-ui-quick-chart-CFaBCkfP.js} +5 -5
- package/dist/{vue-ui-radar-CCqmaelN.js → vue-ui-radar-BA45g7F0.js} +6 -6
- package/dist/{vue-ui-rating-R7WvjZWR.js → vue-ui-rating-hTWz-pBq.js} +2 -2
- package/dist/{vue-ui-relation-circle-CmEMFMxW.js → vue-ui-relation-circle-CkOaN_CX.js} +5 -5
- package/dist/{vue-ui-ridgeline-LvPBPrxv.js → vue-ui-ridgeline-B2BIUDB-.js} +7 -7
- package/dist/{vue-ui-rings-D2bW3v_E.js → vue-ui-rings-CSO7Zd_g.js} +7 -7
- package/dist/{vue-ui-scatter-IfMt2ZDu.js → vue-ui-scatter-17gG4jRb.js} +7 -7
- package/dist/{vue-ui-skeleton-BmsERVg2.js → vue-ui-skeleton-EoGn9JbB.js} +3 -3
- package/dist/{vue-ui-smiley-VyI_i1wG.js → vue-ui-smiley-C_HkNW2f.js} +2 -2
- package/dist/{vue-ui-spark-trend-Dlnhwyg2.js → vue-ui-spark-trend-AXaOXuBl.js} +3 -3
- package/dist/{vue-ui-sparkbar-CQgnl6zN.js → vue-ui-sparkbar-DWZCWNKx.js} +3 -3
- package/dist/{vue-ui-sparkgauge-Do9F7iI4.js → vue-ui-sparkgauge-BZVcBexd.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-bDHfyinw.js → vue-ui-sparkhistogram-BrCxiefW.js} +4 -4
- package/dist/{vue-ui-sparkline-DIifly3S.js → vue-ui-sparkline-CFwBsRfj.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-9m0bTPs3.js → vue-ui-sparkstackbar-bwY9BxUo.js} +3 -3
- package/dist/{vue-ui-stackbar-ChMYr6rV.js → vue-ui-stackbar-Bgc7lS0v.js} +8 -8
- package/dist/{vue-ui-strip-plot-CvXJDWx2.js → vue-ui-strip-plot-C02lCys6.js} +6 -6
- package/dist/{vue-ui-table-UUa5krMd.js → vue-ui-table-C04CtiEi.js} +3 -3
- package/dist/{vue-ui-table-heatmap-BPIh36KA.js → vue-ui-table-heatmap-IERP9tp0.js} +5 -5
- package/dist/{vue-ui-table-sparkline-CHozVChW.js → vue-ui-table-sparkline-CgXchDEY.js} +4 -4
- package/dist/{vue-ui-thermometer-4nMaydme.js → vue-ui-thermometer-lf9mJ8LP.js} +5 -5
- package/dist/{vue-ui-timer-GRlx3coZ.js → vue-ui-timer-BZLtxymy.js} +5 -5
- package/dist/{vue-ui-tiremarks-BRGlPAmX.js → vue-ui-tiremarks-Cu1TXwev.js} +5 -5
- package/dist/{vue-ui-treemap-CXwpJpg9.js → vue-ui-treemap-BVyxf-77.js} +7 -7
- package/dist/{vue-ui-vertical-bar-Cb1kBSz1.js → vue-ui-vertical-bar-C_euYHER.js} +8 -8
- package/dist/{vue-ui-waffle-DcuxawEG.js → vue-ui-waffle-BW6LSfBe.js} +7 -7
- package/dist/{vue-ui-wheel-DQS3KHbb.js → vue-ui-wheel-DoARpgpJ.js} +5 -5
- package/dist/{vue-ui-word-cloud-mV2B5wM5.js → vue-ui-word-cloud-BVmpg5X_.js} +5 -5
- package/dist/{vue-ui-world-CTIuQodw.js → vue-ui-world-DzbMOJbm.js} +5 -5
- package/dist/{vue-ui-xy-BSI9-Dne.js → vue-ui-xy-DD5417b2.js} +126 -125
- package/dist/{vue-ui-xy-canvas-BrmoHvTC.js → vue-ui-xy-canvas-9m7qMGHS.js} +7 -7
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { Q as H, Z, a7 as te, a8 as j, a9 as le, aa as re, ab as ae, ac as ie, ad as se, c as Q, A as ne, F as ce, w as oe, s as he, o as ue, a1 as de, ae as ge, x as fe, C as Ie, y as Ne, a6 as xe, e as me, r as be, f as $, af as Fe, T as _e, U as ye, q as Ae, b as Le, z as Ce, d as Se, ag as ke, v as we, ah as Oe, D as Ge, a4 as ve, ai as pe, i as Me, G as ze, K as Te, u as Pe, p as Ve, B as Re, a as He, t as De } from "./index-
|
|
1
|
+
import { Q as H, Z, a7 as te, a8 as j, a9 as le, aa as re, ab as ae, ac as ie, ad as se, c as Q, A as ne, F as ce, w as oe, s as he, o as ue, a1 as de, ae as ge, x as fe, C as Ie, y as Ne, a6 as xe, e as me, r as be, f as $, af as Fe, T as _e, U as ye, q as Ae, b as Le, z as Ce, d as Se, ag as ke, v as we, ah as Oe, D as Ge, a4 as ve, ai as pe, i as Me, G as ze, K as Te, u as Pe, p as Ve, B as Re, a as He, t as De } from "./index-edeP1M3x.js";
|
|
2
2
|
import { u as We } from "./useMouse-AicQS8Vf.js";
|
|
3
|
-
import { u as J } from "./useNestedProp-
|
|
4
|
-
import { defineAsyncComponent as B, resolveComponent as R, createElementBlock as i, openBlock as a, normalizeStyle as
|
|
5
|
-
import { S as Xe } from "./Slicer-
|
|
6
|
-
import Ue from "./Title-
|
|
7
|
-
import { _ as Ze } from "./Shape-
|
|
3
|
+
import { u as J } from "./useNestedProp-RNi-Fxfm.js";
|
|
4
|
+
import { defineAsyncComponent as B, resolveComponent as R, createElementBlock as i, openBlock as a, normalizeStyle as A, normalizeClass as E, createBlock as W, createCommentVNode as u, createVNode as U, createSlots as Be, withCtx as V, renderSlot as p, normalizeProps as Y, guardReactiveProps as q, createElementVNode as f, Fragment as d, renderList as I, toDisplayString as T, mergeProps as K, withDirectives as Ee, vModelCheckbox as Ye, createTextVNode as qe } from "vue";
|
|
5
|
+
import { S as Xe } from "./Slicer-BNnP0Y2C.js";
|
|
6
|
+
import Ue from "./Title-VtPtUhFq.js";
|
|
7
|
+
import { _ as Ze } from "./Shape-CbwWTjj8.js";
|
|
8
8
|
import { _ as Je } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
9
9
|
const Ke = Q(), Qe = {
|
|
10
10
|
name: "vue-ui-xy",
|
|
@@ -28,15 +28,15 @@ const Ke = Q(), Qe = {
|
|
|
28
28
|
Title: Ue,
|
|
29
29
|
// Must be ready in responsive mode
|
|
30
30
|
Shape: Ze,
|
|
31
|
-
DataTable: B(() => import("./DataTable-
|
|
32
|
-
Tooltip: B(() => import("./Tooltip-
|
|
33
|
-
UserOptions: B(() => import("./UserOptions-
|
|
34
|
-
BaseIcon: B(() => import("./BaseIcon-
|
|
35
|
-
TableSparkline: B(() => import("./vue-ui-table-sparkline-
|
|
36
|
-
Skeleton: B(() => import("./vue-ui-skeleton-
|
|
37
|
-
Accordion: B(() => import("./vue-ui-accordion-
|
|
38
|
-
PackageVersion: B(() => import("./PackageVersion-
|
|
39
|
-
PenAndPaper: B(() => import("./PenAndPaper-
|
|
31
|
+
DataTable: B(() => import("./DataTable-C8F2aovs.js")),
|
|
32
|
+
Tooltip: B(() => import("./Tooltip-Buu8aWuU.js")),
|
|
33
|
+
UserOptions: B(() => import("./UserOptions-7VcV_QUc.js")),
|
|
34
|
+
BaseIcon: B(() => import("./BaseIcon-5s68maMg.js")),
|
|
35
|
+
TableSparkline: B(() => import("./vue-ui-table-sparkline-CgXchDEY.js")),
|
|
36
|
+
Skeleton: B(() => import("./vue-ui-skeleton-EoGn9JbB.js")),
|
|
37
|
+
Accordion: B(() => import("./vue-ui-accordion-C4DquMtU.js")),
|
|
38
|
+
PackageVersion: B(() => import("./PackageVersion-BP504Bvs.js")),
|
|
39
|
+
PenAndPaper: B(() => import("./PenAndPaper-CXfm6LDW.js"))
|
|
40
40
|
},
|
|
41
41
|
data() {
|
|
42
42
|
this.dataset.forEach((g, r) => {
|
|
@@ -375,26 +375,26 @@ const Ke = Q(), Qe = {
|
|
|
375
375
|
return this.activeSeriesWithStackRatios.filter((t) => t.type === "bar").map((t, n) => {
|
|
376
376
|
this.checkAutoScaleError(t);
|
|
377
377
|
const o = this.scaleGroups[t.scaleLabel].min, g = this.scaleGroups[t.scaleLabel].max;
|
|
378
|
-
t.absoluteValues.filter((
|
|
378
|
+
t.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - o) / (g - o));
|
|
379
379
|
const r = {
|
|
380
380
|
valueMin: o,
|
|
381
381
|
valueMax: g < 0 ? 0 : g
|
|
382
382
|
}, e = {
|
|
383
383
|
max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
|
|
384
|
-
min: t.scaleMin || Math.min(...t.absoluteValues.filter((
|
|
385
|
-
}, b = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, x = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(e.min, e.max === e.min ? e.max * m : e.max, b) : this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * m : e.max, b), S = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * m : r.valueMax, b) : this.calculateNiceScaleWithExactExtremes(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * m : r.valueMax, b), k = x.min >= 0 ? 0 : Math.abs(x.min), w = 0,
|
|
386
|
-
const X = this.mutableConfig.useIndividualScale ? (t.absoluteValues[z] + k) /
|
|
384
|
+
min: t.scaleMin || Math.min(...t.absoluteValues.filter((y) => ![void 0, null].includes(y))) > 0 ? 0 : Math.min(...t.absoluteValues.filter((y) => ![null, void 0].includes(y)))
|
|
385
|
+
}, b = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, x = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(e.min, e.max === e.min ? e.max * m : e.max, b) : this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * m : e.max, b), S = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * m : r.valueMax, b) : this.calculateNiceScaleWithExactExtremes(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * m : r.valueMax, b), k = x.min >= 0 ? 0 : Math.abs(x.min), w = 0, G = x.max + k, N = S.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, O = this.drawingArea.bottom - F - C * k / G, M = this.drawingArea.bottom - F - C * w / N, l = this.absoluteDataset.filter((y) => y.type === "bar").filter((y) => !this.segregatedSeries.includes(y.id)).length, c = t.series.map((y, z) => {
|
|
386
|
+
const X = this.mutableConfig.useIndividualScale ? (t.absoluteValues[z] + k) / G : this.ratioToMax(y), D = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * z : this.drawingArea.left + this.slot.bar * n + this.slot.bar * z * l - this.barSlot / 2 - n * this.barPeriodGap;
|
|
387
387
|
return {
|
|
388
388
|
yOffset: this.checkNaN(F),
|
|
389
389
|
individualHeight: this.checkNaN(C),
|
|
390
390
|
x: this.checkNaN(D),
|
|
391
391
|
y: this.drawingArea.bottom - F - C * X,
|
|
392
392
|
value: t.absoluteValues[z],
|
|
393
|
-
zeroPosition: this.checkNaN(
|
|
394
|
-
individualMax: this.checkNaN(
|
|
393
|
+
zeroPosition: this.checkNaN(O),
|
|
394
|
+
individualMax: this.checkNaN(G),
|
|
395
395
|
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[z] || ""
|
|
396
396
|
};
|
|
397
|
-
}), s = t.absoluteValues.map((
|
|
397
|
+
}), s = t.absoluteValues.map((y) => S.min >= 0 ? (y - Math.abs(S.min)) / (S.max - Math.abs(S.min)) : (y + Math.abs(S.min)) / (S.max + Math.abs(S.min))), h = t.series.map((y, z) => {
|
|
398
398
|
const X = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * z : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * n + this.slot.bar * z * this.absoluteDataset.filter((D) => D.type === "bar").filter((D) => !this.segregatedSeries.includes(D.id)).length;
|
|
399
399
|
return {
|
|
400
400
|
yOffset: this.checkNaN(F),
|
|
@@ -402,35 +402,35 @@ const Ke = Q(), Qe = {
|
|
|
402
402
|
x: this.checkNaN(X),
|
|
403
403
|
y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(C) * s[z] || 0)),
|
|
404
404
|
value: t.absoluteValues[z],
|
|
405
|
-
zeroPosition: this.checkNaN(
|
|
406
|
-
individualMax: this.checkNaN(
|
|
405
|
+
zeroPosition: this.checkNaN(O),
|
|
406
|
+
individualMax: this.checkNaN(G),
|
|
407
407
|
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[z] || ""
|
|
408
408
|
};
|
|
409
|
-
}),
|
|
410
|
-
y:
|
|
411
|
-
value:
|
|
409
|
+
}), L = x.ticks.map((y) => ({
|
|
410
|
+
y: y >= 0 ? O - C * (y / G) : O + C * Math.abs(y) / G,
|
|
411
|
+
value: y,
|
|
412
412
|
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
413
413
|
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
414
414
|
datapoint: t
|
|
415
|
-
})), v = S.ticks.map((
|
|
416
|
-
const z = (
|
|
415
|
+
})), v = S.ticks.map((y) => {
|
|
416
|
+
const z = (y - S.min) / (S.max - S.min);
|
|
417
417
|
return {
|
|
418
|
-
y:
|
|
419
|
-
value:
|
|
418
|
+
y: y >= 0 ? M - C * z : M + C * z,
|
|
419
|
+
value: y,
|
|
420
420
|
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
421
421
|
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
422
422
|
datapoint: t
|
|
423
423
|
};
|
|
424
424
|
});
|
|
425
|
-
return this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? v :
|
|
425
|
+
return this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? v : L, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? M : O, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? N : G, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = F, this.scaleGroups[t.scaleLabel].individualHeight = C, this.scaleGroups[t.scaleLabel].autoScaleYLabels = v, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((y) => y.scaleLabel === t.scaleLabel).length === 1, {
|
|
426
426
|
...t,
|
|
427
427
|
yOffset: F,
|
|
428
428
|
autoScaleYLabels: v,
|
|
429
429
|
individualHeight: C,
|
|
430
|
-
scaleYLabels: t.autoScaling ? v :
|
|
430
|
+
scaleYLabels: t.autoScaling ? v : L,
|
|
431
431
|
individualScale: t.autoScaling ? S : x,
|
|
432
|
-
individualMax: t.autoScaling ? N :
|
|
433
|
-
zeroPosition: t.autoScaling ? M :
|
|
432
|
+
individualMax: t.autoScaling ? N : G,
|
|
433
|
+
zeroPosition: t.autoScaling ? M : O,
|
|
434
434
|
plots: t.autoScaling ? h : c,
|
|
435
435
|
groupId: this.scaleGroups[t.scaleLabel].groupId
|
|
436
436
|
};
|
|
@@ -447,7 +447,7 @@ const Ke = Q(), Qe = {
|
|
|
447
447
|
}, r = {
|
|
448
448
|
max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
|
|
449
449
|
min: t.scaleMin || (Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues))
|
|
450
|
-
}, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, m = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.min, r.max === r.min ? r.max * b : r.max, e) : this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * b : r.max, e), x = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(g.valueMin, g.valueMax === g.valueMin ? g.valueMax * b : g.valueMax, e) : this.calculateNiceScaleWithExactExtremes(g.valueMin, g.valueMax === g.valueMin ? g.valueMax * b : g.valueMax, e), S = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, w = m.max + Math.abs(S),
|
|
450
|
+
}, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, m = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.min, r.max === r.min ? r.max * b : r.max, e) : this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * b : r.max, e), x = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(g.valueMin, g.valueMax === g.valueMin ? g.valueMax * b : g.valueMax, e) : this.calculateNiceScaleWithExactExtremes(g.valueMin, g.valueMax === g.valueMin ? g.valueMax * b : g.valueMax, e), S = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, w = m.max + Math.abs(S), G = x.max + Math.abs(k), N = 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 - N - F * S / w, O = this.drawingArea.bottom - N - F * k / G, M = t.series.map((_, P) => {
|
|
451
451
|
const ee = this.mutableConfig.useIndividualScale ? (t.absoluteValues[P] + Math.abs(S)) / w : this.ratioToMax(_);
|
|
452
452
|
return {
|
|
453
453
|
x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * P),
|
|
@@ -465,7 +465,7 @@ const Ke = Q(), Qe = {
|
|
|
465
465
|
y: this.checkNaN(this.drawingArea.bottom - N - (F * l[P] || 0)),
|
|
466
466
|
value: t.absoluteValues[P],
|
|
467
467
|
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[P] || ""
|
|
468
|
-
}), s = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(M) : this.createSmoothPath(M.filter((_) => _.value !== null)), h = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(c) : this.createSmoothPath(c.filter((_) => _.value !== null)),
|
|
468
|
+
}), s = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(M) : this.createSmoothPath(M.filter((_) => _.value !== null)), h = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(c) : this.createSmoothPath(c.filter((_) => _.value !== null)), L = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(M) : this.createStraightPath(M.filter((_) => _.value !== null)), v = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(c) : this.createStraightPath(c.filter((_) => _.value !== null)), y = m.ticks.map((_) => ({
|
|
469
469
|
y: _ >= 0 ? C - F * (_ / w) : C + F * Math.abs(_) / w,
|
|
470
470
|
value: _,
|
|
471
471
|
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
@@ -474,24 +474,24 @@ const Ke = Q(), Qe = {
|
|
|
474
474
|
})), z = x.ticks.map((_) => {
|
|
475
475
|
const P = (_ - x.min) / (x.max - x.min);
|
|
476
476
|
return {
|
|
477
|
-
y: _ >= 0 ?
|
|
477
|
+
y: _ >= 0 ? O - F * P : O + F * P,
|
|
478
478
|
value: _,
|
|
479
479
|
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
480
480
|
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
481
481
|
datapoint: t
|
|
482
482
|
};
|
|
483
483
|
});
|
|
484
|
-
this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? z :
|
|
485
|
-
const X = this.mutableConfig.useIndividualScale ? t.autoScaling ?
|
|
484
|
+
this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? z : y, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? O : C, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? G : w, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = N, this.scaleGroups[t.scaleLabel].individualHeight = F, this.scaleGroups[t.scaleLabel].autoScaleYLabels = z, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((_) => _.scaleLabel === t.scaleLabel).length === 1;
|
|
485
|
+
const X = this.mutableConfig.useIndividualScale ? t.autoScaling ? O : C : this.zero, D = Math.max(Math.max(t.autoScaling ? O : y.at(-1).y || 0, this.drawingArea.top), X);
|
|
486
486
|
return {
|
|
487
487
|
...t,
|
|
488
488
|
yOffset: N,
|
|
489
489
|
autoScaleYLabels: z,
|
|
490
490
|
individualHeight: F,
|
|
491
|
-
scaleYLabels: t.autoScaling ? z :
|
|
491
|
+
scaleYLabels: t.autoScaling ? z : y,
|
|
492
492
|
individualScale: t.autoScaling ? x : m,
|
|
493
|
-
individualMax: t.autoScaling ?
|
|
494
|
-
zeroPosition: t.autoScaling ?
|
|
493
|
+
individualMax: t.autoScaling ? G : w,
|
|
494
|
+
zeroPosition: t.autoScaling ? O : C,
|
|
495
495
|
curve: t.autoScaling ? h : s,
|
|
496
496
|
plots: t.autoScaling ? c : M,
|
|
497
497
|
area: t.useArea ? this.mutableConfig.useIndividualScale ? this.FINAL_CONFIG.line.cutNullValues ? this.createIndividualAreaWithCuts(
|
|
@@ -506,7 +506,7 @@ const Ke = Q(), Qe = {
|
|
|
506
506
|
D,
|
|
507
507
|
this.FINAL_CONFIG.line.cutNullValues
|
|
508
508
|
) : [],
|
|
509
|
-
straight: t.autoScaling ? v :
|
|
509
|
+
straight: t.autoScaling ? v : L,
|
|
510
510
|
groupId: this.scaleGroups[t.scaleLabel].groupId
|
|
511
511
|
};
|
|
512
512
|
});
|
|
@@ -515,51 +515,51 @@ const Ke = Q(), Qe = {
|
|
|
515
515
|
return this.activeSeriesWithStackRatios.filter((t) => t.type === "plot").map((t) => {
|
|
516
516
|
this.checkAutoScaleError(t);
|
|
517
517
|
const n = this.scaleGroups[t.scaleLabel].min, o = this.scaleGroups[t.scaleLabel].max;
|
|
518
|
-
t.absoluteValues.filter((
|
|
518
|
+
t.absoluteValues.filter((L) => ![null, void 0].includes(L)).map((L) => (L - n) / (o - n));
|
|
519
519
|
const g = {
|
|
520
520
|
valueMin: n,
|
|
521
521
|
valueMax: o
|
|
522
522
|
}, r = {
|
|
523
523
|
max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
|
|
524
524
|
min: t.scaleMin || Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues)
|
|
525
|
-
}, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * b : r.max, e), x = this.calculateNiceScaleWithExactExtremes(g.valueMin, g.valueMax === g.valueMin ? g.valueMax * b : g.valueMax, e), S = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, w = m.max + S,
|
|
526
|
-
const
|
|
525
|
+
}, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * b : r.max, e), x = this.calculateNiceScaleWithExactExtremes(g.valueMin, g.valueMax === g.valueMin ? g.valueMax * b : g.valueMax, e), S = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, w = m.max + S, G = x.max + Math.abs(k), N = 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 - N - F * S / w, O = this.drawingArea.bottom - N - F * k / G, M = t.series.map((L, v) => {
|
|
526
|
+
const y = this.mutableConfig.useIndividualScale ? (t.absoluteValues[v] + Math.abs(S)) / w : this.ratioToMax(L);
|
|
527
527
|
return {
|
|
528
528
|
x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * v),
|
|
529
|
-
y: this.checkNaN(this.drawingArea.bottom - N - F *
|
|
529
|
+
y: this.checkNaN(this.drawingArea.bottom - N - F * y),
|
|
530
530
|
value: t.absoluteValues[v],
|
|
531
531
|
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[v] || ""
|
|
532
532
|
};
|
|
533
|
-
}), l = t.absoluteValues.map((
|
|
533
|
+
}), l = t.absoluteValues.map((L) => x.min >= 0 ? (L - Math.abs(x.min)) / (x.max - Math.abs(x.min)) : (L + Math.abs(x.min)) / (x.max + Math.abs(x.min))), c = t.series.map((L, v) => ({
|
|
534
534
|
x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * v),
|
|
535
535
|
y: this.checkNaN(this.drawingArea.bottom - N - (F * l[v] || 0)),
|
|
536
536
|
value: t.absoluteValues[v],
|
|
537
537
|
comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[v] || ""
|
|
538
|
-
})), s = m.ticks.map((
|
|
539
|
-
y:
|
|
540
|
-
value:
|
|
538
|
+
})), s = m.ticks.map((L) => ({
|
|
539
|
+
y: L >= 0 ? C - F * (L / w) : C + F * Math.abs(L) / w,
|
|
540
|
+
value: L,
|
|
541
541
|
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
542
542
|
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
543
543
|
datapoint: t
|
|
544
|
-
})), h = x.ticks.map((
|
|
545
|
-
const v = (
|
|
544
|
+
})), h = x.ticks.map((L) => {
|
|
545
|
+
const v = (L - x.min) / (x.max - x.min);
|
|
546
546
|
return {
|
|
547
|
-
y:
|
|
548
|
-
value:
|
|
547
|
+
y: L >= 0 ? O - F * v : O + F * v,
|
|
548
|
+
value: L,
|
|
549
549
|
prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
|
|
550
550
|
suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
|
|
551
551
|
datapoint: t
|
|
552
552
|
};
|
|
553
553
|
});
|
|
554
|
-
return this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? h : s, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ?
|
|
554
|
+
return this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? h : s, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? O : C, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? G : w, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = N, this.scaleGroups[t.scaleLabel].individualHeight = F, this.scaleGroups[t.scaleLabel].autoScaleYLabels = h, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((L) => L.scaleLabel === t.scaleLabel).length === 1, {
|
|
555
555
|
...t,
|
|
556
556
|
yOffset: N,
|
|
557
557
|
autoScaleYLabels: h,
|
|
558
558
|
individualHeight: F,
|
|
559
559
|
scaleYLabels: t.autoScaling ? h : s,
|
|
560
560
|
individualScale: t.autoScaling ? x : m,
|
|
561
|
-
individualMax: t.autoScaling ?
|
|
562
|
-
zeroPosition: t.autoScaling ?
|
|
561
|
+
individualMax: t.autoScaling ? G : w,
|
|
562
|
+
zeroPosition: t.autoScaling ? O : C,
|
|
563
563
|
plots: t.autoScaling ? c : M,
|
|
564
564
|
groupId: this.scaleGroups[t.scaleLabel].groupId
|
|
565
565
|
};
|
|
@@ -807,25 +807,26 @@ const Ke = Q(), Qe = {
|
|
|
807
807
|
return r - w * e;
|
|
808
808
|
};
|
|
809
809
|
return n.map((k) => {
|
|
810
|
-
const { yAxis: { yTop: w, yBottom:
|
|
810
|
+
const { yAxis: { yTop: w, yBottom: G, label: N } } = k, F = w != null && G != null && w !== G, C = w == null ? null : S(w), O = G == null ? null : S(G), M = this.getTextMeasurer(N.fontSize);
|
|
811
811
|
M.font = `${N.fontSize}px sans-serif`;
|
|
812
|
-
const l = M.measureText(N.text).width, c = N.fontSize, s = (N.position === "start" ? o + N.padding.left : g - N.padding.right) + N.offsetX,
|
|
812
|
+
const l = M.measureText(N.text).width, c = N.fontSize, s = (N.position === "start" ? o + N.padding.left : g - N.padding.right) + N.offsetX, L = (C != null && O != null ? Math.min(C, O) : C ?? O) - N.fontSize / 3 + N.offsetY - N.padding.top;
|
|
813
813
|
let v;
|
|
814
814
|
N.textAnchor === "middle" ? v = s - l / 2 - N.padding.left : N.textAnchor === "end" ? v = s - l - N.padding.right : v = s - N.padding.left;
|
|
815
|
-
const
|
|
815
|
+
const y = L - c * 0.75 - N.padding.top;
|
|
816
816
|
return {
|
|
817
|
+
show: ![C, O, y].includes(NaN),
|
|
817
818
|
id: `annotation_y_${this.createUid()}`,
|
|
818
819
|
hasArea: F,
|
|
819
|
-
areaHeight: F ? Math.abs(C -
|
|
820
|
+
areaHeight: F ? Math.abs(C - O) : 0,
|
|
820
821
|
yTop: C,
|
|
821
|
-
yBottom:
|
|
822
|
+
yBottom: O,
|
|
822
823
|
config: k.yAxis,
|
|
823
824
|
x1: o,
|
|
824
825
|
x2: g,
|
|
825
|
-
_text: { x: s, y:
|
|
826
|
+
_text: { x: s, y: L },
|
|
826
827
|
_box: {
|
|
827
828
|
x: v,
|
|
828
|
-
y
|
|
829
|
+
y,
|
|
829
830
|
width: l + N.padding.left + N.padding.right,
|
|
830
831
|
height: c + N.padding.top + N.padding.bottom,
|
|
831
832
|
fill: N.backgroundColor,
|
|
@@ -992,13 +993,13 @@ const Ke = Q(), Qe = {
|
|
|
992
993
|
this.$refs.source && (k = this.$refs.source.getBoundingClientRect().height);
|
|
993
994
|
let w = 0;
|
|
994
995
|
this.$refs.noTitle && (w = this.$refs.noTitle.getBoundingClientRect().height), this.height = o - e - S - m - k - w, this.width = g, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
|
|
995
|
-
const
|
|
996
|
+
const G = new ResizeObserver((N) => {
|
|
996
997
|
for (const F of N)
|
|
997
998
|
this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (m = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (S = this.$refs.chartLegend.getBoundingClientRect().height), this.$refs.source && (k = this.$refs.source.getBoundingClientRect().height), requestAnimationFrame(() => {
|
|
998
999
|
this.height = F.contentBoxSize[0].blockSize - e - S - m - k - 24, this.width = F.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
|
|
999
1000
|
});
|
|
1000
1001
|
});
|
|
1001
|
-
this.resizeObserver =
|
|
1002
|
+
this.resizeObserver = G, this.observedEl = n, G.observe(n);
|
|
1002
1003
|
} else
|
|
1003
1004
|
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;
|
|
1004
1005
|
},
|
|
@@ -1169,7 +1170,7 @@ const Ke = Q(), Qe = {
|
|
|
1169
1170
|
async generatePdf() {
|
|
1170
1171
|
this.showSpinnerPdf(), clearTimeout(this.__to__), this.isPrinting = !0, this.__to__ = setTimeout(async () => {
|
|
1171
1172
|
try {
|
|
1172
|
-
const { default: t } = await import("./pdf-
|
|
1173
|
+
const { default: t } = await import("./pdf-2Tyxymwm.js");
|
|
1173
1174
|
await t({
|
|
1174
1175
|
domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
|
|
1175
1176
|
fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
|
|
@@ -1192,7 +1193,7 @@ const Ke = Q(), Qe = {
|
|
|
1192
1193
|
async generateImage() {
|
|
1193
1194
|
this.showSpinnerImage(), clearTimeout(this.__to__), this.isImaging = !0, this.__to__ = setTimeout(async () => {
|
|
1194
1195
|
try {
|
|
1195
|
-
const { default: t } = await import("./img-
|
|
1196
|
+
const { default: t } = await import("./img-ClKzlGeA.js");
|
|
1196
1197
|
await t({
|
|
1197
1198
|
domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
|
|
1198
1199
|
fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
|
|
@@ -1265,12 +1266,12 @@ const Ke = Q(), Qe = {
|
|
|
1265
1266
|
"data-dom-to-png-ignore": ""
|
|
1266
1267
|
}, pr = ["innerHTML"];
|
|
1267
1268
|
function Mr(t, n, o, g, r, e) {
|
|
1268
|
-
const b = R("PenAndPaper"), m = R("Title"), x = R("UserOptions"), S = R("PackageVersion"), k = R("Shape"), w = R("Skeleton"),
|
|
1269
|
+
const b = R("PenAndPaper"), m = R("Title"), x = R("UserOptions"), S = R("PackageVersion"), k = R("Shape"), w = R("Skeleton"), G = R("Slicer"), N = R("Tooltip"), F = R("BaseIcon"), C = R("TableSparkline"), O = R("DataTable"), M = R("Accordion");
|
|
1269
1270
|
return a(), i("div", {
|
|
1270
1271
|
id: `vue-ui-xy_${r.uniqueId}`,
|
|
1271
1272
|
class: E(`vue-ui-xy ${r.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
|
|
1272
1273
|
ref: "chart",
|
|
1273
|
-
style:
|
|
1274
|
+
style: A(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color};width:100%;font-family:${e.FINAL_CONFIG.chart.fontFamily};${e.FINAL_CONFIG.responsive ? "height: 100%" : ""}`),
|
|
1274
1275
|
onMouseenter: n[7] || (n[7] = () => e.setUserOptionsVisibility(!0)),
|
|
1275
1276
|
onMouseleave: n[8] || (n[8] = () => e.setUserOptionsVisibility(!1))
|
|
1276
1277
|
}, [
|
|
@@ -1287,7 +1288,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
1287
1288
|
key: 2,
|
|
1288
1289
|
ref: "chartTitle",
|
|
1289
1290
|
class: "vue-ui-xy-title",
|
|
1290
|
-
style:
|
|
1291
|
+
style: A(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
|
|
1291
1292
|
}, [
|
|
1292
1293
|
(a(), W(m, {
|
|
1293
1294
|
key: `title_${r.titleStep}`,
|
|
@@ -1337,7 +1338,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
1337
1338
|
onToggleStack: e.toggleStack,
|
|
1338
1339
|
onToggleTooltip: e.toggleTooltip,
|
|
1339
1340
|
onToggleAnnotator: e.toggleAnnotator,
|
|
1340
|
-
style:
|
|
1341
|
+
style: A({
|
|
1341
1342
|
visibility: r.keepUserOptionState ? r.userOptionsVisible ? "visible" : "hidden" : "visible"
|
|
1342
1343
|
})
|
|
1343
1344
|
}, Be({ _: 2 }, [
|
|
@@ -1419,7 +1420,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
1419
1420
|
class: E([{ "vue-data-ui-fullscreen--on": r.isFullscreen, "vue-data-ui-fulscreen--off": !r.isFullscreen }, "vue-ui-xy-svg"]),
|
|
1420
1421
|
width: "100%",
|
|
1421
1422
|
viewBox: r.viewBox,
|
|
1422
|
-
style:
|
|
1423
|
+
style: A(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`),
|
|
1423
1424
|
"aria-label": e.chartAriaLabel,
|
|
1424
1425
|
role: "img",
|
|
1425
1426
|
"aria-live": "polite"
|
|
@@ -1628,7 +1629,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
1628
1629
|
(a(!0), i(d, null, I(e.highlightAreas, (l) => (a(), i("g", null, [
|
|
1629
1630
|
l.show ? (a(!0), i(d, { key: 0 }, I(l.span, (c, s) => (a(), i("g", null, [
|
|
1630
1631
|
f("rect", {
|
|
1631
|
-
style:
|
|
1632
|
+
style: A({
|
|
1632
1633
|
transition: "none",
|
|
1633
1634
|
opacity: l.from + s >= r.slicer.start && l.from + s <= r.slicer.end - 1 ? 1 : 0
|
|
1634
1635
|
}),
|
|
@@ -1642,7 +1643,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
1642
1643
|
key: 0,
|
|
1643
1644
|
x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (l.from + s - r.slicer.start) - (l.caption.width === "auto" ? 0 : l.caption.width / 2 - e.drawingArea.width / e.maxSeries * l.span / 2),
|
|
1644
1645
|
y: e.drawingArea.top + l.caption.offsetY,
|
|
1645
|
-
style:
|
|
1646
|
+
style: A({
|
|
1646
1647
|
overflow: "visible",
|
|
1647
1648
|
opacity: l.to >= r.slicer.start && l.from < r.slicer.end ? 1 : 0
|
|
1648
1649
|
}),
|
|
@@ -1650,7 +1651,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
1650
1651
|
width: l.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * l.span : l.caption.width
|
|
1651
1652
|
}, [
|
|
1652
1653
|
f("div", {
|
|
1653
|
-
style:
|
|
1654
|
+
style: A(`padding:${l.caption.padding}px;text-align:${l.caption.textAlign};font-size:${l.caption.fontSize}px;color:${l.caption.color};font-weight:${l.caption.bold ? "bold" : "normal"}`)
|
|
1654
1655
|
}, T(l.caption.text), 5)
|
|
1655
1656
|
], 12, pt)) : u("", !0)
|
|
1656
1657
|
]))), 256)) : u("", !0)
|
|
@@ -1671,7 +1672,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
1671
1672
|
e.barSet.length ? (a(!0), i(d, { key: 0 }, I(e.barSet, (l, c) => (a(), i("g", {
|
|
1672
1673
|
key: `serie_bar_${c}`,
|
|
1673
1674
|
class: E(`serie_bar_${c}`),
|
|
1674
|
-
style:
|
|
1675
|
+
style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1675
1676
|
}, [
|
|
1676
1677
|
(a(!0), i(d, null, I(l.plots, (s, h) => (a(), i("g", {
|
|
1677
1678
|
key: `bar_plot_${c}_${h}`
|
|
@@ -1801,11 +1802,11 @@ function Mr(t, n, o, g, r, e) {
|
|
|
1801
1802
|
stroke: l.color,
|
|
1802
1803
|
"stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
|
|
1803
1804
|
"stroke-linecap": "round",
|
|
1804
|
-
style:
|
|
1805
|
+
style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
|
|
1805
1806
|
}, null, 12, Ut)
|
|
1806
1807
|
]))), 256)),
|
|
1807
1808
|
(a(!0), i(d, null, I(e.allScales, (l) => (a(), i("g", {
|
|
1808
|
-
style:
|
|
1809
|
+
style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1809
1810
|
}, [
|
|
1810
1811
|
f("text", {
|
|
1811
1812
|
fill: l.color,
|
|
@@ -1880,7 +1881,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
1880
1881
|
(a(!0), i(d, null, I(e.plotSet, (l, c) => (a(), i("g", {
|
|
1881
1882
|
key: `serie_plot_${c}`,
|
|
1882
1883
|
class: E(`serie_plot_${c}`),
|
|
1883
|
-
style:
|
|
1884
|
+
style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1884
1885
|
}, [
|
|
1885
1886
|
(a(!0), i(d, null, I(l.plots, (s, h) => (a(), i("g", {
|
|
1886
1887
|
key: `circle_plot_${c}_${h}`
|
|
@@ -1953,16 +1954,16 @@ function Mr(t, n, o, g, r, e) {
|
|
|
1953
1954
|
(a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i("g", {
|
|
1954
1955
|
key: `serie_line_${c}`,
|
|
1955
1956
|
class: E(`serie_line_${c}`),
|
|
1956
|
-
style:
|
|
1957
|
+
style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1957
1958
|
}, [
|
|
1958
|
-
l.smooth && l.plots.length > 1 ? (a(), i("path", {
|
|
1959
|
+
l.smooth && l.plots.length > 1 && l.curve ? (a(), i("path", {
|
|
1959
1960
|
key: 0,
|
|
1960
1961
|
d: `M${l.curve}`,
|
|
1961
1962
|
stroke: e.FINAL_CONFIG.chart.backgroundColor,
|
|
1962
1963
|
"stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
|
|
1963
1964
|
"stroke-dasharray": l.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
1964
1965
|
fill: "none"
|
|
1965
|
-
}, null, 8, sl)) : l.plots.length > 1 ? (a(), i("path", {
|
|
1966
|
+
}, null, 8, sl)) : l.plots.length > 1 && l.straight ? (a(), i("path", {
|
|
1966
1967
|
key: 1,
|
|
1967
1968
|
d: `M${l.straight}`,
|
|
1968
1969
|
stroke: e.FINAL_CONFIG.chart.backgroundColor,
|
|
@@ -1981,7 +1982,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
1981
1982
|
(a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i("g", {
|
|
1982
1983
|
key: `serie_line_${c}`,
|
|
1983
1984
|
class: E(`serie_line_${c}`),
|
|
1984
|
-
style:
|
|
1985
|
+
style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
1985
1986
|
}, [
|
|
1986
1987
|
l.useArea && l.plots.length > 1 ? (a(), i("g", ol, [
|
|
1987
1988
|
l.smooth ? (a(!0), i(d, { key: 0 }, I(l.curveAreas, (s, h) => (a(), i(d, { key: h }, [
|
|
@@ -2006,7 +2007,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2006
2007
|
}, null, 8, gl)) : u("", !0)
|
|
2007
2008
|
], 64))), 128))
|
|
2008
2009
|
])) : u("", !0),
|
|
2009
|
-
l.smooth && l.plots.length > 1 ? (a(), i("path", {
|
|
2010
|
+
l.smooth && l.plots.length > 1 && l.curve ? (a(), i("path", {
|
|
2010
2011
|
key: 1,
|
|
2011
2012
|
d: `M${l.curve}`,
|
|
2012
2013
|
stroke: l.color,
|
|
@@ -2014,7 +2015,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2014
2015
|
"stroke-dasharray": l.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
|
|
2015
2016
|
fill: "none",
|
|
2016
2017
|
"stroke-linecap": "round"
|
|
2017
|
-
}, null, 8, fl)) : l.plots.length > 1 ? (a(), i("path", {
|
|
2018
|
+
}, null, 8, fl)) : l.plots.length > 1 && l.straight ? (a(), i("path", {
|
|
2018
2019
|
key: 2,
|
|
2019
2020
|
d: `M${l.straight}`,
|
|
2020
2021
|
stroke: l.color,
|
|
@@ -2106,7 +2107,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2106
2107
|
"text-anchor": "middle",
|
|
2107
2108
|
"font-size": r.fontSizes.plotLabels,
|
|
2108
2109
|
fill: e.FINAL_CONFIG.bar.labels.color,
|
|
2109
|
-
style:
|
|
2110
|
+
style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
2110
2111
|
}, T(e.canShowValue(s.value) ? e.applyDataLabel(
|
|
2111
2112
|
e.FINAL_CONFIG.bar.labels.formatter,
|
|
2112
2113
|
s.value,
|
|
@@ -2129,7 +2130,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2129
2130
|
"font-size": r.fontSizes.plotLabels,
|
|
2130
2131
|
fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? l.color : e.FINAL_CONFIG.bar.serieName.color,
|
|
2131
2132
|
"font-weight": e.FINAL_CONFIG.bar.serieName.bold ? "bold" : "normal",
|
|
2132
|
-
style:
|
|
2133
|
+
style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
2133
2134
|
}, T(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: l.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : l.name), 13, Cl)) : u("", !0)
|
|
2134
2135
|
], 64))), 128))
|
|
2135
2136
|
], 64))), 128))
|
|
@@ -2148,7 +2149,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2148
2149
|
"text-anchor": "middle",
|
|
2149
2150
|
"font-size": r.fontSizes.plotLabels,
|
|
2150
2151
|
fill: e.FINAL_CONFIG.plot.labels.color,
|
|
2151
|
-
style:
|
|
2152
|
+
style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
2152
2153
|
}, T(e.canShowValue(s.value) ? e.applyDataLabel(
|
|
2153
2154
|
e.FINAL_CONFIG.plot.labels.formatter,
|
|
2154
2155
|
s.value,
|
|
@@ -2192,10 +2193,10 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2192
2193
|
y: s.y - 20,
|
|
2193
2194
|
height: 24,
|
|
2194
2195
|
width: "150",
|
|
2195
|
-
style:
|
|
2196
|
+
style: A(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
2196
2197
|
}, [
|
|
2197
2198
|
f("div", {
|
|
2198
|
-
style:
|
|
2199
|
+
style: A(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
|
|
2199
2200
|
innerHTML: e.applyDataLabel(
|
|
2200
2201
|
e.FINAL_CONFIG.plot.tag.formatter,
|
|
2201
2202
|
s.value,
|
|
@@ -2214,10 +2215,10 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2214
2215
|
y: s.y - 20,
|
|
2215
2216
|
height: 24,
|
|
2216
2217
|
width: "150",
|
|
2217
|
-
style:
|
|
2218
|
+
style: A(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
2218
2219
|
}, [
|
|
2219
2220
|
f("div", {
|
|
2220
|
-
style:
|
|
2221
|
+
style: A(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
|
|
2221
2222
|
innerHTML: e.applyDataLabel(
|
|
2222
2223
|
e.FINAL_CONFIG.plot.tag.formatter,
|
|
2223
2224
|
s.value,
|
|
@@ -2248,7 +2249,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2248
2249
|
"text-anchor": "middle",
|
|
2249
2250
|
"font-size": r.fontSizes.plotLabels,
|
|
2250
2251
|
fill: e.FINAL_CONFIG.line.labels.color,
|
|
2251
|
-
style:
|
|
2252
|
+
style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
2252
2253
|
}, T(e.canShowValue(s.value) ? e.applyDataLabel(
|
|
2253
2254
|
e.FINAL_CONFIG.line.labels.formatter,
|
|
2254
2255
|
s.value,
|
|
@@ -2292,10 +2293,10 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2292
2293
|
y: s.y - 20,
|
|
2293
2294
|
height: 24,
|
|
2294
2295
|
width: "150",
|
|
2295
|
-
style:
|
|
2296
|
+
style: A(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
2296
2297
|
}, [
|
|
2297
2298
|
f("div", {
|
|
2298
|
-
style:
|
|
2299
|
+
style: A(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
|
|
2299
2300
|
innerHTML: e.applyDataLabel(
|
|
2300
2301
|
e.FINAL_CONFIG.line.tag.formatter,
|
|
2301
2302
|
s.value,
|
|
@@ -2314,10 +2315,10 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2314
2315
|
y: s.y - 20,
|
|
2315
2316
|
height: 24,
|
|
2316
2317
|
width: "150",
|
|
2317
|
-
style:
|
|
2318
|
+
style: A(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
2318
2319
|
}, [
|
|
2319
2320
|
f("div", {
|
|
2320
|
-
style:
|
|
2321
|
+
style: A(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
|
|
2321
2322
|
innerHTML: e.applyDataLabel(
|
|
2322
2323
|
e.FINAL_CONFIG.line.tag.formatter,
|
|
2323
2324
|
s.value,
|
|
@@ -2355,7 +2356,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2355
2356
|
y: s.y,
|
|
2356
2357
|
maxWords: 2
|
|
2357
2358
|
}),
|
|
2358
|
-
style:
|
|
2359
|
+
style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
2359
2360
|
}, null, 12, Bl)) : u("", !0),
|
|
2360
2361
|
s && h === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (a(), i("text", {
|
|
2361
2362
|
key: 1,
|
|
@@ -2372,7 +2373,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2372
2373
|
y: s.y,
|
|
2373
2374
|
maxWords: 2
|
|
2374
2375
|
}),
|
|
2375
|
-
style:
|
|
2376
|
+
style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
2376
2377
|
}, null, 12, El)) : u("", !0)
|
|
2377
2378
|
], 64))), 128))
|
|
2378
2379
|
], 64))), 128)),
|
|
@@ -2397,7 +2398,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2397
2398
|
y: s.y,
|
|
2398
2399
|
maxWords: 2
|
|
2399
2400
|
}),
|
|
2400
|
-
style:
|
|
2401
|
+
style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
2401
2402
|
}, null, 12, Yl)) : u("", !0),
|
|
2402
2403
|
s && h === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (a(), i("text", {
|
|
2403
2404
|
key: 1,
|
|
@@ -2414,7 +2415,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2414
2415
|
y: s.y,
|
|
2415
2416
|
maxWords: 2
|
|
2416
2417
|
}),
|
|
2417
|
-
style:
|
|
2418
|
+
style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
2418
2419
|
}, null, 12, ql)) : u("", !0)
|
|
2419
2420
|
], 64))), 128))
|
|
2420
2421
|
], 64))), 128)),
|
|
@@ -2501,7 +2502,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2501
2502
|
(a(!0), i(d, null, I(e.annotationsY, (l) => (a(), i("g", {
|
|
2502
2503
|
key: l.uid
|
|
2503
2504
|
}, [
|
|
2504
|
-
l.yTop ? (a(), i("line", {
|
|
2505
|
+
l.yTop && l.show ? (a(), i("line", {
|
|
2505
2506
|
key: 0,
|
|
2506
2507
|
x1: l.x1,
|
|
2507
2508
|
y1: l.yTop,
|
|
@@ -2513,7 +2514,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2513
2514
|
"stroke-linecap": "round",
|
|
2514
2515
|
style: { animation: "none !important" }
|
|
2515
2516
|
}, null, 8, tr)) : u("", !0),
|
|
2516
|
-
l.yBottom ? (a(), i("line", {
|
|
2517
|
+
l.yBottom && l.show ? (a(), i("line", {
|
|
2517
2518
|
key: 1,
|
|
2518
2519
|
x1: l.x1,
|
|
2519
2520
|
y1: l.yBottom,
|
|
@@ -2525,20 +2526,20 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2525
2526
|
"stroke-linecap": "round",
|
|
2526
2527
|
style: { animation: "none !important" }
|
|
2527
2528
|
}, null, 8, lr)) : u("", !0),
|
|
2528
|
-
l.hasArea ? (a(), i("rect", {
|
|
2529
|
+
l.hasArea && l.show ? (a(), i("rect", {
|
|
2529
2530
|
key: 2,
|
|
2530
2531
|
y: Math.min(l.yTop, l.yBottom),
|
|
2531
2532
|
x: l.x1,
|
|
2532
2533
|
width: e.drawingArea.width,
|
|
2533
|
-
height: l.areaHeight,
|
|
2534
|
+
height: e.checkNaN(l.areaHeight, 0),
|
|
2534
2535
|
fill: e.setOpacity(l.config.area.fill, l.config.area.opacity),
|
|
2535
2536
|
style: { animation: "none !important" }
|
|
2536
2537
|
}, null, 8, rr)) : u("", !0),
|
|
2537
|
-
l.config.label.text ? (a(), i("rect", K({
|
|
2538
|
+
l.config.label.text && l.show ? (a(), i("rect", K({
|
|
2538
2539
|
key: 3,
|
|
2539
2540
|
class: "vue-ui-xy-annotation-label-box"
|
|
2540
2541
|
}, { ref_for: !0 }, l._box, { style: { animation: "none !important", transition: "none !important" } }), null, 16)) : u("", !0),
|
|
2541
|
-
l.config.label.text ? (a(), i("text", {
|
|
2542
|
+
l.config.label.text && l.show ? (a(), i("text", {
|
|
2542
2543
|
key: 4,
|
|
2543
2544
|
id: l.id,
|
|
2544
2545
|
class: "vue-ui-xy-annotation-label",
|
|
@@ -2573,7 +2574,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2573
2574
|
}, [
|
|
2574
2575
|
f("div", {
|
|
2575
2576
|
class: "vue-ui-xy-time-tag",
|
|
2576
|
-
style:
|
|
2577
|
+
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`)
|
|
2577
2578
|
}, T(e.timeLabels[(r.selectedSerieIndex !== null ? r.selectedSerieIndex : 0) || (r.selectedMinimapIndex !== null ? r.selectedMinimapIndex : 0)].text || (r.selectedSerieIndex !== null ? r.selectedSerieIndex : 0) || (r.selectedMinimapIndex !== null ? r.selectedMinimapIndex : 0)), 5)
|
|
2578
2579
|
], 8, nr)),
|
|
2579
2580
|
f("circle", {
|
|
@@ -2598,10 +2599,10 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2598
2599
|
[r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "end" && e.FINAL_CONFIG.line.tag.followValue ? (a(), i("div", {
|
|
2599
2600
|
key: 0,
|
|
2600
2601
|
ref_for: !0,
|
|
2601
|
-
ref: (
|
|
2602
|
+
ref: (L) => e.setTagRef(c, h, L, "right", "line"),
|
|
2602
2603
|
class: "vue-ui-xy-tag",
|
|
2603
2604
|
"data-tag": "right",
|
|
2604
|
-
style:
|
|
2605
|
+
style: A({
|
|
2605
2606
|
position: "fixed",
|
|
2606
2607
|
top: e.placeXYTag({
|
|
2607
2608
|
svgElement: r.svgRef,
|
|
@@ -2650,10 +2651,10 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2650
2651
|
[r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "start" && e.FINAL_CONFIG.line.tag.followValue ? (a(), i("div", {
|
|
2651
2652
|
key: 1,
|
|
2652
2653
|
ref_for: !0,
|
|
2653
|
-
ref: (
|
|
2654
|
+
ref: (L) => e.setTagRef(c, h, L, "left", "line"),
|
|
2654
2655
|
class: "vue-ui-xy-tag",
|
|
2655
2656
|
"data-tag": "left",
|
|
2656
|
-
style:
|
|
2657
|
+
style: A({
|
|
2657
2658
|
position: "fixed",
|
|
2658
2659
|
top: e.placeXYTag({
|
|
2659
2660
|
svgElement: r.svgRef,
|
|
@@ -2710,10 +2711,10 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2710
2711
|
[r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "end" && e.FINAL_CONFIG.plot.tag.followValue ? (a(), i("div", {
|
|
2711
2712
|
key: 0,
|
|
2712
2713
|
ref_for: !0,
|
|
2713
|
-
ref: (
|
|
2714
|
+
ref: (L) => e.setTagRef(c, h, L, "right", "plot"),
|
|
2714
2715
|
class: "vue-ui-xy-tag",
|
|
2715
2716
|
"data-tag": "right",
|
|
2716
|
-
style:
|
|
2717
|
+
style: A({
|
|
2717
2718
|
position: "fixed",
|
|
2718
2719
|
top: e.placeXYTag({
|
|
2719
2720
|
svgElement: r.svgRef,
|
|
@@ -2762,10 +2763,10 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2762
2763
|
[r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "start" && e.FINAL_CONFIG.plot.tag.followValue ? (a(), i("div", {
|
|
2763
2764
|
key: 1,
|
|
2764
2765
|
ref_for: !0,
|
|
2765
|
-
ref: (
|
|
2766
|
+
ref: (L) => e.setTagRef(c, h, L, "left", "plot"),
|
|
2766
2767
|
class: "vue-ui-xy-tag",
|
|
2767
2768
|
"data-tag": "left",
|
|
2768
|
-
style:
|
|
2769
|
+
style: A({
|
|
2769
2770
|
position: "fixed",
|
|
2770
2771
|
top: e.placeXYTag({
|
|
2771
2772
|
svgElement: r.svgRef,
|
|
@@ -2831,7 +2832,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2831
2832
|
}
|
|
2832
2833
|
}
|
|
2833
2834
|
}, null, 8, ["config"])),
|
|
2834
|
-
e.FINAL_CONFIG.chart.zoom.show && r.maxX > 6 && e.isDataset ? (a(), W(
|
|
2835
|
+
e.FINAL_CONFIG.chart.zoom.show && r.maxX > 6 && e.isDataset ? (a(), W(G, {
|
|
2835
2836
|
ref: "chartSlicer",
|
|
2836
2837
|
key: `slicer_${r.slicerStep}`,
|
|
2837
2838
|
background: e.FINAL_CONFIG.chart.zoom.color,
|
|
@@ -2876,7 +2877,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2876
2877
|
key: 8,
|
|
2877
2878
|
ref: "chartLegend",
|
|
2878
2879
|
class: "vue-ui-xy-legend",
|
|
2879
|
-
style:
|
|
2880
|
+
style: A(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
|
|
2880
2881
|
}, [
|
|
2881
2882
|
(a(!0), i(d, null, I(e.absoluteDataset, (l, c) => (a(), i("div", {
|
|
2882
2883
|
key: `div_legend_item_${c}`,
|
|
@@ -2932,7 +2933,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2932
2933
|
}, null, 8, ["color", "shape"])
|
|
2933
2934
|
])),
|
|
2934
2935
|
f("span", {
|
|
2935
|
-
style:
|
|
2936
|
+
style: A(`color:${e.FINAL_CONFIG.chart.legend.color}`)
|
|
2936
2937
|
}, T(l.name), 5)
|
|
2937
2938
|
], 10, yr))), 128))
|
|
2938
2939
|
], 4)) : (a(), i("div", Or, [
|
|
@@ -2983,7 +2984,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
2983
2984
|
}, {
|
|
2984
2985
|
content: V(() => [
|
|
2985
2986
|
f("div", {
|
|
2986
|
-
style:
|
|
2987
|
+
style: A(`${r.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
|
|
2987
2988
|
}, [
|
|
2988
2989
|
f("div", vr, [
|
|
2989
2990
|
Ee(f("input", {
|
|
@@ -3007,7 +3008,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
3007
3008
|
key: `sparkline_${r.segregateStep}`,
|
|
3008
3009
|
dataset: e.tableSparklineDataset,
|
|
3009
3010
|
config: e.tableSparklineConfig
|
|
3010
|
-
}, null, 8, ["dataset", "config"])) : (a(), W(
|
|
3011
|
+
}, null, 8, ["dataset", "config"])) : (a(), W(O, {
|
|
3011
3012
|
key: `table_${r.tableStep}`,
|
|
3012
3013
|
colNames: e.dataTable.colNames,
|
|
3013
3014
|
head: e.dataTable.head,
|
|
@@ -3035,7 +3036,7 @@ function Mr(t, n, o, g, r, e) {
|
|
|
3035
3036
|
}, 8, ["config"])) : u("", !0)
|
|
3036
3037
|
], 46, je);
|
|
3037
3038
|
}
|
|
3038
|
-
const Br = /* @__PURE__ */ Je(Qe, [["render", Mr], ["__scopeId", "data-v-
|
|
3039
|
+
const Br = /* @__PURE__ */ Je(Qe, [["render", Mr], ["__scopeId", "data-v-ca56f262"]]);
|
|
3039
3040
|
export {
|
|
3040
3041
|
Br as default
|
|
3041
3042
|
};
|