vue-data-ui 3.20.0 → 3.20.1
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/package.json +120 -120
- package/dist/A11yDataTable-BCbtxMU6.js +0 -45
- package/dist/Arrow-D6j6ocXm.js +0 -116
- package/dist/BaseDraggableDialog-4hDW-Rj2.js +0 -272
- package/dist/BaseIcon-DfLoHNUj.js +0 -502
- package/dist/BaseLegendToggle-C_Db-y7s.js +0 -56
- package/dist/BaseScanner-Dr2a1Msy.js +0 -27
- package/dist/BaseZoomControls-CG7hI_1P.js +0 -111
- package/dist/ColorPicker-Bjwxnvfh.js +0 -255
- package/dist/DataTable-B--IN22e.js +0 -150
- package/dist/Legend-Cz2uQ5gs.js +0 -114
- package/dist/NonSvgPenAndPaper-gLNJ1Lmr.js +0 -577
- package/dist/PackageVersion-xcyrdRmY.js +0 -11
- package/dist/PenAndPaper-DqrClVfb.js +0 -461
- package/dist/RecursiveCircles-D6aDPmoe.js +0 -117
- package/dist/RecursiveLabels-D9rfID6q.js +0 -56
- package/dist/RecursiveLinks-BygcpDiT.js +0 -78
- package/dist/Shape-BPCJfphn.js +0 -141
- package/dist/Slicer-SHBj0VaV.js +0 -1144
- package/dist/SlicerPreview-DdihbUSJ.js +0 -1668
- package/dist/SparkTooltip-CfE6yCad.js +0 -93
- package/dist/Title-NWp4qB4K.js +0 -87
- package/dist/Tooltip-BENq327o.js +0 -312
- package/dist/UserOptions-C1NgoGu6.js +0 -1411
- package/dist/_plugin-vue_export-helper-B3ysoDQm.js +0 -8
- package/dist/canvas-lib-BOP_HS11.js +0 -79
- package/dist/components/arrow.js +0 -2
- package/dist/components/vue-ui-3d-bar.js +0 -2
- package/dist/components/vue-ui-accordion.js +0 -2
- package/dist/components/vue-ui-age-pyramid.js +0 -2
- package/dist/components/vue-ui-annotator.js +0 -2
- package/dist/components/vue-ui-bullet.js +0 -2
- package/dist/components/vue-ui-bump.js +0 -2
- package/dist/components/vue-ui-candlestick.js +0 -2
- package/dist/components/vue-ui-carousel-table.js +0 -2
- package/dist/components/vue-ui-chestnut.js +0 -2
- package/dist/components/vue-ui-chord.js +0 -2
- package/dist/components/vue-ui-circle-pack.js +0 -2
- package/dist/components/vue-ui-cursor.js +0 -2
- package/dist/components/vue-ui-dag.js +0 -2
- package/dist/components/vue-ui-dashboard.js +0 -2
- package/dist/components/vue-ui-digits.js +0 -2
- package/dist/components/vue-ui-donut-evolution.js +0 -2
- package/dist/components/vue-ui-donut.js +0 -2
- package/dist/components/vue-ui-dumbbell.js +0 -2
- package/dist/components/vue-ui-flow.js +0 -2
- package/dist/components/vue-ui-funnel.js +0 -2
- package/dist/components/vue-ui-galaxy.js +0 -2
- package/dist/components/vue-ui-gauge.js +0 -2
- package/dist/components/vue-ui-geo.js +0 -2
- package/dist/components/vue-ui-gizmo.js +0 -2
- package/dist/components/vue-ui-heatmap.js +0 -2
- package/dist/components/vue-ui-history-plot.js +0 -2
- package/dist/components/vue-ui-horizontal-bar.js +0 -2
- package/dist/components/vue-ui-icon.js +0 -2
- package/dist/components/vue-ui-kpi.js +0 -2
- package/dist/components/vue-ui-mini-loader.js +0 -2
- package/dist/components/vue-ui-molecule.js +0 -2
- package/dist/components/vue-ui-mood-radar.js +0 -2
- package/dist/components/vue-ui-nested-donuts.js +0 -2
- package/dist/components/vue-ui-onion.js +0 -2
- package/dist/components/vue-ui-parallel-coordinate-plot.js +0 -2
- package/dist/components/vue-ui-pattern-seed.js +0 -2
- package/dist/components/vue-ui-pattern.js +0 -2
- package/dist/components/vue-ui-quadrant.js +0 -2
- package/dist/components/vue-ui-quick-chart.js +0 -2
- package/dist/components/vue-ui-radar.js +0 -2
- package/dist/components/vue-ui-rating.js +0 -2
- package/dist/components/vue-ui-relation-circle.js +0 -2
- package/dist/components/vue-ui-ridgeline.js +0 -2
- package/dist/components/vue-ui-rings.js +0 -2
- package/dist/components/vue-ui-scatter.js +0 -2
- package/dist/components/vue-ui-skeleton.js +0 -2
- package/dist/components/vue-ui-smiley.js +0 -2
- package/dist/components/vue-ui-spark-trend.js +0 -2
- package/dist/components/vue-ui-sparkbar.js +0 -2
- package/dist/components/vue-ui-sparkgauge.js +0 -2
- package/dist/components/vue-ui-sparkhistogram.js +0 -2
- package/dist/components/vue-ui-sparkline.js +0 -2
- package/dist/components/vue-ui-sparkstackbar.js +0 -2
- package/dist/components/vue-ui-stackbar.js +0 -2
- package/dist/components/vue-ui-stackline.js +0 -2
- package/dist/components/vue-ui-strip-plot.js +0 -2
- package/dist/components/vue-ui-table-heatmap.js +0 -2
- package/dist/components/vue-ui-table-sparkline.js +0 -2
- package/dist/components/vue-ui-table.js +0 -2
- package/dist/components/vue-ui-thermometer.js +0 -2
- package/dist/components/vue-ui-timer.js +0 -2
- package/dist/components/vue-ui-tiremarks.js +0 -2
- package/dist/components/vue-ui-treemap.js +0 -2
- package/dist/components/vue-ui-vertical-bar.js +0 -2
- package/dist/components/vue-ui-waffle.js +0 -2
- package/dist/components/vue-ui-wheel.js +0 -2
- package/dist/components/vue-ui-word-cloud.js +0 -2
- package/dist/components/vue-ui-world.js +0 -2
- package/dist/components/vue-ui-xy-canvas.js +0 -2
- package/dist/components/vue-ui-xy.js +0 -2
- package/dist/dom-to-png-BYtB4BF3.js +0 -237
- package/dist/exposedLib-CI8ji8G-.js +0 -19
- package/dist/geoProjections-Czak6Jn1.js +0 -145
- package/dist/img-1cKsci8e.js +0 -74
- package/dist/labelUtils-CUctkYoA.js +0 -19
- package/dist/lib-DUeYQsS0.js +0 -1882
- package/dist/llms.txt +0 -232
- package/dist/patternUtils-CS7hn6at.js +0 -258
- package/dist/pdf-D0eZ99cP.js +0 -90
- package/dist/rolldown-runtime-Dy4uBu1J.js +0 -11
- package/dist/style.css +0 -2
- package/dist/types/arrow.d.ts +0 -4
- package/dist/types/utils.d.ts +0 -551
- package/dist/types/vue-data-ui.d.ts +0 -17190
- package/dist/types/vue-ui-3d-bar.d.ts +0 -93
- package/dist/types/vue-ui-accordion.d.ts +0 -11
- package/dist/types/vue-ui-age-pyramid.d.ts +0 -108
- package/dist/types/vue-ui-annotator.d.ts +0 -34
- package/dist/types/vue-ui-bullet.d.ts +0 -85
- package/dist/types/vue-ui-bump.d.ts +0 -92
- package/dist/types/vue-ui-candlestick.d.ts +0 -106
- package/dist/types/vue-ui-carousel-table.d.ts +0 -59
- package/dist/types/vue-ui-chestnut.d.ts +0 -98
- package/dist/types/vue-ui-chord.d.ts +0 -110
- package/dist/types/vue-ui-circle-pack.d.ts +0 -126
- package/dist/types/vue-ui-cursor.d.ts +0 -9
- package/dist/types/vue-ui-dag.d.ts +0 -125
- package/dist/types/vue-ui-dashboard.d.ts +0 -68
- package/dist/types/vue-ui-digits.d.ts +0 -12
- package/dist/types/vue-ui-donut-evolution.d.ts +0 -96
- package/dist/types/vue-ui-donut.d.ts +0 -123
- package/dist/types/vue-ui-dumbbell.d.ts +0 -94
- package/dist/types/vue-ui-flow.d.ts +0 -106
- package/dist/types/vue-ui-funnel.d.ts +0 -79
- package/dist/types/vue-ui-galaxy.d.ts +0 -114
- package/dist/types/vue-ui-gauge.d.ts +0 -89
- package/dist/types/vue-ui-geo.d.ts +0 -94
- package/dist/types/vue-ui-gizmo.d.ts +0 -22
- package/dist/types/vue-ui-heatmap.d.ts +0 -101
- package/dist/types/vue-ui-history-plot.d.ts +0 -114
- package/dist/types/vue-ui-horizontal-bar.d.ts +0 -116
- package/dist/types/vue-ui-icon.d.ts +0 -15
- package/dist/types/vue-ui-kpi.d.ts +0 -25
- package/dist/types/vue-ui-mini-loader.d.ts +0 -15
- package/dist/types/vue-ui-molecule.d.ts +0 -112
- package/dist/types/vue-ui-mood-radar.d.ts +0 -92
- package/dist/types/vue-ui-nested-donuts.d.ts +0 -111
- package/dist/types/vue-ui-onion.d.ts +0 -106
- package/dist/types/vue-ui-parallel-coordinate-plot.d.ts +0 -125
- package/dist/types/vue-ui-pattern-seed.d.ts +0 -14
- package/dist/types/vue-ui-pattern.d.ts +0 -15
- package/dist/types/vue-ui-quadrant.d.ts +0 -125
- package/dist/types/vue-ui-quick-chart.d.ts +0 -108
- package/dist/types/vue-ui-radar.d.ts +0 -116
- package/dist/types/vue-ui-rating.d.ts +0 -42
- package/dist/types/vue-ui-relation-circle.d.ts +0 -92
- package/dist/types/vue-ui-ridgeline.d.ts +0 -106
- package/dist/types/vue-ui-rings.d.ts +0 -98
- package/dist/types/vue-ui-scatter.d.ts +0 -97
- package/dist/types/vue-ui-skeleton.d.ts +0 -11
- package/dist/types/vue-ui-smiley.d.ts +0 -28
- package/dist/types/vue-ui-spark-trend.d.ts +0 -19
- package/dist/types/vue-ui-sparkbar.d.ts +0 -49
- package/dist/types/vue-ui-sparkgauge.d.ts +0 -28
- package/dist/types/vue-ui-sparkhistogram.d.ts +0 -46
- package/dist/types/vue-ui-sparkline.d.ts +0 -59
- package/dist/types/vue-ui-sparkstackbar.d.ts +0 -60
- package/dist/types/vue-ui-stackbar.d.ts +0 -118
- package/dist/types/vue-ui-stackline.d.ts +0 -114
- package/dist/types/vue-ui-strip-plot.d.ts +0 -96
- package/dist/types/vue-ui-table-heatmap.d.ts +0 -62
- package/dist/types/vue-ui-table-sparkline.d.ts +0 -53
- package/dist/types/vue-ui-table.d.ts +0 -38
- package/dist/types/vue-ui-thermometer.d.ts +0 -70
- package/dist/types/vue-ui-timer.d.ts +0 -49
- package/dist/types/vue-ui-tiremarks.d.ts +0 -70
- package/dist/types/vue-ui-treemap.d.ts +0 -104
- package/dist/types/vue-ui-vertical-bar.d.ts +0 -22
- package/dist/types/vue-ui-waffle.d.ts +0 -101
- package/dist/types/vue-ui-wheel.d.ts +0 -70
- package/dist/types/vue-ui-word-cloud.d.ts +0 -97
- package/dist/types/vue-ui-world.d.ts +0 -98
- package/dist/types/vue-ui-xy-canvas.d.ts +0 -101
- package/dist/types/vue-ui-xy.d.ts +0 -146
- package/dist/useAutoSizeLabelsInsideViewbox-BIVntRZp.js +0 -50
- package/dist/useChartAccessibility-DYqac8yF.js +0 -12
- package/dist/useConfig-DAyQk86L.js +0 -7479
- package/dist/useFitSvgText-CT3nmlaS.js +0 -63
- package/dist/useNestedProp-CNcoy38D.js +0 -10
- package/dist/useObjectBindings-BI7hP-BC.js +0 -189
- package/dist/usePanZoom-CYU3B4T3.js +0 -157
- package/dist/usePrefersMotion-BC-CsqR1.js +0 -15
- package/dist/usePrinter-C1Gqt_Sp.js +0 -49
- package/dist/useResponsive-BfnK0KxU.js +0 -19
- package/dist/useStableElementSize-C7KADDKj.js +0 -77
- package/dist/useSvgExport-SVIsDot8.js +0 -755
- package/dist/useTableResponsive-B24Uwt2E.js +0 -24
- package/dist/useThemeCheck-C43Tcqmk.js +0 -24
- package/dist/useTimeLabelCollider-AEcY4Ioe.js +0 -57
- package/dist/useTimeLabels-BmBRv27Y.js +0 -272
- package/dist/useUserOptionState-DK-_1ddE.js +0 -15
- package/dist/utils.js +0 -28
- package/dist/vClickOutside-DUrZWttG.js +0 -13
- package/dist/vue-data-ui-qpQv-4uP.js +0 -274
- package/dist/vue-data-ui.js +0 -76
- package/dist/vue-ui-3d-bar-C8cputoI.js +0 -1757
- package/dist/vue-ui-accordion-Dw4MHKVB.js +0 -81
- package/dist/vue-ui-age-pyramid-Cv2Ndbb5.js +0 -1238
- package/dist/vue-ui-annotator-DLPUAKlm.js +0 -2899
- package/dist/vue-ui-bullet-DLxmtMJ9.js +0 -710
- package/dist/vue-ui-bump-DVaqtZbd.js +0 -1249
- package/dist/vue-ui-candlestick-CkApimw1.js +0 -1826
- package/dist/vue-ui-carousel-table-CbfIBWl3.js +0 -455
- package/dist/vue-ui-chestnut-CQT4nCFL.js +0 -2010
- package/dist/vue-ui-chord-8IjSrg6f.js +0 -1391
- package/dist/vue-ui-circle-pack-B1CpTtpw.js +0 -1608
- package/dist/vue-ui-cursor-NaTj5i2-.js +0 -283
- package/dist/vue-ui-dag-DH4ocx0S.js +0 -2909
- package/dist/vue-ui-dashboard-Ckff1yim.js +0 -513
- package/dist/vue-ui-digits-DwLlJqbW.js +0 -209
- package/dist/vue-ui-donut-DQdIdwRU.js +0 -2410
- package/dist/vue-ui-donut-evolution-MfM5kK6w.js +0 -1510
- package/dist/vue-ui-dumbbell-B2T4vlK-.js +0 -1530
- package/dist/vue-ui-flow-CJh6f72m.js +0 -1235
- package/dist/vue-ui-funnel-C9gfXNCr.js +0 -777
- package/dist/vue-ui-galaxy-pBR_FESJ.js +0 -1077
- package/dist/vue-ui-gauge-CAemxCGl.js +0 -920
- package/dist/vue-ui-geo-BDQqaukJ.js +0 -1516
- package/dist/vue-ui-gizmo-B1ppjqPj.js +0 -225
- package/dist/vue-ui-heatmap-BiC9xp8L.js +0 -1568
- package/dist/vue-ui-history-plot-iAPjlOja.js +0 -1554
- package/dist/vue-ui-horizontal-bar-CcgClgLg.js +0 -1681
- package/dist/vue-ui-kpi-CJ5oyYLS.js +0 -96
- package/dist/vue-ui-mini-loader-CyqBt2g4.js +0 -125
- package/dist/vue-ui-molecule-Cg9ZHa6b.js +0 -925
- package/dist/vue-ui-mood-radar-N8osOTFR.js +0 -1148
- package/dist/vue-ui-nested-donuts-CwH3wKgX.js +0 -1487
- package/dist/vue-ui-onion-C56gFjO6.js +0 -1200
- package/dist/vue-ui-parallel-coordinate-plot-C-jj819p.js +0 -1416
- package/dist/vue-ui-pattern-DKozfnVn.js +0 -154
- package/dist/vue-ui-pattern-seed-BB1honLm.js +0 -61
- package/dist/vue-ui-quadrant-DYc9xZY3.js +0 -1978
- package/dist/vue-ui-quick-chart-BG7kK_-q.js +0 -2469
- package/dist/vue-ui-radar-CgKog9Xw.js +0 -1229
- package/dist/vue-ui-rating-BG4lf1z8.js +0 -343
- package/dist/vue-ui-relation-circle-D-rUk-0P.js +0 -924
- package/dist/vue-ui-ridgeline-DPrlVJTW.js +0 -1622
- package/dist/vue-ui-rings-CIvvHHsF.js +0 -1246
- package/dist/vue-ui-scatter-CeBQJbGx.js +0 -2413
- package/dist/vue-ui-skeleton-BKoa_G6d.js +0 -2556
- package/dist/vue-ui-smiley-G89TxRU-.js +0 -356
- package/dist/vue-ui-spark-trend-DGOrPr9I.js +0 -438
- package/dist/vue-ui-sparkbar-BVumo-YD.js +0 -393
- package/dist/vue-ui-sparkgauge-BoCwdQcu.js +0 -255
- package/dist/vue-ui-sparkhistogram-4qXY1LXW.js +0 -560
- package/dist/vue-ui-sparkline-C0kzXrwI.js +0 -1507
- package/dist/vue-ui-sparkstackbar-DG7hz_KM.js +0 -662
- package/dist/vue-ui-stackbar-Dnq4l5xs.js +0 -2270
- package/dist/vue-ui-stackline-CaNOHQYl.js +0 -2398
- package/dist/vue-ui-strip-plot-D2CcJw_5.js +0 -1340
- package/dist/vue-ui-table-NBQrkVnO.js +0 -1338
- package/dist/vue-ui-table-heatmap-CCGjbSzQ.js +0 -344
- package/dist/vue-ui-table-sparkline-BZDkOEEl.js +0 -707
- package/dist/vue-ui-thermometer-BXyHOQ7T.js +0 -763
- package/dist/vue-ui-timer-CcLK1wbi.js +0 -439
- package/dist/vue-ui-tiremarks-B6txvBg-.js +0 -552
- package/dist/vue-ui-treemap-O3SBpD3K.js +0 -1587
- package/dist/vue-ui-waffle-DN5zG3b0.js +0 -1362
- package/dist/vue-ui-wheel-CxnJGXkX.js +0 -885
- package/dist/vue-ui-word-cloud-CM5yPCXb.js +0 -1656
- package/dist/vue-ui-world-DCPgXKxh.js +0 -14264
- package/dist/vue-ui-xy-canvas-BUPnRZ3C.js +0 -1787
- package/dist/vue-ui-xy-lfMIx0wK.js +0 -4578
- package/dist/vue_ui_3d_bar-C4R7o-yX.js +0 -185
- package/dist/vue_ui_age_pyramid-BY6c-oX_.js +0 -301
- package/dist/vue_ui_bullet-ClzdLoOv.js +0 -186
- package/dist/vue_ui_bump-Vl-zYAtG.js +0 -201
- package/dist/vue_ui_candlestick-J8jmJvxP.js +0 -374
- package/dist/vue_ui_chestnut-D2oUhad6.js +0 -305
- package/dist/vue_ui_chord-DPfS1Umc.js +0 -275
- package/dist/vue_ui_circle_pack-DZC_rdfn.js +0 -172
- package/dist/vue_ui_dag-TsJ_azQq.js +0 -258
- package/dist/vue_ui_donut-BDGqG07h.js +0 -358
- package/dist/vue_ui_donut_evolution-D1yAAIHr.js +0 -717
- package/dist/vue_ui_dumbbell-Bfe_jFyi.js +0 -304
- package/dist/vue_ui_flow-BewZjjKG.js +0 -238
- package/dist/vue_ui_funnel-_Og4EEkO.js +0 -234
- package/dist/vue_ui_galaxy-Ig0cc1_h.js +0 -265
- package/dist/vue_ui_gauge-Cf1RZc9q.js +0 -178
- package/dist/vue_ui_geo-B8TODs-G.js +0 -248
- package/dist/vue_ui_heatmap-B2BBBSWG.js +0 -319
- package/dist/vue_ui_history_plot-CuN63VEc.js +0 -413
- package/dist/vue_ui_horizontal_bar-C4J4QzXf.js +0 -341
- package/dist/vue_ui_molecule-CO9L59SF.js +0 -231
- package/dist/vue_ui_mood_radar-BA6LAKhk.js +0 -281
- package/dist/vue_ui_nested_donuts-B8csIoVO.js +0 -273
- package/dist/vue_ui_onion-1FTFFS46.js +0 -293
- package/dist/vue_ui_parallel_coordinate_plot-CBiOBira.js +0 -278
- package/dist/vue_ui_quadrant-CDSTKTJz.js +0 -428
- package/dist/vue_ui_quick_chart-mZBdml3Z.js +0 -139
- package/dist/vue_ui_radar-jafTED5j.js +0 -306
- package/dist/vue_ui_relation_circle-D0p4mXmv.js +0 -98
- package/dist/vue_ui_ridgeline-VM8_mx4J.js +0 -767
- package/dist/vue_ui_rings-BVgD2aMn.js +0 -320
- package/dist/vue_ui_scatter-I0POnicu.js +0 -479
- package/dist/vue_ui_spark_trend-DxVmpkmC.js +0 -82
- package/dist/vue_ui_sparkbar-z6qO--Kf.js +0 -64
- package/dist/vue_ui_sparkgauge-BX1MS3bA.js +0 -90
- package/dist/vue_ui_sparkhistogram-BRgvKUH6.js +0 -123
- package/dist/vue_ui_sparkline-auZhap6Y.js +0 -151
- package/dist/vue_ui_sparkstackbar-BOjuQnZd.js +0 -175
- package/dist/vue_ui_stackbar-COOrQQdK.js +0 -412
- package/dist/vue_ui_stackline-DQqKPA9z.js +0 -460
- package/dist/vue_ui_strip_plot-CtJe8_gq.js +0 -301
- package/dist/vue_ui_table_heatmap-w8vx5k6f.js +0 -80
- package/dist/vue_ui_table_sparkline-DAbkUrNz.js +0 -124
- package/dist/vue_ui_thermometer-DxgqWKlE.js +0 -123
- package/dist/vue_ui_tiremarks-CdEPieWV.js +0 -122
- package/dist/vue_ui_treemap-DoEtkRN6.js +0 -328
- package/dist/vue_ui_vertical_bar-CP-MKz1j.js +0 -247
- package/dist/vue_ui_waffle-DIARFc7g.js +0 -292
- package/dist/vue_ui_wheel-DZ_nR--t.js +0 -133
- package/dist/vue_ui_word_cloud-C-qIMNLu.js +0 -254
- package/dist/vue_ui_xy-BLUkWEAm.js +0 -482
- package/dist/vue_ui_xy_canvas-Cb6dg3eK.js +0 -408
|
@@ -1,4578 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
|
|
2
|
-
import { B as t, Bt as n, Ct as r, D as i, Et as a, F as o, G as s, H as c, I as l, J as u, L as ee, Lt as d, M as te, Mt as f, Nt as p, O as ne, P as re, R as ie, Rt as ae, S as oe, T as se, X as ce, a as le, c as ue, dt as m, et as h, g as de, h as fe, ht as g, i as _, j as pe, jt as me, k as he, kt as ge, l as _e, mt as ve, n as ye, nt as be, pt as xe, r as Se, s as Ce, v, vt as we, w as Te, x as Ee, y as De, z as Oe, zt as ke } from "./lib-DUeYQsS0.js";
|
|
3
|
-
import { n as Ae, r as je, t as Me } from "./useTimeLabels-BmBRv27Y.js";
|
|
4
|
-
import { t as Ne } from "./useConfig-DAyQk86L.js";
|
|
5
|
-
import { t as Pe } from "./usePrinter-C1Gqt_Sp.js";
|
|
6
|
-
import { n as Fe, t as Ie } from "./BaseScanner-Dr2a1Msy.js";
|
|
7
|
-
import { t as Le } from "./useSvgExport-SVIsDot8.js";
|
|
8
|
-
import { t as Re } from "./useNestedProp-CNcoy38D.js";
|
|
9
|
-
import { t as ze } from "./useThemeCheck-C43Tcqmk.js";
|
|
10
|
-
import { t as Be } from "./useStableElementSize-C7KADDKj.js";
|
|
11
|
-
import { t as Ve } from "./useTimeLabelCollider-AEcY4Ioe.js";
|
|
12
|
-
import { t as He } from "./img-1cKsci8e.js";
|
|
13
|
-
import { n as Ue } from "./Title-NWp4qB4K.js";
|
|
14
|
-
import { t as We } from "./vue_ui_xy-BLUkWEAm.js";
|
|
15
|
-
import { t as Ge } from "./Shape-BPCJfphn.js";
|
|
16
|
-
import { t as Ke } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
17
|
-
import { t as qe } from "./SlicerPreview-DdihbUSJ.js";
|
|
18
|
-
import { t as Je } from "./vue-ui-accordion-Dw4MHKVB.js";
|
|
19
|
-
import { t as Ye } from "./BaseLegendToggle-C_Db-y7s.js";
|
|
20
|
-
import { t as Xe } from "./A11yDataTable-BCbtxMU6.js";
|
|
21
|
-
import { Fragment as y, Teleport as Ze, computed as b, createBlock as Qe, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as $e, createTextVNode as et, createVNode as tt, defineAsyncComponent as nt, getCurrentInstance as rt, guardReactiveProps as it, mergeProps as at, nextTick as ot, normalizeClass as st, normalizeProps as ct, normalizeStyle as w, onBeforeUnmount as lt, onMounted as ut, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as dt, shallowRef as ft, toDisplayString as pt, toRefs as mt, unref as k, useSlots as ht, vModelCheckbox as gt, watch as _t, watchEffect as vt, withCtx as A, withDirectives as yt } from "vue";
|
|
22
|
-
//#region src/components/vue-ui-xy.vue
|
|
23
|
-
var bt = /* @__PURE__ */ e({ default: () => j }), xt = ["id"], St = ["id"], Ct = ["id"], wt = { style: { position: "relative" } }, Tt = [
|
|
24
|
-
"viewBox",
|
|
25
|
-
"aria-label",
|
|
26
|
-
"aria-describedby"
|
|
27
|
-
], Et = [
|
|
28
|
-
"x",
|
|
29
|
-
"y",
|
|
30
|
-
"width",
|
|
31
|
-
"height"
|
|
32
|
-
], Dt = { key: 1 }, Ot = { class: "vue-ui-xy-grid" }, kt = [
|
|
33
|
-
"stroke",
|
|
34
|
-
"x1",
|
|
35
|
-
"x2",
|
|
36
|
-
"y1",
|
|
37
|
-
"y2"
|
|
38
|
-
], At = [
|
|
39
|
-
"stroke",
|
|
40
|
-
"x1",
|
|
41
|
-
"x2",
|
|
42
|
-
"y1",
|
|
43
|
-
"y2"
|
|
44
|
-
], jt = { key: 1 }, Mt = [
|
|
45
|
-
"x1",
|
|
46
|
-
"x2",
|
|
47
|
-
"y1",
|
|
48
|
-
"y2",
|
|
49
|
-
"stroke"
|
|
50
|
-
], Nt = [
|
|
51
|
-
"x1",
|
|
52
|
-
"x2",
|
|
53
|
-
"y1",
|
|
54
|
-
"y2",
|
|
55
|
-
"stroke"
|
|
56
|
-
], Pt = [
|
|
57
|
-
"x1",
|
|
58
|
-
"x2",
|
|
59
|
-
"y1",
|
|
60
|
-
"y2",
|
|
61
|
-
"stroke"
|
|
62
|
-
], Ft = { key: 3 }, It = ["d", "stroke"], Lt = { key: 4 }, Rt = ["d", "stroke"], zt = ["id"], Bt = ["stop-color"], Vt = ["stop-color"], Ht = ["stop-color"], Ut = ["id"], Wt = ["stop-color"], Gt = ["stop-color"], Kt = ["stop-color"], qt = ["id"], Jt = ["stop-color"], Yt = ["stop-color"], Xt = ["id"], Zt = ["stop-color"], Qt = ["stop-color"], $t = ["id"], en = ["stop-color"], tn = ["stop-color"], nn = { key: 0 }, rn = ["id"], an = ["stop-color", "offset"], on = [
|
|
63
|
-
"x",
|
|
64
|
-
"y",
|
|
65
|
-
"height",
|
|
66
|
-
"width",
|
|
67
|
-
"fill"
|
|
68
|
-
], sn = [
|
|
69
|
-
"x",
|
|
70
|
-
"y",
|
|
71
|
-
"width"
|
|
72
|
-
], cn = { key: 0 }, ln = [
|
|
73
|
-
"x",
|
|
74
|
-
"y",
|
|
75
|
-
"height",
|
|
76
|
-
"width",
|
|
77
|
-
"fill"
|
|
78
|
-
], un = [
|
|
79
|
-
"x",
|
|
80
|
-
"y",
|
|
81
|
-
"height",
|
|
82
|
-
"width",
|
|
83
|
-
"rx",
|
|
84
|
-
"fill",
|
|
85
|
-
"stroke",
|
|
86
|
-
"stroke-width"
|
|
87
|
-
], dn = [
|
|
88
|
-
"x",
|
|
89
|
-
"y",
|
|
90
|
-
"height",
|
|
91
|
-
"width",
|
|
92
|
-
"rx",
|
|
93
|
-
"fill",
|
|
94
|
-
"stroke",
|
|
95
|
-
"stroke-width"
|
|
96
|
-
], fn = [
|
|
97
|
-
"width",
|
|
98
|
-
"x",
|
|
99
|
-
"y"
|
|
100
|
-
], pn = [
|
|
101
|
-
"stroke",
|
|
102
|
-
"x1",
|
|
103
|
-
"x2",
|
|
104
|
-
"y1",
|
|
105
|
-
"y2"
|
|
106
|
-
], mn = { key: 3 }, hn = [
|
|
107
|
-
"x1",
|
|
108
|
-
"x2",
|
|
109
|
-
"y1",
|
|
110
|
-
"y2",
|
|
111
|
-
"stroke",
|
|
112
|
-
"stroke-width",
|
|
113
|
-
"stroke-dasharray"
|
|
114
|
-
], gn = [
|
|
115
|
-
"x",
|
|
116
|
-
"y",
|
|
117
|
-
"width",
|
|
118
|
-
"height",
|
|
119
|
-
"stroke",
|
|
120
|
-
"stroke-width",
|
|
121
|
-
"stroke-linecap",
|
|
122
|
-
"stroke-linejoin",
|
|
123
|
-
"stroke-dasharray"
|
|
124
|
-
], _n = [
|
|
125
|
-
"x1",
|
|
126
|
-
"x2",
|
|
127
|
-
"y1",
|
|
128
|
-
"y2",
|
|
129
|
-
"stroke",
|
|
130
|
-
"stroke-width"
|
|
131
|
-
], vn = [
|
|
132
|
-
"fill",
|
|
133
|
-
"font-size",
|
|
134
|
-
"transform"
|
|
135
|
-
], yn = [
|
|
136
|
-
"x1",
|
|
137
|
-
"x2",
|
|
138
|
-
"y1",
|
|
139
|
-
"y2",
|
|
140
|
-
"stroke"
|
|
141
|
-
], bn = [
|
|
142
|
-
"transform",
|
|
143
|
-
"text-anchor",
|
|
144
|
-
"font-size",
|
|
145
|
-
"fill"
|
|
146
|
-
], xn = [
|
|
147
|
-
"x1",
|
|
148
|
-
"x2",
|
|
149
|
-
"y1",
|
|
150
|
-
"y2",
|
|
151
|
-
"stroke"
|
|
152
|
-
], Sn = [
|
|
153
|
-
"transform",
|
|
154
|
-
"font-size",
|
|
155
|
-
"text-anchor",
|
|
156
|
-
"fill"
|
|
157
|
-
], Cn = [
|
|
158
|
-
"width",
|
|
159
|
-
"x",
|
|
160
|
-
"y"
|
|
161
|
-
], wn = { style: { width: "100%" } }, Tn = [
|
|
162
|
-
"d",
|
|
163
|
-
"stroke",
|
|
164
|
-
"stroke-width",
|
|
165
|
-
"stroke-dasharray"
|
|
166
|
-
], En = [
|
|
167
|
-
"d",
|
|
168
|
-
"stroke",
|
|
169
|
-
"stroke-width",
|
|
170
|
-
"stroke-dasharray"
|
|
171
|
-
], Dn = { key: 6 }, On = { key: 7 }, kn = [
|
|
172
|
-
"d",
|
|
173
|
-
"fill",
|
|
174
|
-
"fill-opacity"
|
|
175
|
-
], An = { key: 0 }, jn = ["d", "fill"], Mn = ["d", "fill"], Nn = ["d", "fill"], Pn = ["d", "fill"], Fn = [
|
|
176
|
-
"d",
|
|
177
|
-
"stroke",
|
|
178
|
-
"stroke-width",
|
|
179
|
-
"stroke-dasharray"
|
|
180
|
-
], In = [
|
|
181
|
-
"d",
|
|
182
|
-
"stroke",
|
|
183
|
-
"stroke-width",
|
|
184
|
-
"stroke-dasharray"
|
|
185
|
-
], Ln = [
|
|
186
|
-
"d",
|
|
187
|
-
"stroke",
|
|
188
|
-
"stroke-width",
|
|
189
|
-
"stroke-dasharray"
|
|
190
|
-
], Rn = [
|
|
191
|
-
"d",
|
|
192
|
-
"stroke",
|
|
193
|
-
"stroke-width",
|
|
194
|
-
"stroke-dasharray"
|
|
195
|
-
], zn = [
|
|
196
|
-
"width",
|
|
197
|
-
"x",
|
|
198
|
-
"y"
|
|
199
|
-
], Bn = { style: { width: "100%" } }, Vn = { key: 8 }, Hn = [
|
|
200
|
-
"text-anchor",
|
|
201
|
-
"font-size",
|
|
202
|
-
"transform",
|
|
203
|
-
"fill",
|
|
204
|
-
"stroke",
|
|
205
|
-
"innerHTML"
|
|
206
|
-
], Un = [
|
|
207
|
-
"x",
|
|
208
|
-
"y",
|
|
209
|
-
"font-size",
|
|
210
|
-
"fill",
|
|
211
|
-
"font-weight"
|
|
212
|
-
], Wn = { key: 9 }, Gn = [
|
|
213
|
-
"transform",
|
|
214
|
-
"text-anchor",
|
|
215
|
-
"font-size",
|
|
216
|
-
"fill",
|
|
217
|
-
"stroke",
|
|
218
|
-
"innerHTML"
|
|
219
|
-
], Kn = { key: 10 }, qn = ["x", "y"], Jn = ["innerHTML"], Yn = ["x", "y"], Xn = ["innerHTML"], Zn = [
|
|
220
|
-
"x1",
|
|
221
|
-
"x2",
|
|
222
|
-
"y1",
|
|
223
|
-
"y2",
|
|
224
|
-
"stroke"
|
|
225
|
-
], Qn = { key: 11 }, $n = [
|
|
226
|
-
"transform",
|
|
227
|
-
"text-anchor",
|
|
228
|
-
"font-size",
|
|
229
|
-
"fill",
|
|
230
|
-
"stroke",
|
|
231
|
-
"innerHTML"
|
|
232
|
-
], er = { key: 12 }, tr = ["x", "y"], nr = ["innerHTML"], rr = ["x", "y"], ir = ["innerHTML"], ar = [
|
|
233
|
-
"x1",
|
|
234
|
-
"x2",
|
|
235
|
-
"y1",
|
|
236
|
-
"y2",
|
|
237
|
-
"stroke"
|
|
238
|
-
], or = [
|
|
239
|
-
"x",
|
|
240
|
-
"y",
|
|
241
|
-
"font-size",
|
|
242
|
-
"fill",
|
|
243
|
-
"innerHTML"
|
|
244
|
-
], sr = [
|
|
245
|
-
"x",
|
|
246
|
-
"y",
|
|
247
|
-
"font-size",
|
|
248
|
-
"fill",
|
|
249
|
-
"innerHTML"
|
|
250
|
-
], cr = [
|
|
251
|
-
"x",
|
|
252
|
-
"y",
|
|
253
|
-
"font-size",
|
|
254
|
-
"fill",
|
|
255
|
-
"innerHTML"
|
|
256
|
-
], lr = [
|
|
257
|
-
"x",
|
|
258
|
-
"y",
|
|
259
|
-
"font-size",
|
|
260
|
-
"fill",
|
|
261
|
-
"innerHTML"
|
|
262
|
-
], ur = { key: 0 }, dr = ["id"], fr = ["fill", "stroke"], pr = [
|
|
263
|
-
"x1",
|
|
264
|
-
"x2",
|
|
265
|
-
"y1",
|
|
266
|
-
"y2",
|
|
267
|
-
"stroke",
|
|
268
|
-
"marker-end"
|
|
269
|
-
], mr = [
|
|
270
|
-
"x1",
|
|
271
|
-
"x2",
|
|
272
|
-
"y1",
|
|
273
|
-
"y2",
|
|
274
|
-
"stroke",
|
|
275
|
-
"marker-end"
|
|
276
|
-
], hr = [
|
|
277
|
-
"x",
|
|
278
|
-
"y",
|
|
279
|
-
"font-size",
|
|
280
|
-
"fill",
|
|
281
|
-
"stroke"
|
|
282
|
-
], gr = [
|
|
283
|
-
"id",
|
|
284
|
-
"x1",
|
|
285
|
-
"x2"
|
|
286
|
-
], _r = ["stop-color"], vr = ["stop-color"], yr = [
|
|
287
|
-
"x",
|
|
288
|
-
"y",
|
|
289
|
-
"width",
|
|
290
|
-
"height",
|
|
291
|
-
"fill",
|
|
292
|
-
"onMouseenter"
|
|
293
|
-
], br = [
|
|
294
|
-
"font-size",
|
|
295
|
-
"fill",
|
|
296
|
-
"transform"
|
|
297
|
-
], xr = [
|
|
298
|
-
"x",
|
|
299
|
-
"y",
|
|
300
|
-
"font-size",
|
|
301
|
-
"fill"
|
|
302
|
-
], Sr = [
|
|
303
|
-
"text-anchor",
|
|
304
|
-
"font-size",
|
|
305
|
-
"fill",
|
|
306
|
-
"transform",
|
|
307
|
-
"onClick"
|
|
308
|
-
], Cr = [
|
|
309
|
-
"text-anchor",
|
|
310
|
-
"font-size",
|
|
311
|
-
"fill",
|
|
312
|
-
"transform",
|
|
313
|
-
"innerHTML",
|
|
314
|
-
"onClick"
|
|
315
|
-
], wr = { key: 15 }, Tr = [
|
|
316
|
-
"x1",
|
|
317
|
-
"y1",
|
|
318
|
-
"x2",
|
|
319
|
-
"y2",
|
|
320
|
-
"stroke",
|
|
321
|
-
"stroke-width",
|
|
322
|
-
"stroke-dasharray"
|
|
323
|
-
], Er = [
|
|
324
|
-
"x1",
|
|
325
|
-
"y1",
|
|
326
|
-
"x2",
|
|
327
|
-
"y2",
|
|
328
|
-
"stroke",
|
|
329
|
-
"stroke-width",
|
|
330
|
-
"stroke-dasharray"
|
|
331
|
-
], Dr = [
|
|
332
|
-
"y",
|
|
333
|
-
"x",
|
|
334
|
-
"width",
|
|
335
|
-
"height",
|
|
336
|
-
"fill"
|
|
337
|
-
], Or = [
|
|
338
|
-
"id",
|
|
339
|
-
"x",
|
|
340
|
-
"y",
|
|
341
|
-
"font-size",
|
|
342
|
-
"fill",
|
|
343
|
-
"text-anchor"
|
|
344
|
-
], kr = {
|
|
345
|
-
key: 16,
|
|
346
|
-
style: { "pointer-events": "none" }
|
|
347
|
-
}, Ar = ["x", "y"], jr = ["innerHTML"], Mr = [
|
|
348
|
-
"cx",
|
|
349
|
-
"cy",
|
|
350
|
-
"r",
|
|
351
|
-
"fill"
|
|
352
|
-
], Nr = ["data-start", "data-end"], Pr = {
|
|
353
|
-
key: 0,
|
|
354
|
-
style: {
|
|
355
|
-
position: "absolute",
|
|
356
|
-
top: "100%",
|
|
357
|
-
left: "0",
|
|
358
|
-
width: "100%"
|
|
359
|
-
},
|
|
360
|
-
"data-dom-to-png-ignore": "",
|
|
361
|
-
"aria-hidden": "true"
|
|
362
|
-
}, Fr = {
|
|
363
|
-
key: 5,
|
|
364
|
-
class: "vue-data-ui-watermark"
|
|
365
|
-
}, Ir = {
|
|
366
|
-
class: "vue-ui-xy-tag-arrow",
|
|
367
|
-
height: "20",
|
|
368
|
-
viewBox: "0 0 10 20",
|
|
369
|
-
style: {
|
|
370
|
-
position: "absolute",
|
|
371
|
-
right: "100%",
|
|
372
|
-
top: "50%",
|
|
373
|
-
transform: "translateY(-50%)"
|
|
374
|
-
}
|
|
375
|
-
}, Lr = ["fill"], Rr = ["innerHTML"], zr = {
|
|
376
|
-
class: "vue-ui-xy-tag-arrow",
|
|
377
|
-
height: "100%",
|
|
378
|
-
viewBox: "0 0 10 20",
|
|
379
|
-
style: {
|
|
380
|
-
position: "absolute",
|
|
381
|
-
left: "100%",
|
|
382
|
-
top: "50%",
|
|
383
|
-
transform: "translateY(-50%)"
|
|
384
|
-
}
|
|
385
|
-
}, Br = ["fill"], Vr = ["innerHTML"], Hr = {
|
|
386
|
-
class: "vue-ui-xy-tag-arrow",
|
|
387
|
-
height: "20",
|
|
388
|
-
viewBox: "0 0 10 20",
|
|
389
|
-
style: {
|
|
390
|
-
position: "absolute",
|
|
391
|
-
right: "100%",
|
|
392
|
-
top: "50%",
|
|
393
|
-
transform: "translateY(-50%)"
|
|
394
|
-
}
|
|
395
|
-
}, Ur = ["fill"], Wr = ["innerHTML"], Gr = {
|
|
396
|
-
class: "vue-ui-xy-tag-arrow",
|
|
397
|
-
height: "100%",
|
|
398
|
-
viewBox: "0 0 10 20",
|
|
399
|
-
style: {
|
|
400
|
-
position: "absolute",
|
|
401
|
-
left: "100%",
|
|
402
|
-
top: "50%",
|
|
403
|
-
transform: "translateY(-50%)"
|
|
404
|
-
}
|
|
405
|
-
}, Kr = ["fill"], qr = ["innerHTML"], Jr = ["id"], Yr = ["onClick", "onKeydown"], Xr = {
|
|
406
|
-
key: 0,
|
|
407
|
-
viewBox: "0 0 20 12",
|
|
408
|
-
height: "1em",
|
|
409
|
-
width: "1.43em",
|
|
410
|
-
"aria-hidden": "true"
|
|
411
|
-
}, Zr = ["stroke", "fill"], Qr = {
|
|
412
|
-
key: 1,
|
|
413
|
-
viewBox: "0 0 40 40",
|
|
414
|
-
height: "1em",
|
|
415
|
-
width: "1em",
|
|
416
|
-
"aria-hidden": "true"
|
|
417
|
-
}, $r = ["fill"], ei = ["fill"], ti = {
|
|
418
|
-
key: 2,
|
|
419
|
-
viewBox: "0 0 12 12",
|
|
420
|
-
height: "1em",
|
|
421
|
-
width: "1em",
|
|
422
|
-
"aria-hidden": "true"
|
|
423
|
-
}, ni = {
|
|
424
|
-
style: {
|
|
425
|
-
display: "flex",
|
|
426
|
-
"flex-direction": "row",
|
|
427
|
-
gap: "6px",
|
|
428
|
-
"align-items": "center",
|
|
429
|
-
"padding-left": "6px"
|
|
430
|
-
},
|
|
431
|
-
"data-dom-to-png-ignore": ""
|
|
432
|
-
}, ri = ["innerHTML"], j = /* @__PURE__ */ Ke({
|
|
433
|
-
__name: "vue-ui-xy",
|
|
434
|
-
props: {
|
|
435
|
-
config: {
|
|
436
|
-
type: Object,
|
|
437
|
-
default() {
|
|
438
|
-
return {};
|
|
439
|
-
}
|
|
440
|
-
},
|
|
441
|
-
dataset: {
|
|
442
|
-
type: Array,
|
|
443
|
-
default() {
|
|
444
|
-
return [];
|
|
445
|
-
}
|
|
446
|
-
},
|
|
447
|
-
selectedXIndex: {
|
|
448
|
-
type: Number,
|
|
449
|
-
default: void 0
|
|
450
|
-
}
|
|
451
|
-
},
|
|
452
|
-
emits: [
|
|
453
|
-
"selectTimeLabel",
|
|
454
|
-
"selectX",
|
|
455
|
-
"selectLegend",
|
|
456
|
-
"zoomStart",
|
|
457
|
-
"zoomEnd",
|
|
458
|
-
"zoomReset",
|
|
459
|
-
"copyAlt"
|
|
460
|
-
],
|
|
461
|
-
setup(e, { expose: Ke, emit: bt }) {
|
|
462
|
-
let j = e, ii = nt(() => import("./DataTable-B--IN22e.js")), ai = nt(() => import("./Tooltip-BENq327o.js")), oi = nt(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), si = nt(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), ci = nt(() => import("./vue-ui-table-sparkline-BZDkOEEl.js").then((e) => e.n)), li = nt(() => import("./PackageVersion-xcyrdRmY.js").then((e) => e.t)), ui = nt(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), di = nt(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), fi = bt, pi = ht(), mi = rt(), { vue_ui_xy: hi } = Ne(), { isThemeValid: gi, warnInvalidTheme: _i } = ze(), vi = E(null), yi = E(null), bi = E(null), xi = E(null), Si = E(null), Ci = E(null), wi = E(null), Ti = E(null), Ei = E(null), Di = E(null), Oi = E(null), ki = E(null), Ai = E(null), ji = E(null), Mi = E(0), M = E(null), Ni = E(!0), Pi = E(600), N = E(1e3), Fi = E("0 0 1000 600"), Ii = E({
|
|
463
|
-
x: 0,
|
|
464
|
-
y: 0
|
|
465
|
-
}), Li = E({
|
|
466
|
-
line: "line",
|
|
467
|
-
bar: "bar",
|
|
468
|
-
plot: "plot"
|
|
469
|
-
}), Ri = E(!1), zi = E(!1), Bi = E(!1), Vi = E(null), P = E([]), F = E(c()), Hi = E(0), Ui = E(0), Wi = E(0), Gi = E(!0), Ki = E(0), I = E(null), qi = E(!1), Ji = E(!0), Yi = E(!0), L = E(null), Xi = E({}), Zi = E(null), Qi = E(!1), $i = E(null), ea = E(!1), ta = E(!1), na = E(null), R = E(null), ra = E(null), ia = E({
|
|
470
|
-
x: 0,
|
|
471
|
-
y: 0
|
|
472
|
-
}), aa = ft(null), oa = E(!1), sa = E(0), ca = E(0), la = Be({
|
|
473
|
-
elementRef: aa,
|
|
474
|
-
minimumWidth: 2,
|
|
475
|
-
minimumHeight: 2,
|
|
476
|
-
stableFramesRequired: 2,
|
|
477
|
-
once: !1,
|
|
478
|
-
onSizeAccepted: () => {
|
|
479
|
-
fa();
|
|
480
|
-
}
|
|
481
|
-
});
|
|
482
|
-
function ua() {
|
|
483
|
-
aa.value = vi.value?.parentNode ?? null;
|
|
484
|
-
}
|
|
485
|
-
function da() {
|
|
486
|
-
return new Promise((e) => {
|
|
487
|
-
requestAnimationFrame(() => {
|
|
488
|
-
requestAnimationFrame(e);
|
|
489
|
-
});
|
|
490
|
-
});
|
|
491
|
-
}
|
|
492
|
-
async function fa() {
|
|
493
|
-
let e = ++ca.value;
|
|
494
|
-
oa.value = !1, await ot(), await da(), await da(), e === ca.value && (sa.value += 1, oa.value = !0);
|
|
495
|
-
}
|
|
496
|
-
let pa = b(() => ({
|
|
497
|
-
height: Pi.value,
|
|
498
|
-
width: N.value
|
|
499
|
-
}));
|
|
500
|
-
function ma(e) {
|
|
501
|
-
return Number.isFinite(e) ? Math.max(0, Math.floor(e)) : 0;
|
|
502
|
-
}
|
|
503
|
-
function ha(e, t, n = 0) {
|
|
504
|
-
return Number.isFinite(e) && Number.isFinite(t) && Math.abs(t) > 1e-9 ? e / t : n;
|
|
505
|
-
}
|
|
506
|
-
let ga = E(!1), _a = E(null), va = E(null), z = E({
|
|
507
|
-
xAxis: 18,
|
|
508
|
-
yAxis: 12,
|
|
509
|
-
dataLabels: 20,
|
|
510
|
-
plotLabels: 10
|
|
511
|
-
}), ya = E({
|
|
512
|
-
plot: 3,
|
|
513
|
-
line: 3
|
|
514
|
-
});
|
|
515
|
-
ut(() => {
|
|
516
|
-
Qi.value = !0, j.dataset.length && j.dataset.forEach((e, t) => {
|
|
517
|
-
[null, void 0].includes(e.series) && ce({
|
|
518
|
-
componentName: "VueUiXy",
|
|
519
|
-
type: "datasetSerieAttribute",
|
|
520
|
-
property: "series (number[])",
|
|
521
|
-
index: t,
|
|
522
|
-
debug: Ta.value
|
|
523
|
-
});
|
|
524
|
-
}), ua(), la.start(), fa();
|
|
525
|
-
});
|
|
526
|
-
function ba() {
|
|
527
|
-
if (!Object.keys(j.config || {}).length) return hi;
|
|
528
|
-
let e = Re({
|
|
529
|
-
userConfig: j.config,
|
|
530
|
-
defaultConfig: hi
|
|
531
|
-
});
|
|
532
|
-
j.config && m(j.config, "chart.highlightArea") && (Array.isArray(j.config.chart.highlightArea) ? e.chart.highlightArea = j.config.chart.highlightArea : e.chart.highlightArea = [j.config.chart.highlightArea]), j.config && m(j.config, "chart.annotations") && Array.isArray(j.config.chart.annotations) && j.config.chart.annotations.length ? e.chart.annotations = j.config.chart.annotations.map((e) => Re({
|
|
533
|
-
defaultConfig: hi.chart.annotations[0],
|
|
534
|
-
userConfig: e
|
|
535
|
-
})) : e.chart.annotations = [], j.config && m(j.config, "chart.grid.position") && j.config.chart.grid.position === "start" && j.dataset.length && j.dataset.some((e) => e.type === "bar") && (e.chart.grid.position = "middle", m(j.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), j.config && m(j.config, "chart.highlightArea") && (Array.isArray(j.config.chart.highlightArea) ? e.chart.highlightArea = j.config.chart.highlightArea.map((e) => xa({
|
|
536
|
-
defaultConfig: hi.chart.highlightArea,
|
|
537
|
-
userConfig: e
|
|
538
|
-
})) : e.chart.highlightArea = xa({
|
|
539
|
-
defaultConfig: hi.chart.highlightArea,
|
|
540
|
-
userConfig: j.config.chart.highlightArea
|
|
541
|
-
}));
|
|
542
|
-
let t = e.theme;
|
|
543
|
-
if (!t) return e;
|
|
544
|
-
if (!gi.value(e)) return _i(e), e;
|
|
545
|
-
let n = Re({
|
|
546
|
-
userConfig: We[t] || j.config,
|
|
547
|
-
defaultConfig: e
|
|
548
|
-
}), r = Re({
|
|
549
|
-
userConfig: j.config,
|
|
550
|
-
defaultConfig: n
|
|
551
|
-
});
|
|
552
|
-
return {
|
|
553
|
-
...r,
|
|
554
|
-
customPalette: r.customPalette.length ? r.customPalette : ae[t] || a
|
|
555
|
-
};
|
|
556
|
-
}
|
|
557
|
-
function xa({ defaultConfig: e, userConfig: t }) {
|
|
558
|
-
return Re({
|
|
559
|
-
defaultConfig: e,
|
|
560
|
-
userConfig: t
|
|
561
|
-
});
|
|
562
|
-
}
|
|
563
|
-
let Sa = b({
|
|
564
|
-
get() {
|
|
565
|
-
return !!j.dataset && j.dataset.length;
|
|
566
|
-
},
|
|
567
|
-
set(e) {
|
|
568
|
-
return e;
|
|
569
|
-
}
|
|
570
|
-
}), B = E(ba()), Ca = b(() => B.value.chart.userOptions.useCursorPointer), V = E({
|
|
571
|
-
dataLabels: { show: !0 },
|
|
572
|
-
showTooltip: !0,
|
|
573
|
-
showTable: !1,
|
|
574
|
-
isStacked: !1,
|
|
575
|
-
useIndividualScale: !1
|
|
576
|
-
});
|
|
577
|
-
function wa() {
|
|
578
|
-
let e = B.value.chart.grid.labels.yAxis.stacked, t = B.value.chart.grid.labels.yAxis.useIndividualScale;
|
|
579
|
-
if (!ga.value) {
|
|
580
|
-
V.value = {
|
|
581
|
-
dataLabels: { show: !0 },
|
|
582
|
-
showTooltip: B.value.chart.tooltip.show === !0,
|
|
583
|
-
showTable: B.value.showTable === !0,
|
|
584
|
-
isStacked: e,
|
|
585
|
-
useIndividualScale: t
|
|
586
|
-
}, _a.value = e, va.value = t, ga.value = !0;
|
|
587
|
-
return;
|
|
588
|
-
}
|
|
589
|
-
V.value.showTooltip = B.value.chart.tooltip.show === !0, e !== _a.value && (V.value.isStacked = e, _a.value = e), t !== va.value && (V.value.useIndividualScale = t, va.value = t), V.value.isStacked && (V.value.useIndividualScale = !0);
|
|
590
|
-
}
|
|
591
|
-
let Ta = b(() => !!B.value.debug), Ea = b(() => n({
|
|
592
|
-
defaultConfig: {
|
|
593
|
-
useCssAnimation: !1,
|
|
594
|
-
showTable: !1,
|
|
595
|
-
chart: {
|
|
596
|
-
annotations: [],
|
|
597
|
-
highlightArea: [],
|
|
598
|
-
backgroundColor: "#99999930",
|
|
599
|
-
grid: {
|
|
600
|
-
stroke: "#6A6A6A",
|
|
601
|
-
labels: {
|
|
602
|
-
show: !1,
|
|
603
|
-
axis: {
|
|
604
|
-
yLabel: "",
|
|
605
|
-
xLabel: ""
|
|
606
|
-
},
|
|
607
|
-
xAxisLabels: { show: !1 },
|
|
608
|
-
yAxis: {
|
|
609
|
-
commonScaleSteps: 10,
|
|
610
|
-
useNiceScale: !0,
|
|
611
|
-
scaleMin: 0,
|
|
612
|
-
scaleMax: 134
|
|
613
|
-
},
|
|
614
|
-
zeroLine: { show: !0 }
|
|
615
|
-
}
|
|
616
|
-
},
|
|
617
|
-
padding: {
|
|
618
|
-
top: 12,
|
|
619
|
-
bottom: 24,
|
|
620
|
-
left: 24,
|
|
621
|
-
right: 24
|
|
622
|
-
},
|
|
623
|
-
userOptions: { show: !1 },
|
|
624
|
-
zoom: {
|
|
625
|
-
show: !1,
|
|
626
|
-
startIndex: null,
|
|
627
|
-
endIndex: null
|
|
628
|
-
}
|
|
629
|
-
},
|
|
630
|
-
bar: {
|
|
631
|
-
serieName: { show: !1 },
|
|
632
|
-
labels: { show: !1 },
|
|
633
|
-
border: {
|
|
634
|
-
useSerieColor: !1,
|
|
635
|
-
stroke: "#999999"
|
|
636
|
-
}
|
|
637
|
-
},
|
|
638
|
-
line: {
|
|
639
|
-
dot: {
|
|
640
|
-
useSerieColor: !1,
|
|
641
|
-
fill: "#8A8A8A"
|
|
642
|
-
},
|
|
643
|
-
labels: { show: !1 }
|
|
644
|
-
}
|
|
645
|
-
},
|
|
646
|
-
userConfig: B.value.skeletonConfig ?? {}
|
|
647
|
-
})), Da = b(() => j.config?.skeletonDataset ?? [{
|
|
648
|
-
name: "",
|
|
649
|
-
series: [
|
|
650
|
-
0,
|
|
651
|
-
1,
|
|
652
|
-
2,
|
|
653
|
-
3,
|
|
654
|
-
5,
|
|
655
|
-
8,
|
|
656
|
-
13,
|
|
657
|
-
21,
|
|
658
|
-
34,
|
|
659
|
-
55,
|
|
660
|
-
89,
|
|
661
|
-
134
|
|
662
|
-
],
|
|
663
|
-
type: "line",
|
|
664
|
-
smooth: !0,
|
|
665
|
-
color: "#BABABA"
|
|
666
|
-
}, {
|
|
667
|
-
name: "",
|
|
668
|
-
series: [
|
|
669
|
-
0,
|
|
670
|
-
.5,
|
|
671
|
-
1,
|
|
672
|
-
1.5,
|
|
673
|
-
2.5,
|
|
674
|
-
4,
|
|
675
|
-
6.5,
|
|
676
|
-
10.5,
|
|
677
|
-
17,
|
|
678
|
-
27.5,
|
|
679
|
-
44.5,
|
|
680
|
-
67
|
|
681
|
-
],
|
|
682
|
-
type: "bar",
|
|
683
|
-
color: "#CACACA"
|
|
684
|
-
}]), { loading: Oa, FINAL_DATASET: H, manualLoading: ka } = Fe({
|
|
685
|
-
...mt(j),
|
|
686
|
-
FINAL_CONFIG: B,
|
|
687
|
-
prepareConfig: ba,
|
|
688
|
-
callback: () => {
|
|
689
|
-
Promise.resolve().then(async () => {
|
|
690
|
-
(!B.value.chart.zoom.keepState || !zo.value || W.value.start === 0 && W.value.end === 0) && await Uo(), V.value.showTable = B.value.showTable;
|
|
691
|
-
});
|
|
692
|
-
},
|
|
693
|
-
skeletonDataset: Da.value,
|
|
694
|
-
skeletonConfig: n({
|
|
695
|
-
defaultConfig: B.value,
|
|
696
|
-
userConfig: Ea.value
|
|
697
|
-
})
|
|
698
|
-
});
|
|
699
|
-
function Aa(e) {
|
|
700
|
-
let t = /* @__PURE__ */ new WeakMap();
|
|
701
|
-
return (n, ...r) => {
|
|
702
|
-
let i = t.get(n), a = JSON.stringify(r);
|
|
703
|
-
if (i && i.has(a)) return i.get(a);
|
|
704
|
-
let o = e(n, ...r);
|
|
705
|
-
return i || (i = /* @__PURE__ */ new Map(), t.set(n, i)), i.set(a, o), o;
|
|
706
|
-
};
|
|
707
|
-
}
|
|
708
|
-
let ja = Aa((e, t) => we({
|
|
709
|
-
data: e,
|
|
710
|
-
threshold: t
|
|
711
|
-
})), Ma = (e) => ja(e, B.value.downsample.threshold), U = b({
|
|
712
|
-
get: () => Math.max(...H.value.map((e) => Ma(e.series).length)),
|
|
713
|
-
set: (e) => e
|
|
714
|
-
}), W = E({
|
|
715
|
-
start: 0,
|
|
716
|
-
end: U.value
|
|
717
|
-
}), G = E({
|
|
718
|
-
start: 0,
|
|
719
|
-
end: U.value
|
|
720
|
-
}), Na = b(() => B.value.chart.zoom.preview.enable && (G.value.start !== W.value.start || G.value.end !== W.value.end));
|
|
721
|
-
function Pa(e, t) {
|
|
722
|
-
G.value[e] = t;
|
|
723
|
-
}
|
|
724
|
-
function Fa() {
|
|
725
|
-
if (q.value) {
|
|
726
|
-
let e = fc.value.min, t = fc.value.max, n = Number(W.value.start), r = Number(W.value.end);
|
|
727
|
-
Number.isFinite(n) || (n = e), Number.isFinite(r) || (r = t), n = Math.max(e, Math.min(n, t)), r = Math.max(n, Math.min(r, t)), r <= n && (n = e, r = t), W.value = {
|
|
728
|
-
start: n,
|
|
729
|
-
end: r
|
|
730
|
-
}, G.value.start = n, G.value.end = r, bi.value && (bi.value.setStartValue(n), bi.value.setEndValue(r));
|
|
731
|
-
return;
|
|
732
|
-
}
|
|
733
|
-
let e = Math.max(1, ...H.value.map((e) => Ma(e.series).length)), t = Math.max(0, Math.min(W.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(W.value.end ?? e, e));
|
|
734
|
-
(!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), W.value = {
|
|
735
|
-
start: t,
|
|
736
|
-
end: n
|
|
737
|
-
}, G.value.start = t, G.value.end = n, bi.value && (bi.value.setStartValue(t), bi.value.setEndValue(n));
|
|
738
|
-
}
|
|
739
|
-
let Ia = b(() => {
|
|
740
|
-
let { left: e, top: t, width: n, height: r } = Y.value, i = W.value.start, a = W.value.end - i, o = n / a, s = G.value.start - i, c = G.value.end - i, l = Math.max(0, Math.min(a, s)), u = Math.max(0, Math.min(a, c));
|
|
741
|
-
return {
|
|
742
|
-
x: e + l * o,
|
|
743
|
-
y: t,
|
|
744
|
-
width: (u - l) * o,
|
|
745
|
-
height: r,
|
|
746
|
-
fill: B.value.chart.zoom.preview.fill,
|
|
747
|
-
stroke: B.value.chart.zoom.preview.stroke,
|
|
748
|
-
"stroke-width": B.value.chart.zoom.preview.strokeWidth,
|
|
749
|
-
"stroke-dasharray": B.value.chart.zoom.preview.strokeDasharray,
|
|
750
|
-
"stroke-linecap": "round",
|
|
751
|
-
"stroke-linejoin": "round",
|
|
752
|
-
style: {
|
|
753
|
-
pointerEvents: "none",
|
|
754
|
-
transition: "none !important",
|
|
755
|
-
animation: "none !important"
|
|
756
|
-
}
|
|
757
|
-
};
|
|
758
|
-
});
|
|
759
|
-
_t(() => j.selectedXIndex, (e) => {
|
|
760
|
-
if ([null, void 0].includes(j.selectedXIndex)) {
|
|
761
|
-
R.value = null;
|
|
762
|
-
return;
|
|
763
|
-
}
|
|
764
|
-
let t = e - W.value.start;
|
|
765
|
-
t < 0 || e >= W.value.end ? R.value = null : R.value = t ?? null;
|
|
766
|
-
}, { immediate: !0 });
|
|
767
|
-
let { isPrinting: La, isImaging: Ra, generatePdf: za, generateImage: Ba } = Pe({
|
|
768
|
-
elementId: `vue-ui-xy_${F.value}`,
|
|
769
|
-
fileName: B.value.chart.title.text || "vue-ui-xy",
|
|
770
|
-
options: B.value.chart.userOptions.print
|
|
771
|
-
}), Va = E(!1), Ha = b(() => Ee(B.value.customPalette)), Ua = b(() => {
|
|
772
|
-
let e = B.value.chart.grid.labels.yAxis.scaleMin;
|
|
773
|
-
if (e == null) return null;
|
|
774
|
-
let t = Number(e);
|
|
775
|
-
return Number.isFinite(t) ? t : null;
|
|
776
|
-
}), Wa = b(() => Ua.value === null ? rs.value : Y.value.bottom), Ga = b(() => {
|
|
777
|
-
let e = B.value.chart.grid.labels.yAxis.scaleMax;
|
|
778
|
-
if (e == null) return null;
|
|
779
|
-
let t = Number(e);
|
|
780
|
-
return Number.isFinite(t) ? t : null;
|
|
781
|
-
}), Ka = b(() => Ua.value !== null || Ga.value !== null), qa = b(() => {
|
|
782
|
-
let e = to.value.filter((e) => !P.value.includes(e.id)).flatMap((e) => Array.isArray(e.series) ? e.series : []).map(eo).filter(Number.isFinite);
|
|
783
|
-
return e.length ? {
|
|
784
|
-
min: Math.min(...e),
|
|
785
|
-
max: Math.max(...e)
|
|
786
|
-
} : {
|
|
787
|
-
min: 0,
|
|
788
|
-
max: 1
|
|
789
|
-
};
|
|
790
|
-
});
|
|
791
|
-
function Ja(e, t) {
|
|
792
|
-
let n = Number.isFinite(e) ? e : 0, r = Number.isFinite(t) ? t : 1;
|
|
793
|
-
return n === r ? r = n + 1 : n > r && ([n, r] = [r, n]), {
|
|
794
|
-
min: n,
|
|
795
|
-
max: r
|
|
796
|
-
};
|
|
797
|
-
}
|
|
798
|
-
let Ya = b(() => {
|
|
799
|
-
let { min: e, max: t } = qa.value;
|
|
800
|
-
if (!Ka.value) {
|
|
801
|
-
let t = e;
|
|
802
|
-
return t > 0 ? 0 : t;
|
|
803
|
-
}
|
|
804
|
-
let n = Ua.value === null ? e > 0 ? 0 : e : Ua.value, r = Ga.value === null ? t : Ga.value;
|
|
805
|
-
return Ja(e < n ? e : n, t > r ? t : r).min;
|
|
806
|
-
}), Xa = b(() => {
|
|
807
|
-
let { min: e, max: t } = qa.value;
|
|
808
|
-
if (!Ka.value) {
|
|
809
|
-
let e = t;
|
|
810
|
-
return Ya.value === e ? e + 1 : e;
|
|
811
|
-
}
|
|
812
|
-
let n = Ua.value === null ? e > 0 ? 0 : e : Ua.value, r = Ga.value === null ? t : Ga.value;
|
|
813
|
-
return Ja(e < n ? e : n, t > r ? t : r).max;
|
|
814
|
-
}), K = b(() => B.value.chart.grid.labels.yAxis.useNiceScale ? fe(Ya.value, Xa.value < 0 ? 0 : Xa.value, B.value.chart.grid.labels.yAxis.commonScaleSteps) : de(Ya.value, Xa.value < 0 ? 0 : Xa.value, B.value.chart.grid.labels.yAxis.commonScaleSteps)), Za = b(() => [null, void 0].includes(B.value.chart.grid.labels.yAxis.scaleMin) ? K.value.min >= 0 ? 0 : Math.abs(K.value.min) : -K.value.min);
|
|
815
|
-
function Qa(e) {
|
|
816
|
-
return e && typeof e == "object" && Number.isFinite(Number(e.x)) && Number.isFinite(Number(e.y));
|
|
817
|
-
}
|
|
818
|
-
let q = b(() => H.value.some((e) => Array.isArray(e.series) && e.series.some(Qa)));
|
|
819
|
-
ut(() => {
|
|
820
|
-
q.value && j.dataset.some((e) => e.type === "bar") && console.warn("Vue Data UI - VueUiXy: series of type 'bar' are not supported in continuous mode.\n\nContinuous mode requires 'line' and 'plot' series to use coordinate-based datasets:\n[{ x: number, y: number }]\n\nIf you need to mix 'bar', 'line', and 'plot' series in the same chart, all series must use the standard\n[number, number, number...]");
|
|
821
|
-
});
|
|
822
|
-
function $a(e, t) {
|
|
823
|
-
return e && typeof e == "object" && e.x === null && e.y === null ? {
|
|
824
|
-
x: null,
|
|
825
|
-
y: null,
|
|
826
|
-
index: t,
|
|
827
|
-
raw: e,
|
|
828
|
-
isNull: !0
|
|
829
|
-
} : {
|
|
830
|
-
x: Number(e.x),
|
|
831
|
-
y: ve(e.y) ? Number(e.y) : null,
|
|
832
|
-
index: t,
|
|
833
|
-
raw: e,
|
|
834
|
-
isNull: !1
|
|
835
|
-
};
|
|
836
|
-
}
|
|
837
|
-
function eo(e) {
|
|
838
|
-
return q.value ? e.y : e;
|
|
839
|
-
}
|
|
840
|
-
let to = b(() => !Ni.value && !q.value ? H.value : H.value.map((e, t) => {
|
|
841
|
-
let n = q.value ? e.series : Ma(e.series), r = `uniqueId_${t}`;
|
|
842
|
-
return {
|
|
843
|
-
...e,
|
|
844
|
-
slotAbsoluteIndex: t,
|
|
845
|
-
series: q.value ? n.map((e, t) => $a(e, t)).filter((e) => e.x >= W.value.start && e.x <= W.value.end) : n.map((e) => ve(e) ? e : null).slice(W.value.start, W.value.end),
|
|
846
|
-
color: De(e.color ? e.color : Ha.value[t] ? Ha.value[t] : a[t]),
|
|
847
|
-
id: r,
|
|
848
|
-
scaleLabel: e.scaleLabel || r
|
|
849
|
-
};
|
|
850
|
-
})), no = b(() => to.value.map((e, t) => ({
|
|
851
|
-
absoluteIndex: t,
|
|
852
|
-
...e,
|
|
853
|
-
series: q.value ? e.series.map((e) => ({
|
|
854
|
-
...e,
|
|
855
|
-
y: e.y === null ? null : e.y + Za.value
|
|
856
|
-
})) : e.series.map((e) => e + Za.value),
|
|
857
|
-
absoluteValues: q.value ? e.series.map((e) => e.y) : e.series,
|
|
858
|
-
segregate: () => ks(e),
|
|
859
|
-
isSegregated: P.value.includes(e.id)
|
|
860
|
-
}))), ro = b(() => to.value.map((e) => ({
|
|
861
|
-
...e,
|
|
862
|
-
series: q.value ? e.series.map((e) => ({
|
|
863
|
-
...e,
|
|
864
|
-
y: e.y === null ? null : e.y + Za.value
|
|
865
|
-
})) : e.series.map((e) => e + Za.value),
|
|
866
|
-
absoluteValues: q.value ? e.series.map((e) => e.y) : e.series
|
|
867
|
-
})).filter((e) => !P.value.includes(e.id))), io = b(() => P.value.length === no.value.length), J = b(() => B.value.chart.grid.labels.yAxis.position === "right");
|
|
868
|
-
function ao() {
|
|
869
|
-
let e = 0;
|
|
870
|
-
Oi.value && (e = Array.from(Oi.value.querySelectorAll("text")).reduce((e, t) => {
|
|
871
|
-
let n = t.getComputedTextLength();
|
|
872
|
-
return n > e ? n : e;
|
|
873
|
-
}, 0));
|
|
874
|
-
let t = Ei.value ? Ei.value.getBoundingClientRect().width + B.value.chart.grid.labels.axis.yLabelOffsetX + z.value.yAxis : 0, n = e + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + B.value.chart.grid.labels.yAxis.crosshairSize;
|
|
875
|
-
return {
|
|
876
|
-
left: J.value ? 0 : n + t,
|
|
877
|
-
right: J.value ? n + t : 0,
|
|
878
|
-
scaleLabelsOffset: n,
|
|
879
|
-
yAxisLabelWidth: t
|
|
880
|
-
};
|
|
881
|
-
}
|
|
882
|
-
function oo(e) {
|
|
883
|
-
let t = ro.value.filter((e) => ["line", "plot"].includes(e.type)).flatMap((t) => t.series.map((n, r) => {
|
|
884
|
-
let i = dc(n);
|
|
885
|
-
return {
|
|
886
|
-
datapoint: t,
|
|
887
|
-
point: n,
|
|
888
|
-
index: r,
|
|
889
|
-
x: i,
|
|
890
|
-
y: n.y,
|
|
891
|
-
distance: Math.abs(i - e)
|
|
892
|
-
};
|
|
893
|
-
})).filter((e) => g(e.point?.x) && g(e.point?.y)).reduce((e, t) => !e || t.distance < e.distance ? t : e, null);
|
|
894
|
-
if (!t) {
|
|
895
|
-
ms.value = [], hs.value = null, na.value = null;
|
|
896
|
-
return;
|
|
897
|
-
}
|
|
898
|
-
let n = Number(t.point.x);
|
|
899
|
-
ms.value = ro.value.filter((e) => ["line", "plot"].includes(e.type)).map((e) => {
|
|
900
|
-
let t = e.series.findIndex((e) => Number(e.x) === n && g(e.y));
|
|
901
|
-
if (t === -1) return null;
|
|
902
|
-
let r = e.series[t];
|
|
903
|
-
return {
|
|
904
|
-
datapoint: e,
|
|
905
|
-
point: r,
|
|
906
|
-
index: t,
|
|
907
|
-
x: dc(r),
|
|
908
|
-
y: r.y,
|
|
909
|
-
distance: 0
|
|
910
|
-
};
|
|
911
|
-
}).filter(Boolean), hs.value = dc({ x: n }), na.value = n;
|
|
912
|
-
}
|
|
913
|
-
function so(e) {
|
|
914
|
-
if (!Number.isFinite(Number(e))) {
|
|
915
|
-
ms.value = [], hs.value = null;
|
|
916
|
-
return;
|
|
917
|
-
}
|
|
918
|
-
let t = dc({ x: Number(e) });
|
|
919
|
-
oo(t), hs.value = t;
|
|
920
|
-
}
|
|
921
|
-
let co = E(0), lo = E(0);
|
|
922
|
-
function uo() {
|
|
923
|
-
let e = Di.value;
|
|
924
|
-
if (!e) {
|
|
925
|
-
co.value = 0, lo.value = 0;
|
|
926
|
-
return;
|
|
927
|
-
}
|
|
928
|
-
try {
|
|
929
|
-
let t = e.getBBox();
|
|
930
|
-
co.value = t?.height ?? 0, lo.value = t?.x ?? 0;
|
|
931
|
-
} catch {
|
|
932
|
-
co.value = 0, lo.value = 0;
|
|
933
|
-
}
|
|
934
|
-
}
|
|
935
|
-
let fo = b(() => {
|
|
936
|
-
let e = 0;
|
|
937
|
-
if (Ti.value) try {
|
|
938
|
-
e = Ti.value.getBBox().height || 0;
|
|
939
|
-
} catch {
|
|
940
|
-
e = 0;
|
|
941
|
-
}
|
|
942
|
-
return e + co.value + z.value.xAxis;
|
|
943
|
-
}), po = b(() => H.value.some((e) => e.useProgression));
|
|
944
|
-
function mo() {
|
|
945
|
-
return B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + B.value.chart.grid.labels.yAxis.labelWidth + B.value.chart.grid.labels.axis.yLabelOffsetX + z.value.dataLabels * .8;
|
|
946
|
-
}
|
|
947
|
-
let Y = b(() => {
|
|
948
|
-
sa.value;
|
|
949
|
-
let e = 0, t = 0, n = 0, r = 0;
|
|
950
|
-
if (B.value.chart.grid.labels.show) if (V.value.useIndividualScale && !V.value.isStacked) J.value ? t = (H.value.length - P.value.length) * mo() : e = (H.value.length - P.value.length) * (B.value.chart.grid.labels.yAxis.labelWidth + 36);
|
|
951
|
-
else if (V.value.useIndividualScale && V.value.isStacked) {
|
|
952
|
-
let n = B.value.chart.grid.labels.yAxis.labelWidth + 36;
|
|
953
|
-
J.value ? t = n : e = n;
|
|
954
|
-
} else {
|
|
955
|
-
let i = ao();
|
|
956
|
-
e = i.left, t = i.right, n = i.scaleLabelsOffset, r = i.yAxisLabelWidth;
|
|
957
|
-
}
|
|
958
|
-
let i = B.value.chart.labels.fontSize * 1.1, a = po.value ? 24 : 6;
|
|
959
|
-
Di.value && lo.value < 0 && (e += Math.abs(lo.value));
|
|
960
|
-
let o = N.value - e - t - a - B.value.chart.padding?.left - B.value.chart.padding?.right;
|
|
961
|
-
return {
|
|
962
|
-
top: B.value.chart.padding?.top + i,
|
|
963
|
-
right: e + (J.value ? 0 : B.value.chart.grid.labels.yAxis.crosshairSize) + B.value.chart.padding?.left + o,
|
|
964
|
-
bottom: Pi.value - fo.value - B.value.chart.padding?.bottom - B.value.chart.grid.labels.axis.xLabelOffsetY,
|
|
965
|
-
left: e + (J.value ? 0 : B.value.chart.grid.labels.yAxis.crosshairSize) + B.value.chart.padding?.left,
|
|
966
|
-
height: Pi.value - fo.value - B.value.chart.padding?.top - B.value.chart.padding?.bottom - i - B.value.chart.grid.labels.axis.xLabelOffsetY,
|
|
967
|
-
width: o,
|
|
968
|
-
scaleLabelX: e,
|
|
969
|
-
rightScaleLabelX: t,
|
|
970
|
-
scaleLabelsOffset: n,
|
|
971
|
-
yAxisLabelWidth: r,
|
|
972
|
-
individualOffsetX: 36
|
|
973
|
-
};
|
|
974
|
-
}), ho = b(() => {
|
|
975
|
-
let e = +(B.value.chart.grid.position === "middle"), t = Z.value + e, n = h(Y.value?.top), r = h(Y.value?.bottom);
|
|
976
|
-
return q.value ? B.value.chart.grid.position === "middle" ? lc.value.map((e, t, i) => {
|
|
977
|
-
if (t === 0) return null;
|
|
978
|
-
let a = i[t - 1], o = a.x + (e.x - a.x) / 2;
|
|
979
|
-
return `M${o},${n} L${o},${r}`;
|
|
980
|
-
}).filter(Boolean).join(" ") : lc.value.map((e) => `M${e.x},${n} L${e.x},${r}`).join(" ") : Array.from({ length: t }).map((e, t) => {
|
|
981
|
-
let i = B.value.chart.grid.position === "middle" ? Us(t) : Hs(t);
|
|
982
|
-
return `M${i},${n} L${i},${r}`;
|
|
983
|
-
}).join(" ");
|
|
984
|
-
}), go = b(() => {
|
|
985
|
-
if (!B.value.chart.grid.labels.xAxis.showCrosshairs) return "";
|
|
986
|
-
let e = B.value.chart.grid.labels.xAxis.crosshairSize, t = B.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
|
|
987
|
-
return (q.value ? lc.value : Oo.value).map((n, r) => {
|
|
988
|
-
if (!n || !n.text) return null;
|
|
989
|
-
let i = q.value ? n.x : Hs(r);
|
|
990
|
-
return `M${i},${t ? rs.value - (rs.value === Y.value?.bottom ? 0 : e / 2) : Y.value?.bottom} L${i},${t ? rs.value + e / (rs.value === Y.value?.bottom ? 1 : 2) : Y.value?.bottom + e}`;
|
|
991
|
-
}).filter(Boolean).join(" ");
|
|
992
|
-
});
|
|
993
|
-
function _o() {
|
|
994
|
-
return !!mi?.vnode.props?.onSelectTimeLabel;
|
|
995
|
-
}
|
|
996
|
-
function vo(e, t, n) {
|
|
997
|
-
return Zi.value ||= document.createElement("canvas").getContext("2d"), Zi.value.font = `${n || "normal"} ${e}px ${t || "sans-serif"}`, Zi.value;
|
|
998
|
-
}
|
|
999
|
-
function yo() {
|
|
1000
|
-
let e = vi.value.querySelectorAll(".vue-ui-xy-tag");
|
|
1001
|
-
e.length && Array.from(e).forEach((e) => e.style.opacity = "0");
|
|
1002
|
-
}
|
|
1003
|
-
function bo(e, t, n, r, i) {
|
|
1004
|
-
n && (Xi.value[`${e}_${t}_${r}_${i}`] = n);
|
|
1005
|
-
}
|
|
1006
|
-
let xo = E(!1);
|
|
1007
|
-
async function So(e = !1) {
|
|
1008
|
-
await ot(), xo.value = e, qi.value && (Yi.value = e);
|
|
1009
|
-
}
|
|
1010
|
-
function Co() {
|
|
1011
|
-
Ri.value = !Ri.value;
|
|
1012
|
-
}
|
|
1013
|
-
let X = E([]), wo = E([]), To = 0;
|
|
1014
|
-
vt(() => {
|
|
1015
|
-
let e = ++To;
|
|
1016
|
-
(async () => {
|
|
1017
|
-
let t = Math.max(...H.value.map((e) => we({
|
|
1018
|
-
data: e.series,
|
|
1019
|
-
threshold: B.value.downsample.threshold
|
|
1020
|
-
}).length)), n = await Me({
|
|
1021
|
-
values: B.value.chart.grid.labels.xAxisLabels.values,
|
|
1022
|
-
maxDatapoints: t,
|
|
1023
|
-
formatter: B.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
|
|
1024
|
-
start: W.value.start,
|
|
1025
|
-
end: W.value.end
|
|
1026
|
-
});
|
|
1027
|
-
e === To && (X.value = n);
|
|
1028
|
-
})();
|
|
1029
|
-
});
|
|
1030
|
-
let Eo = 0;
|
|
1031
|
-
vt(() => {
|
|
1032
|
-
let e = ++Eo;
|
|
1033
|
-
(async () => {
|
|
1034
|
-
let t = Math.max(...H.value.map((e) => we({
|
|
1035
|
-
data: e.series,
|
|
1036
|
-
threshold: B.value.downsample.threshold
|
|
1037
|
-
}).length)), n = await Me({
|
|
1038
|
-
values: B.value.chart.grid.labels.xAxisLabels.values,
|
|
1039
|
-
maxDatapoints: t,
|
|
1040
|
-
formatter: B.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
|
|
1041
|
-
start: 0,
|
|
1042
|
-
end: U.value
|
|
1043
|
-
});
|
|
1044
|
-
e === Eo && (wo.value = n);
|
|
1045
|
-
})();
|
|
1046
|
-
});
|
|
1047
|
-
let Do = b(() => {
|
|
1048
|
-
let e = B.value.chart.grid.labels.xAxisLabels.modulo;
|
|
1049
|
-
return X.value.length ? Math.min(e, [...new Set(X.value.map((e) => e.text))].length) : e;
|
|
1050
|
-
}), Oo = b(() => {
|
|
1051
|
-
let e = B.value.chart.grid.labels.xAxisLabels, t = X.value || [], n = wo.value || [], r = W.value.start ?? 0, i = R.value, a = Z.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
|
|
1052
|
-
return Ce(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, Do.value || 1), o, s, r, i, a);
|
|
1053
|
-
}), ko = b(() => (Oo.value || []).map((e) => e?.text ?? "").join("|"));
|
|
1054
|
-
ut(() => {
|
|
1055
|
-
requestAnimationFrame(() => {
|
|
1056
|
-
uo();
|
|
1057
|
-
}), _t([
|
|
1058
|
-
() => ko.value,
|
|
1059
|
-
() => B.value.chart.grid.labels.xAxisLabels.rotation,
|
|
1060
|
-
() => z.value.xAxis,
|
|
1061
|
-
() => N.value,
|
|
1062
|
-
() => Pi.value
|
|
1063
|
-
], async () => {
|
|
1064
|
-
await ot(), requestAnimationFrame(() => {
|
|
1065
|
-
uo();
|
|
1066
|
-
});
|
|
1067
|
-
}, { flush: "post" });
|
|
1068
|
-
}), lt(() => {
|
|
1069
|
-
co.value = 0, lo.value = 0, la.stop();
|
|
1070
|
-
});
|
|
1071
|
-
function Ao(e, t) {
|
|
1072
|
-
fi("selectTimeLabel", {
|
|
1073
|
-
datapoint: ro.value.map((e) => ({
|
|
1074
|
-
shape: e.shape ?? e.type === "bar" ? "square" : "circle",
|
|
1075
|
-
name: e.name,
|
|
1076
|
-
color: e.color,
|
|
1077
|
-
type: e.type,
|
|
1078
|
-
value: e.absoluteValues.find((e, n) => n === t),
|
|
1079
|
-
comments: e.comments || [],
|
|
1080
|
-
prefix: e.prefix || B.value.chart.labels.prefix,
|
|
1081
|
-
suffix: e.suffix || B.value.chart.labels.suffix
|
|
1082
|
-
})),
|
|
1083
|
-
absoluteIndex: e.absoluteIndex,
|
|
1084
|
-
label: e.text
|
|
1085
|
-
});
|
|
1086
|
-
}
|
|
1087
|
-
let Z = b(() => {
|
|
1088
|
-
let e = ma((W.value.end ?? 0) - (W.value.start ?? 0));
|
|
1089
|
-
return Math.max(1, e);
|
|
1090
|
-
});
|
|
1091
|
-
function jo(e) {
|
|
1092
|
-
q.value || (I.value = e);
|
|
1093
|
-
}
|
|
1094
|
-
function Mo(e) {
|
|
1095
|
-
if (!q.value || !g(e)) {
|
|
1096
|
-
na.value = null, ms.value = [], hs.value = null;
|
|
1097
|
-
return;
|
|
1098
|
-
}
|
|
1099
|
-
na.value = Number(e), so(Number(e));
|
|
1100
|
-
}
|
|
1101
|
-
let No = b(() => q.value ? g(na.value) || g(hs.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value));
|
|
1102
|
-
function Po() {
|
|
1103
|
-
V.value.isStacked = !V.value.isStacked, V.value.isStacked ? V.value.useIndividualScale = !0 : V.value.useIndividualScale = B.value.chart.grid.labels.yAxis.useIndividualScale;
|
|
1104
|
-
}
|
|
1105
|
-
function Fo(e) {
|
|
1106
|
-
Ta.value && e.autoScaling && (B.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${e.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), B.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${e.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
|
|
1107
|
-
}
|
|
1108
|
-
function Io(e, t) {
|
|
1109
|
-
let n = ma(e), r = Array(n).fill(0);
|
|
1110
|
-
for (let e = 0; e < t.length && e < n; e += 1) r[e] = t[e] ?? 0;
|
|
1111
|
-
return r;
|
|
1112
|
-
}
|
|
1113
|
-
function Lo(e) {
|
|
1114
|
-
let t = Math.max(...H.value.map((e) => Ma(e.series).length));
|
|
1115
|
-
return e > t ? t : e < 0 || B.value.chart.zoom.startIndex !== null && e < B.value.chart.zoom.startIndex ? B.value.chart.zoom.startIndex === null ? 1 : B.value.chart.zoom.startIndex + 1 : e;
|
|
1116
|
-
}
|
|
1117
|
-
let Ro = E(!1), zo = E(!1), Bo = E(0), Vo = E(0);
|
|
1118
|
-
function Ho(e, t) {
|
|
1119
|
-
let n = Number(e), r = Number(t);
|
|
1120
|
-
return !Number.isFinite(n) || !Number.isFinite(r) ? !1 : !Object.is(n, r);
|
|
1121
|
-
}
|
|
1122
|
-
function Uo() {
|
|
1123
|
-
if (!Ro.value) {
|
|
1124
|
-
Ro.value = !0;
|
|
1125
|
-
try {
|
|
1126
|
-
if (q.value) {
|
|
1127
|
-
let e = fc.value.min, t = fc.value.max;
|
|
1128
|
-
Bo.value = e, Vo.value = t, W.value.start = e, W.value.end = t, G.value.start = e, G.value.end = t, zo.value = !0, bi.value && (bi.value.setStartValue(e), bi.value.setEndValue(t));
|
|
1129
|
-
return;
|
|
1130
|
-
}
|
|
1131
|
-
let { startIndex: e, endIndex: t } = B.value.chart.zoom, n = B.value.chart.zoom.keepState ? Math.max(0, ...H.value.map((e) => Ma(e.series).length)) : Math.max(...H.value.map((e) => Ma(e.series).length));
|
|
1132
|
-
if (B.value.chart.zoom.keepState && n <= 0) return;
|
|
1133
|
-
Bo.value = 0, Vo.value = n;
|
|
1134
|
-
let r = e ?? 0, i = t == null ? n : Math.min(Lo(t + 1), n);
|
|
1135
|
-
Wo.value = !0, W.value.start = r, W.value.end = i, G.value.start = r, G.value.end = i, Fa(), zo.value = !0;
|
|
1136
|
-
} finally {
|
|
1137
|
-
queueMicrotask(() => {
|
|
1138
|
-
Wo.value = !1;
|
|
1139
|
-
}), Ro.value = !1;
|
|
1140
|
-
}
|
|
1141
|
-
}
|
|
1142
|
-
}
|
|
1143
|
-
let Wo = E(!1);
|
|
1144
|
-
function Go(e) {
|
|
1145
|
-
if (Ro.value || Wo.value) return;
|
|
1146
|
-
let t = Number(e);
|
|
1147
|
-
fi("zoomStart", {
|
|
1148
|
-
index: t,
|
|
1149
|
-
isZoom: Ho(t, Bo.value)
|
|
1150
|
-
}), Number.isFinite(t) && t !== W.value.start && (W.value.start = t, G.value.start = t, Fa());
|
|
1151
|
-
}
|
|
1152
|
-
function Ko(e) {
|
|
1153
|
-
if (Ro.value || Wo.value) return;
|
|
1154
|
-
if (q.value) {
|
|
1155
|
-
let t = Number(e);
|
|
1156
|
-
if (!Number.isFinite(t)) return;
|
|
1157
|
-
let n = Math.max(Number(W.value.start) + 1 / 10 ** B.value.chart.grid.labels.xAxis.rounding, Math.min(t, fc.value.max));
|
|
1158
|
-
if (fi("zoomEnd", {
|
|
1159
|
-
index: n,
|
|
1160
|
-
isZoom: Ho(n, Vo.value)
|
|
1161
|
-
}), n === W.value.end) return;
|
|
1162
|
-
W.value.end = n, G.value.end = n, Fa();
|
|
1163
|
-
return;
|
|
1164
|
-
}
|
|
1165
|
-
let t = Lo(e);
|
|
1166
|
-
fi("zoomEnd", {
|
|
1167
|
-
index: t,
|
|
1168
|
-
isZoom: Ho(t, Vo.value)
|
|
1169
|
-
}), t !== W.value.end && (W.value.end = t, G.value.end = t, Fa());
|
|
1170
|
-
}
|
|
1171
|
-
async function qo() {
|
|
1172
|
-
await Uo(), fi("zoomReset");
|
|
1173
|
-
}
|
|
1174
|
-
function Jo(e) {
|
|
1175
|
-
return ![
|
|
1176
|
-
null,
|
|
1177
|
-
void 0,
|
|
1178
|
-
NaN,
|
|
1179
|
-
Infinity,
|
|
1180
|
-
-Infinity
|
|
1181
|
-
].includes(e);
|
|
1182
|
-
}
|
|
1183
|
-
let Yo = b(() => K.value.max + Za.value);
|
|
1184
|
-
function Xo(e) {
|
|
1185
|
-
return e / (Jo(Yo.value) ? Yo.value : 1);
|
|
1186
|
-
}
|
|
1187
|
-
let Zo = b(() => B.value.chart.grid.labels.yAxis.reverse);
|
|
1188
|
-
function Qo(e) {
|
|
1189
|
-
return Zo.value ? 1 - e : e;
|
|
1190
|
-
}
|
|
1191
|
-
function $o({ ratio: e, yOffset: t = 0, individualHeight: n }) {
|
|
1192
|
-
let r = Qo(e);
|
|
1193
|
-
return Y.value?.bottom - t - n * r;
|
|
1194
|
-
}
|
|
1195
|
-
function es({ value: e, scaleMin: t, scaleMax: n, yOffset: r = 0, individualHeight: i }) {
|
|
1196
|
-
return $o({
|
|
1197
|
-
ratio: (e - t) / (n - t || 1),
|
|
1198
|
-
yOffset: r,
|
|
1199
|
-
individualHeight: i
|
|
1200
|
-
});
|
|
1201
|
-
}
|
|
1202
|
-
let ts = b(() => B.value.chart.grid.labels.xAxis.reverse);
|
|
1203
|
-
function ns(e) {
|
|
1204
|
-
return ts.value ? 1 - e : e;
|
|
1205
|
-
}
|
|
1206
|
-
let rs = b(() => isNaN(Xo(Za.value)) ? Y.value?.bottom : Y.value?.bottom - Y.value.height * Xo(Za.value));
|
|
1207
|
-
function is(e) {
|
|
1208
|
-
let t = K.value.min, n = K.value.max - t;
|
|
1209
|
-
return !Number.isFinite(e) || !Number.isFinite(n) || n === 0 ? Y.value?.bottom : Y.value?.bottom - Y.value.height * ((e - t) / n);
|
|
1210
|
-
}
|
|
1211
|
-
let as = b(() => K.value.min <= 0 && K.value.max >= 0 ? is(0) : K.value.min > 0 ? is(K.value.min) : is(K.value.max));
|
|
1212
|
-
function os(e) {
|
|
1213
|
-
let t = ![null, void 0].includes(B.value.chart.grid.labels.yAxis.scaleMin) && B.value.chart.grid.labels.yAxis.scaleMin > 0 && Ya.value >= 0 ? Y.value?.bottom : rs.value;
|
|
1214
|
-
return e.value >= 0 ? v(t - e.y <= 0 ? 1e-5 : t - e.y) : v(e.y - rs.value <= 0 ? 1e-5 : e.y - rs.value);
|
|
1215
|
-
}
|
|
1216
|
-
function ss(e) {
|
|
1217
|
-
return e.value >= 0 ? v(e.zeroPosition - e.y <= 0 ? 1e-5 : e.zeroPosition - e.y) : v(e.y - e.zeroPosition <= 0 ? 1e-5 : e.zeroPosition - e.y);
|
|
1218
|
-
}
|
|
1219
|
-
let cs = b(() => {
|
|
1220
|
-
let e = Math.max(1, Z.value);
|
|
1221
|
-
return {
|
|
1222
|
-
bar: ha(Math.max(1, Y.value.width), e * Math.max(1, to.value.filter((e) => e.type === "bar" && !P.value.includes(e.id)).length), 1),
|
|
1223
|
-
plot: Bs.value,
|
|
1224
|
-
line: Bs.value
|
|
1225
|
-
};
|
|
1226
|
-
});
|
|
1227
|
-
function ls() {
|
|
1228
|
-
return V.value.useIndividualScale && V.value.isStacked ? cs.value.line - Y.value.width / Z.value * .1 : cs.value.bar;
|
|
1229
|
-
}
|
|
1230
|
-
function us(e) {
|
|
1231
|
-
return V.value.useIndividualScale && V.value.isStacked ? e.x + Y.value.width / Z.value * .05 : e.x + cs.value.bar / 2;
|
|
1232
|
-
}
|
|
1233
|
-
function ds(e) {
|
|
1234
|
-
return e.value >= 0 ? e.y : [
|
|
1235
|
-
null,
|
|
1236
|
-
void 0,
|
|
1237
|
-
NaN,
|
|
1238
|
-
Infinity,
|
|
1239
|
-
-Infinity
|
|
1240
|
-
].includes(rs.value) ? Y?.bottom.value : rs.value;
|
|
1241
|
-
}
|
|
1242
|
-
function fs(e) {
|
|
1243
|
-
return e.value >= 0 ? e.y : [
|
|
1244
|
-
null,
|
|
1245
|
-
void 0,
|
|
1246
|
-
NaN,
|
|
1247
|
-
Infinity,
|
|
1248
|
-
-Infinity
|
|
1249
|
-
].includes(e.zeroPosition) ? 0 : e.zeroPosition;
|
|
1250
|
-
}
|
|
1251
|
-
let ps = E(null), ms = E([]), hs = E(null), gs = b(() => q.value ? [...new Set(ro.value.flatMap((e) => e.series || []).filter((e) => g(e?.x) && g(e?.y)).map((e) => Number(e.x)))].sort((e, t) => dc({ x: e }) - dc({ x: t })) : []);
|
|
1252
|
-
function _s(e) {
|
|
1253
|
-
let t = gs.value[e];
|
|
1254
|
-
if (!g(t)) {
|
|
1255
|
-
ms.value = [], hs.value = null, na.value = null, Bi.value = !1;
|
|
1256
|
-
return;
|
|
1257
|
-
}
|
|
1258
|
-
so(Number(t));
|
|
1259
|
-
let n = d(dc({ x: Number(t) }), Y.value.top + Y.value.height / 2, L.value);
|
|
1260
|
-
n && (ia.value = n), R.value = e, ra.value = e, Bi.value = !0;
|
|
1261
|
-
}
|
|
1262
|
-
function vs(e) {
|
|
1263
|
-
let t = L.value;
|
|
1264
|
-
if (!t) return null;
|
|
1265
|
-
if (t.createSVGPoint && t.getScreenCTM) {
|
|
1266
|
-
let n = t.createSVGPoint();
|
|
1267
|
-
n.x = e.clientX, n.y = e.clientY;
|
|
1268
|
-
let r = t.getScreenCTM();
|
|
1269
|
-
if (r) {
|
|
1270
|
-
let e = n.matrixTransform(r.inverse());
|
|
1271
|
-
return {
|
|
1272
|
-
x: e.x,
|
|
1273
|
-
y: e.y,
|
|
1274
|
-
ok: !0
|
|
1275
|
-
};
|
|
1276
|
-
}
|
|
1277
|
-
}
|
|
1278
|
-
let n = t.getBoundingClientRect(), r = t.viewBox?.baseVal || {
|
|
1279
|
-
x: 0,
|
|
1280
|
-
y: 0,
|
|
1281
|
-
width: n.width,
|
|
1282
|
-
height: n.height
|
|
1283
|
-
}, i = Math.min(n.width / r.width, n.height / r.height), a = r.width * i, o = r.height * i, s = (n.width - a) / 2, c = (n.height - o) / 2;
|
|
1284
|
-
return {
|
|
1285
|
-
x: (e.clientX - n?.left - s) / i + r.x,
|
|
1286
|
-
y: (e.clientY - n?.top - c) / i + r.y,
|
|
1287
|
-
ok: !0
|
|
1288
|
-
};
|
|
1289
|
-
}
|
|
1290
|
-
let ys = 0;
|
|
1291
|
-
function bs(e) {
|
|
1292
|
-
ra.value = null, !Ri.value && (ys && cancelAnimationFrame(ys), ys = requestAnimationFrame(() => {
|
|
1293
|
-
ys = 0;
|
|
1294
|
-
let t = vs(e);
|
|
1295
|
-
if (!t || !L.value) {
|
|
1296
|
-
xs();
|
|
1297
|
-
return;
|
|
1298
|
-
}
|
|
1299
|
-
let { left: n, right: r, top: i, bottom: a, width: o } = Y.value;
|
|
1300
|
-
if (t.x < n || t.x > r || t.y < i || t.y > a) {
|
|
1301
|
-
xs();
|
|
1302
|
-
return;
|
|
1303
|
-
}
|
|
1304
|
-
if (q.value) {
|
|
1305
|
-
oo(t.x), Ac(!0, R.value ?? 0);
|
|
1306
|
-
return;
|
|
1307
|
-
}
|
|
1308
|
-
let s = Ks(t.x);
|
|
1309
|
-
s == null ? xs() : ps.value !== s && (ps.value = s, Ac(!0, s));
|
|
1310
|
-
}));
|
|
1311
|
-
}
|
|
1312
|
-
function xs() {
|
|
1313
|
-
ys &&= (cancelAnimationFrame(ys), 0), ps.value = null, Ac(!1, null), ms.value = [], hs.value = null, na.value = null;
|
|
1314
|
-
}
|
|
1315
|
-
function Ss(e) {
|
|
1316
|
-
let t = vs(e);
|
|
1317
|
-
if (t && L.value) {
|
|
1318
|
-
let { left: e, right: n, top: r, bottom: i, width: a } = Y.value;
|
|
1319
|
-
if (t.x >= e && t.x <= n && t.y >= r && t.y <= i) {
|
|
1320
|
-
let e = Ks(t.x);
|
|
1321
|
-
if (e != null) {
|
|
1322
|
-
Cs(e);
|
|
1323
|
-
return;
|
|
1324
|
-
}
|
|
1325
|
-
}
|
|
1326
|
-
}
|
|
1327
|
-
ps.value != null && Cs(ps.value);
|
|
1328
|
-
}
|
|
1329
|
-
function Cs(e) {
|
|
1330
|
-
let t = ro.value.map((t) => ({
|
|
1331
|
-
name: t.name,
|
|
1332
|
-
value: [
|
|
1333
|
-
null,
|
|
1334
|
-
void 0,
|
|
1335
|
-
NaN
|
|
1336
|
-
].includes(t.absoluteValues[e]) ? null : t.absoluteValues[e],
|
|
1337
|
-
color: t.color,
|
|
1338
|
-
type: t.type
|
|
1339
|
-
}));
|
|
1340
|
-
fi("selectX", {
|
|
1341
|
-
dataset: t,
|
|
1342
|
-
index: e,
|
|
1343
|
-
indexLabel: B.value.chart.grid.labels.xAxisLabels.values[e]
|
|
1344
|
-
}), B.value.events.datapointClick && B.value.events.datapointClick({
|
|
1345
|
-
datapoint: t,
|
|
1346
|
-
seriesIndex: e + W.value.start
|
|
1347
|
-
});
|
|
1348
|
-
}
|
|
1349
|
-
function ws() {
|
|
1350
|
-
return no.value.map((e) => ({
|
|
1351
|
-
values: e.absoluteValues,
|
|
1352
|
-
color: e.color,
|
|
1353
|
-
name: e.name,
|
|
1354
|
-
type: e.type
|
|
1355
|
-
}));
|
|
1356
|
-
}
|
|
1357
|
-
async function Ts({ scale: e = 2 } = {}) {
|
|
1358
|
-
if (!vi.value) return;
|
|
1359
|
-
let { width: t, height: n } = vi.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await He({
|
|
1360
|
-
domElement: vi.value,
|
|
1361
|
-
base64: !0,
|
|
1362
|
-
img: !0,
|
|
1363
|
-
scale: e
|
|
1364
|
-
});
|
|
1365
|
-
return {
|
|
1366
|
-
imageUri: i,
|
|
1367
|
-
base64: a,
|
|
1368
|
-
title: B.value.chart.title.text,
|
|
1369
|
-
width: t,
|
|
1370
|
-
height: n,
|
|
1371
|
-
aspectRatio: r
|
|
1372
|
-
};
|
|
1373
|
-
}
|
|
1374
|
-
function Es() {
|
|
1375
|
-
P.value.length ? P.value = [] : no.value.forEach((e) => {
|
|
1376
|
-
P.value.push(e.id);
|
|
1377
|
-
}), Os();
|
|
1378
|
-
}
|
|
1379
|
-
function Ds(e, t) {
|
|
1380
|
-
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), ks(t));
|
|
1381
|
-
}
|
|
1382
|
-
function Os() {
|
|
1383
|
-
fi("selectLegend", ro.value.map((e) => ({
|
|
1384
|
-
name: e.name,
|
|
1385
|
-
values: e.absoluteValues,
|
|
1386
|
-
color: e.color,
|
|
1387
|
-
type: e.type
|
|
1388
|
-
})));
|
|
1389
|
-
}
|
|
1390
|
-
function ks(e) {
|
|
1391
|
-
if (P.value.includes(e.id)) P.value = P.value.filter((t) => t !== e.id);
|
|
1392
|
-
else {
|
|
1393
|
-
if (P.value.length + 1 === to.value.length) return;
|
|
1394
|
-
P.value.push(e.id);
|
|
1395
|
-
}
|
|
1396
|
-
Os(), Ki.value += 1;
|
|
1397
|
-
}
|
|
1398
|
-
function As(e) {
|
|
1399
|
-
return no.value.length ? no.value.find((t) => t.name === e) || (B.value.debug && console.warn(`VueUiXy - Series name not found "${e}"`), null) : (B.value.debug && console.warn("VueUiXy - There are no series to show."), null);
|
|
1400
|
-
}
|
|
1401
|
-
function js(e) {
|
|
1402
|
-
let t = As(e);
|
|
1403
|
-
t !== null && P.value.includes(t.id) && ks({ id: t.id });
|
|
1404
|
-
}
|
|
1405
|
-
function Ms(e) {
|
|
1406
|
-
let t = As(e);
|
|
1407
|
-
t !== null && (P.value.includes(t.id) || ks({ id: t.id }));
|
|
1408
|
-
}
|
|
1409
|
-
let Ns = b(() => `${B.value.chart.title.text || "Chart visualization"}. ${B.value.chart.title.subtitle.text || ""}`), Ps = b(() => ({ linePlot: Z.value > B.value.line.dot.hideAboveMaxSerieLength })), Fs = b(() => B.value.chart.userOptions.show && (!B.value.chart.title.show || !B.value.chart.title.text)), Is = b(() => {
|
|
1410
|
-
if (Array.isArray(B.value.chart.highlightArea)) return B.value.chart.highlightArea.map((e) => {
|
|
1411
|
-
let t = Math.min(e.to, U.value - 1);
|
|
1412
|
-
return {
|
|
1413
|
-
...e,
|
|
1414
|
-
span: e.from === t ? 1 : t < e.from ? 0 : t - e.from + 1
|
|
1415
|
-
};
|
|
1416
|
-
});
|
|
1417
|
-
let e = {
|
|
1418
|
-
...B.value.chart.highlightArea,
|
|
1419
|
-
to: Math.min(B.value.chart.highlightArea.to, U.value - 1)
|
|
1420
|
-
};
|
|
1421
|
-
return [{
|
|
1422
|
-
...e,
|
|
1423
|
-
span: e.from === e.to ? 1 : e.to < e.from ? 0 : e.to - e.from + 1
|
|
1424
|
-
}];
|
|
1425
|
-
}), Ls = b(() => Ni.value ? H.value.map((e, t) => ({
|
|
1426
|
-
...e,
|
|
1427
|
-
series: Ma(e.series),
|
|
1428
|
-
id: `uniqueId_${t}`,
|
|
1429
|
-
color: De(e.color ? e.color : Ha.value[t] ? Ha.value[t] : a[t])
|
|
1430
|
-
})) : H.value), Rs = b(() => ro.value.map((e) => {
|
|
1431
|
-
let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
|
|
1432
|
-
return {
|
|
1433
|
-
id: e.id,
|
|
1434
|
-
name: e.name,
|
|
1435
|
-
color: e.color,
|
|
1436
|
-
values: Io(Z.value, t)
|
|
1437
|
-
};
|
|
1438
|
-
})), zs = b(() => ({
|
|
1439
|
-
responsiveBreakpoint: B.value.table.responsiveBreakpoint,
|
|
1440
|
-
roundingValues: B.value.table.rounding,
|
|
1441
|
-
showAverage: !1,
|
|
1442
|
-
showMedian: !1,
|
|
1443
|
-
showTotal: !1,
|
|
1444
|
-
fontFamily: B.value.chart.fontFamily,
|
|
1445
|
-
prefix: B.value.chart.labels.prefix,
|
|
1446
|
-
suffix: B.value.chart.labels.suffix,
|
|
1447
|
-
colNames: X.value.map((e, t) => B.value.table.useDefaultTimeFormat ? e.text : wc.value(t + W.value.start, B.value.table.timeFormat)),
|
|
1448
|
-
thead: {
|
|
1449
|
-
backgroundColor: B.value.table.th.backgroundColor,
|
|
1450
|
-
color: B.value.table.th.color,
|
|
1451
|
-
outline: B.value.table.th.outline
|
|
1452
|
-
},
|
|
1453
|
-
tbody: {
|
|
1454
|
-
backgroundColor: B.value.table.td.backgroundColor,
|
|
1455
|
-
color: B.value.table.td.color,
|
|
1456
|
-
outline: B.value.table.td.outline
|
|
1457
|
-
},
|
|
1458
|
-
userOptions: { show: !1 },
|
|
1459
|
-
sparkline: { animation: { show: !1 } }
|
|
1460
|
-
})), Bs = b(() => {
|
|
1461
|
-
let e = Math.max(0, Y.value?.width || 0);
|
|
1462
|
-
return B.value.chart.grid.position === "middle" ? ha(e, Math.max(1, Z.value), 1) : ha(e, Math.max(1, Z.value - 1), 0);
|
|
1463
|
-
}), Vs = b(() => B.value.chart.grid.position === "middle" ? Bs.value : Z.value <= 1 ? Math.max(0, Y.value?.width || 0) : Bs.value);
|
|
1464
|
-
function Hs(e) {
|
|
1465
|
-
let t = Y.value?.left || 0;
|
|
1466
|
-
return B.value.chart.grid.position === "middle" ? t + Bs.value / 2 + Bs.value * e : t + Bs.value * e;
|
|
1467
|
-
}
|
|
1468
|
-
function Us(e) {
|
|
1469
|
-
let t = Y.value?.left || 0;
|
|
1470
|
-
return B.value.chart.grid.position === "middle" ? t + Bs.value * e : Z.value <= 1 ? t : t + Bs.value * e - Bs.value / 2;
|
|
1471
|
-
}
|
|
1472
|
-
function Ws(e) {
|
|
1473
|
-
return Math.max(Y.value?.left || 0, Us(e));
|
|
1474
|
-
}
|
|
1475
|
-
function Gs(e) {
|
|
1476
|
-
let t = Y.value?.left || 0, n = Y.value?.right || 0, r = Us(e), i = r + Vs.value;
|
|
1477
|
-
return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
|
|
1478
|
-
}
|
|
1479
|
-
function Ks(e) {
|
|
1480
|
-
let t = Y.value?.left || 0, n = Y.value?.right || 0;
|
|
1481
|
-
for (let r = 0; r < Z.value; r += 1) {
|
|
1482
|
-
let i = Math.max(t, Us(r)), a = Math.min(n, Us(r) + Vs.value);
|
|
1483
|
-
if (e >= i && e <= a) return r;
|
|
1484
|
-
}
|
|
1485
|
-
return null;
|
|
1486
|
-
}
|
|
1487
|
-
function qs(e) {
|
|
1488
|
-
let t = Y.value?.left || 0, n = Y.value?.right || 0, r = Us(e), i = r + Vs.value;
|
|
1489
|
-
return Math.max(1e-5, Math.min(n, i) - Math.max(t, r));
|
|
1490
|
-
}
|
|
1491
|
-
function Js(e) {
|
|
1492
|
-
return Math.max(1e-5, Vs.value * e);
|
|
1493
|
-
}
|
|
1494
|
-
let Ys = b(() => le(no.value.filter((e) => !P.value.includes(e.id))));
|
|
1495
|
-
function Xs(e, t) {
|
|
1496
|
-
let n = Object.create(null);
|
|
1497
|
-
for (let r = 0; r < e.length; r += 1) {
|
|
1498
|
-
let i = e[r], a = String(t(i));
|
|
1499
|
-
n[a] || (n[a] = []), n[a].push(i);
|
|
1500
|
-
}
|
|
1501
|
-
return n;
|
|
1502
|
-
}
|
|
1503
|
-
let Q = b(() => {
|
|
1504
|
-
let e = Xs(Ys.value, (e) => e.scaleLabel), t = {};
|
|
1505
|
-
for (let [n, r] of Object.entries(e)) {
|
|
1506
|
-
let e = r.flatMap((e) => e.absoluteValues);
|
|
1507
|
-
t[n] = {
|
|
1508
|
-
min: Math.min(...e) || 0,
|
|
1509
|
-
max: Math.max(...e) || 1,
|
|
1510
|
-
groupId: `scale_group_${c()}`
|
|
1511
|
-
};
|
|
1512
|
-
}
|
|
1513
|
-
return t;
|
|
1514
|
-
}), Zs = b(() => {
|
|
1515
|
-
let e = to.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length;
|
|
1516
|
-
return Y.value.width / Z.value / e - Qs.value * e;
|
|
1517
|
-
}), Qs = b(() => cs.value.line * B.value.bar.periodGap), $s = b(() => Math.max(1e-5, ls() - (V.value.useIndividualScale && V.value.isStacked ? 0 : Qs.value))), ec = b(() => $s.value * Math.min(Math.abs(B.value.bar.innerGap), .95)), tc = b(() => {
|
|
1518
|
-
if (!B.value.chart.zoom.minimap.show) return [];
|
|
1519
|
-
let e = Ls.value.filter((e) => !P.value.includes(e.id)), t = Math.max(...e.map((e) => e.series.length)), n = [];
|
|
1520
|
-
for (let r = 0; r < t; r += 1) n.push(e.map((e) => e.series[r] || 0).reduce((e, t) => (e || 0) + (t || 0), 0));
|
|
1521
|
-
let r = Math.min(...n);
|
|
1522
|
-
return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
|
|
1523
|
-
}), nc = b(() => B.value.chart.zoom.minimap.show ? Ls.value.map((e) => ({
|
|
1524
|
-
...e,
|
|
1525
|
-
isVisible: !P.value.includes(e.id)
|
|
1526
|
-
})) : []), rc = b(() => q.value ? ms.value.map((e) => ({
|
|
1527
|
-
slotAbsoluteIndex: e.datapoint.slotAbsoluteIndex,
|
|
1528
|
-
shape: e.datapoint.shape || e.datapoint.type === "bar" ? "square" : "circle",
|
|
1529
|
-
name: e.datapoint.name,
|
|
1530
|
-
color: e.datapoint.color,
|
|
1531
|
-
type: e.datapoint.type,
|
|
1532
|
-
value: e.point.raw?.y ?? e.point.y,
|
|
1533
|
-
x: e.point.raw?.x ?? e.point.x,
|
|
1534
|
-
comments: e.datapoint.comments || [],
|
|
1535
|
-
prefix: e.datapoint.prefix || B.value.chart.labels.prefix,
|
|
1536
|
-
suffix: e.datapoint.suffix || B.value.chart.labels.suffix
|
|
1537
|
-
})) : ro.value.map((e) => ({
|
|
1538
|
-
slotAbsoluteIndex: e.slotAbsoluteIndex,
|
|
1539
|
-
shape: e.shape || e.type === "bar" ? "square" : "circle",
|
|
1540
|
-
name: e.name,
|
|
1541
|
-
color: e.color,
|
|
1542
|
-
type: e.type,
|
|
1543
|
-
value: e.absoluteValues.find((e, t) => t === R.value),
|
|
1544
|
-
comments: e.comments || [],
|
|
1545
|
-
prefix: e.prefix || B.value.chart.labels.prefix,
|
|
1546
|
-
suffix: e.suffix || B.value.chart.labels.suffix
|
|
1547
|
-
}))), ic = b(() => K.value.ticks.map((e) => {
|
|
1548
|
-
let t = e >= 0 ? rs.value - Y.value.height * Xo(e) : rs.value + Y.value.height * Xo(Math.abs(e));
|
|
1549
|
-
return {
|
|
1550
|
-
y: Zo.value ? Y.value.top + Y.value.bottom - t : t,
|
|
1551
|
-
value: e,
|
|
1552
|
-
prefix: B.value.chart.labels.prefix,
|
|
1553
|
-
suffix: B.value.chart.labels.suffix
|
|
1554
|
-
};
|
|
1555
|
-
})), ac = b(() => {
|
|
1556
|
-
let e = B.value.chart.annotations;
|
|
1557
|
-
if (!e || !Array.isArray(e) || e.every((e) => !e.show)) return [];
|
|
1558
|
-
let t = e.filter((e) => e.show && (e.yAxis.yTop != null || e.yAxis.yBottom != null));
|
|
1559
|
-
if (!t.length) return [];
|
|
1560
|
-
let { left: n, right: r } = Y.value, i = rs.value, a = Y.value.height, o = K.value.min, s = K.value.max - o, l = (e) => i - (e - 0) / s * a;
|
|
1561
|
-
return t.map((e) => {
|
|
1562
|
-
let { yAxis: { yTop: t, yBottom: i, label: a } } = e, o = t != null && i != null && t !== i, s = t == null ? null : l(t), u = i == null ? null : l(i), ee = vo(a.fontSize);
|
|
1563
|
-
ee.font = `${a.fontSize}px sans-serif`;
|
|
1564
|
-
let d = ee.measureText(a.text).width, te = a.fontSize, f = (a.position === "start" ? n + a.padding?.left : r - a.padding?.right) + a.offsetX, p = (s != null && u != null ? Math.min(s, u) : s ?? u) - a.fontSize / 3 + a.offsetY - a.padding?.top, ne;
|
|
1565
|
-
ne = a.textAnchor === "middle" ? f - d / 2 - a.padding?.left : a.textAnchor === "end" ? f - d - a.padding?.right : f - a.padding?.left;
|
|
1566
|
-
let re = p - te * .75 - a.padding?.top;
|
|
1567
|
-
return {
|
|
1568
|
-
show: ![
|
|
1569
|
-
s,
|
|
1570
|
-
u,
|
|
1571
|
-
re
|
|
1572
|
-
].includes(NaN),
|
|
1573
|
-
id: `annotation_y_${c()}`,
|
|
1574
|
-
hasArea: o,
|
|
1575
|
-
areaHeight: o ? Math.abs(s - u) : 0,
|
|
1576
|
-
yTop: s,
|
|
1577
|
-
yBottom: u,
|
|
1578
|
-
config: e.yAxis,
|
|
1579
|
-
x1: n,
|
|
1580
|
-
x2: r,
|
|
1581
|
-
_text: {
|
|
1582
|
-
x: f,
|
|
1583
|
-
y: p
|
|
1584
|
-
},
|
|
1585
|
-
_box: {
|
|
1586
|
-
x: ne,
|
|
1587
|
-
y: re,
|
|
1588
|
-
width: d + a.padding?.left + a.padding?.right,
|
|
1589
|
-
height: te + a.padding?.top + a.padding?.bottom,
|
|
1590
|
-
fill: a.backgroundColor,
|
|
1591
|
-
stroke: a.border.stroke,
|
|
1592
|
-
rx: a.border.rx,
|
|
1593
|
-
ry: a.border.ry,
|
|
1594
|
-
strokeWidth: a.border.strokeWidth
|
|
1595
|
-
}
|
|
1596
|
-
};
|
|
1597
|
-
});
|
|
1598
|
-
});
|
|
1599
|
-
function oc(e, t) {
|
|
1600
|
-
let n = e[t - 1], r = e[t + 1], i = !!n && !!r && n.value == null && r.value == null || !n && !!r && r.value == null || !!n && !r && n.value == null;
|
|
1601
|
-
return Jo(e[t].value) && i && B.value.line.cutNullValues;
|
|
1602
|
-
}
|
|
1603
|
-
let sc = b(() => {
|
|
1604
|
-
let e = to.value.flatMap((e) => e.series.map((e) => e.x)).filter(Number.isFinite);
|
|
1605
|
-
if (!e.length) return {
|
|
1606
|
-
min: 0,
|
|
1607
|
-
max: 1
|
|
1608
|
-
};
|
|
1609
|
-
let t = Math.min(...e), n = Math.max(...e);
|
|
1610
|
-
return {
|
|
1611
|
-
min: t,
|
|
1612
|
-
max: t === n ? n + 1 : n
|
|
1613
|
-
};
|
|
1614
|
-
}), cc = b(() => {
|
|
1615
|
-
let e = B.value.chart.grid.labels.xAxis.commonScaleSteps, t = B.value.chart.grid.labels.xAxis.scaleMin, n = B.value.chart.grid.labels.xAxis.scaleMax, r = t !== null && Number.isFinite(Number(t)) ? Number(t) : sc.value.min, i = n !== null && Number.isFinite(Number(n)) ? Number(n) : sc.value.max, a = B.value.chart.grid.labels.xAxis.useNiceScale ? fe(r, i, e) : de(r, i, e);
|
|
1616
|
-
if (B.value.chart.grid.position !== "start") return a;
|
|
1617
|
-
let o = a.ticks.length > 1 ? a.ticks[1] - a.ticks[0] : 1;
|
|
1618
|
-
return {
|
|
1619
|
-
...a,
|
|
1620
|
-
max: a.max + o
|
|
1621
|
-
};
|
|
1622
|
-
}), lc = b(() => q.value ? (ts.value ? [...cc.value.ticks].reverse() : [...cc.value.ticks]).map((e, t) => ({
|
|
1623
|
-
id: `continuous_x_label_${t}`,
|
|
1624
|
-
text: _(B.value.chart.grid.labels.xAxis.formatter, e, s({
|
|
1625
|
-
v: e,
|
|
1626
|
-
s: B.value.chart.labels.prefix,
|
|
1627
|
-
p: B.value.chart.labels.suffix,
|
|
1628
|
-
r: B.value.chart.grid.labels.xAxis.rounding
|
|
1629
|
-
}), {
|
|
1630
|
-
datapoint: e,
|
|
1631
|
-
seriesIndex: t
|
|
1632
|
-
}),
|
|
1633
|
-
value: e,
|
|
1634
|
-
x: dc({ x: e }),
|
|
1635
|
-
index: t
|
|
1636
|
-
})) : Oo.value);
|
|
1637
|
-
function uc(e, t) {
|
|
1638
|
-
return q.value ? e.x : Hs(t);
|
|
1639
|
-
}
|
|
1640
|
-
function dc({ x: e }) {
|
|
1641
|
-
let t = cc.value.max - cc.value.min || 1, n = ns((e - cc.value.min) / t);
|
|
1642
|
-
return Y.value.left + Y.value.width * n;
|
|
1643
|
-
}
|
|
1644
|
-
let fc = b(() => {
|
|
1645
|
-
let e = H.value.flatMap((e) => e.series || []).filter(Qa).map((e) => Number(e.x)).filter(Number.isFinite);
|
|
1646
|
-
if (!e.length) return {
|
|
1647
|
-
min: 0,
|
|
1648
|
-
max: 1
|
|
1649
|
-
};
|
|
1650
|
-
let t = Math.min(...e), n = Math.max(...e);
|
|
1651
|
-
return {
|
|
1652
|
-
min: t,
|
|
1653
|
-
max: t === n ? n + 1 : n
|
|
1654
|
-
};
|
|
1655
|
-
}), pc = b(() => q.value ? fc.value.min : 0), mc = b(() => q.value ? fc.value.max : U.value);
|
|
1656
|
-
function hc(e, t) {
|
|
1657
|
-
return q.value ? e.x == null || e.y == null ? null : dc(e) : Hs(t);
|
|
1658
|
-
}
|
|
1659
|
-
function gc({ datapoint: e, totalSeries: t, gap: n, usableHeight: r, autoScaleValueMin: i, autoScaleValueMax: a, individualExtremes: o, forceExactScale: s = !1 }) {
|
|
1660
|
-
let c = e.scaleSteps || B.value.chart.grid.labels.yAxis.commonScaleSteps, l = 1.0000001, u = s || !B.value.chart.grid.labels.yAxis.useNiceScale ? de : fe, ee = o.max === o.min ? o.max * l : o.max, d = a === i ? a * l : a, te = u(o.min, ee, c), f = u(i, d, c), p = te.min >= 0 ? 0 : Math.abs(te.min), ne = te.max + Math.abs(p), re = f.max + 0, ie = e.stackIndex, ae = t - 1 - ie, oe = V.value.isStacked ? 1 - e.cumulatedStackRatio : 0, se = V.value.isStacked ? r * oe + n * ae : 0, ce = V.value.isStacked ? r * e.stackRatio : Y.value.height;
|
|
1661
|
-
return {
|
|
1662
|
-
scaleSteps: c,
|
|
1663
|
-
individualScale: te,
|
|
1664
|
-
autoScaleSteps: f,
|
|
1665
|
-
individualZero: p,
|
|
1666
|
-
autoScaleZero: 0,
|
|
1667
|
-
individualMax: ne,
|
|
1668
|
-
autoScaleMax: re,
|
|
1669
|
-
yOffset: se,
|
|
1670
|
-
individualHeight: ce,
|
|
1671
|
-
zeroPosition: Y.value?.bottom - se - ce * p / ne,
|
|
1672
|
-
autoScaleZeroPosition: Y.value?.bottom - se - ce * 0 / re
|
|
1673
|
-
};
|
|
1674
|
-
}
|
|
1675
|
-
let _c = b(() => {
|
|
1676
|
-
let e = Ys.value.filter((e) => [
|
|
1677
|
-
"bar",
|
|
1678
|
-
"line",
|
|
1679
|
-
"plot"
|
|
1680
|
-
].includes(e.type)), t = e.length, n = B.value.chart.grid.labels.yAxis.gap, r = V.value.isStacked ? n * (t - 1) : 0, i = Y.value.height - r;
|
|
1681
|
-
return e.filter((e) => e.type === "bar").map((e, r) => {
|
|
1682
|
-
Fo(e);
|
|
1683
|
-
let a = Q.value[e.scaleLabel].min, o = Q.value[e.scaleLabel].max, s = {
|
|
1684
|
-
ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - a) / (o - a)),
|
|
1685
|
-
valueMin: a,
|
|
1686
|
-
valueMax: o < 0 ? 0 : o
|
|
1687
|
-
}, c = {
|
|
1688
|
-
max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
|
|
1689
|
-
min: e.scaleMin || Math.min(...e.absoluteValues.filter((e) => ![void 0, null].includes(e))) > 0 ? 0 : Math.min(...e.absoluteValues.filter((e) => ![null, void 0].includes(e)))
|
|
1690
|
-
}, { individualScale: l, autoScaleSteps: u, individualZero: ee, individualMax: d, autoScaleMax: te, yOffset: f, individualHeight: p, zeroPosition: ne, autoScaleZeroPosition: re } = gc({
|
|
1691
|
-
datapoint: e,
|
|
1692
|
-
totalSeries: t,
|
|
1693
|
-
gap: n,
|
|
1694
|
-
usableHeight: i,
|
|
1695
|
-
autoScaleValueMin: s.valueMin,
|
|
1696
|
-
autoScaleValueMax: s.valueMax,
|
|
1697
|
-
individualExtremes: c
|
|
1698
|
-
}), ie = no.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length, ae = e.series.map((t, n) => {
|
|
1699
|
-
let i = V.value.useIndividualScale ? (e.absoluteValues[n] + ee) / d : Xo(t), a = V.value.useIndividualScale && V.value.isStacked ? Y.value?.left + Y.value.width / Z.value * n : Y.value?.left + cs.value.bar * r + cs.value.bar * n * ie - Zs.value / 2 - r * Qs.value;
|
|
1700
|
-
return {
|
|
1701
|
-
yOffset: v(f),
|
|
1702
|
-
individualHeight: v(p),
|
|
1703
|
-
x: v(a),
|
|
1704
|
-
y: $o({
|
|
1705
|
-
ratio: i,
|
|
1706
|
-
yOffset: f,
|
|
1707
|
-
individualHeight: p
|
|
1708
|
-
}),
|
|
1709
|
-
value: e.absoluteValues[n],
|
|
1710
|
-
zeroPosition: v(ne),
|
|
1711
|
-
individualMax: v(d),
|
|
1712
|
-
comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
|
|
1713
|
-
};
|
|
1714
|
-
}), oe = e.absoluteValues.map((e) => u.min >= 0 ? (e - Math.abs(u.min)) / (u.max - Math.abs(u.min)) : (e + Math.abs(u.min)) / (u.max + Math.abs(u.min))), se = e.series.map((t, n) => {
|
|
1715
|
-
let i = V.value.useIndividualScale && V.value.isStacked ? Y.value?.left + Y.value.width / Z.value * n : Y.value?.left - cs.value.bar / 2 + cs.value.bar * r + cs.value.bar * n * no.value.filter((e) => e.type === "bar").filter((e) => !P.value.includes(e.id)).length;
|
|
1716
|
-
return {
|
|
1717
|
-
yOffset: v(f),
|
|
1718
|
-
individualHeight: v(p),
|
|
1719
|
-
x: v(i),
|
|
1720
|
-
y: v($o({
|
|
1721
|
-
ratio: oe[n] || 0,
|
|
1722
|
-
yOffset: v(f),
|
|
1723
|
-
individualHeight: v(p)
|
|
1724
|
-
})),
|
|
1725
|
-
value: e.absoluteValues[n],
|
|
1726
|
-
zeroPosition: v(ne),
|
|
1727
|
-
individualMax: v(d),
|
|
1728
|
-
comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
|
|
1729
|
-
};
|
|
1730
|
-
}), ce = l.ticks.map((t) => ({
|
|
1731
|
-
y: es({
|
|
1732
|
-
value: t,
|
|
1733
|
-
scaleMin: l.min,
|
|
1734
|
-
scaleMax: l.max,
|
|
1735
|
-
yOffset: f,
|
|
1736
|
-
individualHeight: p
|
|
1737
|
-
}),
|
|
1738
|
-
value: t,
|
|
1739
|
-
prefix: e.prefix || B.value.chart.labels.prefix,
|
|
1740
|
-
suffix: e.suffix || B.value.chart.labels.suffix,
|
|
1741
|
-
datapoint: e
|
|
1742
|
-
})), le = u.ticks.map((t) => ({
|
|
1743
|
-
y: $o({
|
|
1744
|
-
ratio: (t - u.min) / (u.max - u.min || 1),
|
|
1745
|
-
yOffset: f,
|
|
1746
|
-
individualHeight: p
|
|
1747
|
-
}),
|
|
1748
|
-
value: t,
|
|
1749
|
-
prefix: e.prefix || B.value.chart.labels.prefix,
|
|
1750
|
-
suffix: e.suffix || B.value.chart.labels.suffix,
|
|
1751
|
-
datapoint: e
|
|
1752
|
-
}));
|
|
1753
|
-
return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = B.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? le : ce, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? re : ne, Q.value[e.scaleLabel].individualMax = e.autoScaling ? te : d, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = f, Q.value[e.scaleLabel].individualHeight = p, Q.value[e.scaleLabel].autoScaleYLabels = le, Q.value[e.scaleLabel].unique = Ys.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
|
|
1754
|
-
...e,
|
|
1755
|
-
yOffset: f,
|
|
1756
|
-
autoScaleYLabels: le,
|
|
1757
|
-
individualHeight: p,
|
|
1758
|
-
scaleYLabels: e.autoScaling ? le : ce,
|
|
1759
|
-
individualScale: e.autoScaling ? u : l,
|
|
1760
|
-
individualMax: e.autoScaling ? te : d,
|
|
1761
|
-
zeroPosition: e.autoScaling ? re : ne,
|
|
1762
|
-
plots: e.autoScaling ? se : ae,
|
|
1763
|
-
groupId: Q.value[e.scaleLabel].groupId
|
|
1764
|
-
};
|
|
1765
|
-
});
|
|
1766
|
-
}), $ = b(() => {
|
|
1767
|
-
let e = Ys.value.filter((e) => [
|
|
1768
|
-
"bar",
|
|
1769
|
-
"line",
|
|
1770
|
-
"plot"
|
|
1771
|
-
].includes(e.type)), t = e.length, n = B.value.chart.grid.labels.yAxis.gap, r = V.value.isStacked ? n * (t - 1) : 0, i = Y.value.height - r;
|
|
1772
|
-
return e.filter((e) => e.type === "line").map((e, r) => {
|
|
1773
|
-
Fo(e);
|
|
1774
|
-
let a = Q.value[e.scaleLabel].min, s = Q.value[e.scaleLabel].max, c = {
|
|
1775
|
-
ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - a) / (s - a)),
|
|
1776
|
-
valueMin: a,
|
|
1777
|
-
valueMax: s
|
|
1778
|
-
}, u = {
|
|
1779
|
-
max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
|
|
1780
|
-
min: e.scaleMin || (Math.min(...e.absoluteValues) > 0 ? 0 : Math.min(...e.absoluteValues))
|
|
1781
|
-
}, { individualScale: d, autoScaleSteps: f, individualZero: p, individualMax: re, autoScaleMax: ae, yOffset: oe, individualHeight: ce, zeroPosition: le, autoScaleZeroPosition: ue } = gc({
|
|
1782
|
-
datapoint: e,
|
|
1783
|
-
totalSeries: t,
|
|
1784
|
-
gap: n,
|
|
1785
|
-
usableHeight: i,
|
|
1786
|
-
autoScaleValueMin: c.valueMin,
|
|
1787
|
-
autoScaleValueMax: c.valueMax,
|
|
1788
|
-
individualExtremes: u
|
|
1789
|
-
}), m = e.series.map((t, n) => {
|
|
1790
|
-
if (q.value && (t.x == null || t.y == null)) return {
|
|
1791
|
-
index: n,
|
|
1792
|
-
x: null,
|
|
1793
|
-
y: null,
|
|
1794
|
-
value: null,
|
|
1795
|
-
comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
|
|
1796
|
-
};
|
|
1797
|
-
let r = V.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(p)) / re : Xo(eo(t));
|
|
1798
|
-
return {
|
|
1799
|
-
index: n,
|
|
1800
|
-
x: v(hc(t, n)),
|
|
1801
|
-
y: v($o({
|
|
1802
|
-
ratio: r,
|
|
1803
|
-
yOffset: oe,
|
|
1804
|
-
individualHeight: ce
|
|
1805
|
-
})),
|
|
1806
|
-
value: e.absoluteValues[n],
|
|
1807
|
-
comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
|
|
1808
|
-
};
|
|
1809
|
-
}), h = e.absoluteValues.map((e) => f.min >= 0 ? (e - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (e + Math.abs(f.min)) / (f.max + Math.abs(f.min))), de = e.series.map((t, n) => q.value && (t.x === null || t.y === null) ? {
|
|
1810
|
-
index: n,
|
|
1811
|
-
x: null,
|
|
1812
|
-
y: null,
|
|
1813
|
-
value: null,
|
|
1814
|
-
comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
|
|
1815
|
-
} : [void 0, null].includes(e.absoluteValues[n]) ? {
|
|
1816
|
-
index: n,
|
|
1817
|
-
x: v(hc(t, n)),
|
|
1818
|
-
y: le,
|
|
1819
|
-
value: e.absoluteValues[n],
|
|
1820
|
-
comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
|
|
1821
|
-
} : {
|
|
1822
|
-
index: n,
|
|
1823
|
-
x: v(hc(t, n)),
|
|
1824
|
-
y: v($o({
|
|
1825
|
-
ratio: h[n] || 0,
|
|
1826
|
-
yOffset: oe,
|
|
1827
|
-
individualHeight: ce
|
|
1828
|
-
})),
|
|
1829
|
-
value: e.absoluteValues[n],
|
|
1830
|
-
comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
|
|
1831
|
-
}), fe = e.dashIndices && Array.isArray(e.dashIndices) && e?.dashIndices?.length > 0, g = B.value.line.cutNullValues ? pe(m) : he(m.filter((e) => e.value !== null)), _ = B.value.line.cutNullValues ? pe(de) : he(de.filter((e) => e.value !== null)), me = B.value.line.cutNullValues ? ee(m) : l(m.filter((e) => e.value !== null)), ge = B.value.line.cutNullValues ? ee(de) : l(de.filter((e) => e.value !== null)), _e = o(B.value.line.cutNullValues ? m : m.filter((e) => e.value !== null)), ve = o(B.value.line.cutNullValues ? de : de.filter((e) => e.value !== null)), ye = fe ? ie(B.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), e.dashIndices.map((e) => e - W.value.start)) : [], be = fe ? te(B.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), e.dashIndices.map((e) => e - W.value.start)) : [], xe = d.ticks.map((t) => ({
|
|
1832
|
-
y: es({
|
|
1833
|
-
value: t,
|
|
1834
|
-
scaleMin: d.min,
|
|
1835
|
-
scaleMax: d.max,
|
|
1836
|
-
yOffset: oe,
|
|
1837
|
-
individualHeight: ce
|
|
1838
|
-
}),
|
|
1839
|
-
value: t,
|
|
1840
|
-
prefix: e.prefix || B.value.chart.labels.prefix,
|
|
1841
|
-
suffix: e.suffix || B.value.chart.labels.suffix,
|
|
1842
|
-
datapoint: e
|
|
1843
|
-
})), Se = f.ticks.map((t) => ({
|
|
1844
|
-
y: $o({
|
|
1845
|
-
ratio: (t - f.min) / (f.max - f.min || 1),
|
|
1846
|
-
yOffset: oe,
|
|
1847
|
-
individualHeight: ce
|
|
1848
|
-
}),
|
|
1849
|
-
value: t,
|
|
1850
|
-
prefix: e.prefix || B.value.chart.labels.prefix,
|
|
1851
|
-
suffix: e.suffix || B.value.chart.labels.suffix,
|
|
1852
|
-
datapoint: e
|
|
1853
|
-
}));
|
|
1854
|
-
Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = B.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? Se : xe, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ue : le, Q.value[e.scaleLabel].individualMax = e.autoScaling ? ae : re, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = oe, Q.value[e.scaleLabel].individualHeight = ce, Q.value[e.scaleLabel].autoScaleYLabels = Se, Q.value[e.scaleLabel].unique = Ys.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1;
|
|
1855
|
-
let Ce = V.value.useIndividualScale ? e.autoScaling ? ue : le : Wa.value, we = Math.max(Math.max(e.autoScaling ? ue : xe.at(-1) ? xe.at(-1).y : 0, Y.value?.top), Ce), Ee = e.autoScaling ? de : m, Oe = B.value.line.cutNullValues ? Ee : Ee.filter((e) => e.value !== null), ke = e.absoluteValues.filter((e) => ![
|
|
1856
|
-
null,
|
|
1857
|
-
void 0,
|
|
1858
|
-
NaN
|
|
1859
|
-
].includes(e)), Ae = !!e.temperatureColors && new Set(ke).size <= 1;
|
|
1860
|
-
return {
|
|
1861
|
-
...e,
|
|
1862
|
-
isFlatTemperatureLine: Ae,
|
|
1863
|
-
temperatureColors: e.temperatureColors ? e.temperatureColors.map((e) => De(e)) : null,
|
|
1864
|
-
yOffset: oe,
|
|
1865
|
-
autoScaleYLabels: Se,
|
|
1866
|
-
individualHeight: ce,
|
|
1867
|
-
scaleYLabels: e.autoScaling ? Se : xe,
|
|
1868
|
-
individualScale: e.autoScaling ? f : d,
|
|
1869
|
-
individualMax: e.autoScaling ? ae : re,
|
|
1870
|
-
zeroPosition: e.autoScaling ? ue : le,
|
|
1871
|
-
curve: e.useStepper ? e.autoScaling ? ve : _e : e.autoScaling ? _ : g,
|
|
1872
|
-
plots: e.autoScaling ? de : m,
|
|
1873
|
-
dashedStraight: ye,
|
|
1874
|
-
dashedSmooth: be,
|
|
1875
|
-
hasDashedSegments: fe,
|
|
1876
|
-
area: e.useArea ? e.useStepper ? o(Oe, we) : V.value.useIndividualScale ? B.value.line.cutNullValues ? se(e.autoScaling ? de : m, we) : Te(e.autoScaling ? de.filter((e) => e.value !== null) : m.filter((e) => e.value !== null), we) : B.value.line.cutNullValues ? se(m, we) : Te(m.filter((e) => e.value !== null), we) : "",
|
|
1877
|
-
curveAreas: e.useArea ? e.useStepper ? o(Oe, we).split(";").filter(Boolean).map((e) => `M${e}Z`) : ne(e.autoScaling ? B.value.line.cutNullValues ? de : de.filter((e) => e.value !== null) : B.value.line.cutNullValues ? m : m.filter((e) => e.value !== null), we, B.value.line.cutNullValues) : [],
|
|
1878
|
-
straight: e.useStepper ? e.autoScaling ? ve : _e : e.autoScaling ? ge : me,
|
|
1879
|
-
groupId: Q.value[e.scaleLabel].groupId
|
|
1880
|
-
};
|
|
1881
|
-
});
|
|
1882
|
-
}), vc = b(() => {
|
|
1883
|
-
let e = Ys.value.filter((e) => [
|
|
1884
|
-
"bar",
|
|
1885
|
-
"line",
|
|
1886
|
-
"plot"
|
|
1887
|
-
].includes(e.type)), t = e.length, n = B.value.chart.grid.labels.yAxis.gap, r = V.value.isStacked ? n * (t - 1) : 0, i = Y.value.height - r;
|
|
1888
|
-
return e.filter((e) => e.type === "plot").map((e) => {
|
|
1889
|
-
Fo(e);
|
|
1890
|
-
let r = Q.value[e.scaleLabel].min, a = Q.value[e.scaleLabel].max, o = {
|
|
1891
|
-
ratios: e.absoluteValues.filter((e) => ![null, void 0].includes(e)).map((e) => (e - r) / (a - r)),
|
|
1892
|
-
valueMin: r,
|
|
1893
|
-
valueMax: a
|
|
1894
|
-
}, s = {
|
|
1895
|
-
max: e.scaleMax || Math.max(...e.absoluteValues) || 1,
|
|
1896
|
-
min: e.scaleMin || Math.min(...e.absoluteValues) > 0 ? 0 : Math.min(...e.absoluteValues)
|
|
1897
|
-
}, { individualScale: c, autoScaleSteps: l, individualZero: u, individualMax: ee, autoScaleMax: d, yOffset: te, individualHeight: f, zeroPosition: p, autoScaleZeroPosition: ne } = gc({
|
|
1898
|
-
datapoint: e,
|
|
1899
|
-
totalSeries: t,
|
|
1900
|
-
gap: n,
|
|
1901
|
-
usableHeight: i,
|
|
1902
|
-
autoScaleValueMin: o.valueMin,
|
|
1903
|
-
autoScaleValueMax: o.valueMax,
|
|
1904
|
-
individualExtremes: s,
|
|
1905
|
-
forceExactScale: !0
|
|
1906
|
-
}), re = e.series.map((t, n) => {
|
|
1907
|
-
if (q.value && (t.x == null || t.y == null)) return {
|
|
1908
|
-
index: n,
|
|
1909
|
-
x: null,
|
|
1910
|
-
y: null,
|
|
1911
|
-
value: null,
|
|
1912
|
-
comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
|
|
1913
|
-
};
|
|
1914
|
-
let r = V.value.useIndividualScale ? (e.absoluteValues[n] + Math.abs(u)) / ee : Xo(eo(t));
|
|
1915
|
-
return {
|
|
1916
|
-
index: n,
|
|
1917
|
-
x: v(hc(t, n)),
|
|
1918
|
-
y: v($o({
|
|
1919
|
-
ratio: r,
|
|
1920
|
-
yOffset: te,
|
|
1921
|
-
individualHeight: f
|
|
1922
|
-
})),
|
|
1923
|
-
value: e.absoluteValues[n],
|
|
1924
|
-
comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
|
|
1925
|
-
};
|
|
1926
|
-
}), ie = e.absoluteValues.map((e) => l.min >= 0 ? (e - Math.abs(l.min)) / (l.max - Math.abs(l.min)) : (e + Math.abs(l.min)) / (l.max + Math.abs(l.min))), ae = e.series.map((t, n) => q.value && (t.x === null || t.y === null) ? {
|
|
1927
|
-
index: n,
|
|
1928
|
-
x: null,
|
|
1929
|
-
y: null,
|
|
1930
|
-
value: null,
|
|
1931
|
-
comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
|
|
1932
|
-
} : {
|
|
1933
|
-
index: n,
|
|
1934
|
-
x: v(hc(t, n)),
|
|
1935
|
-
y: v($o({
|
|
1936
|
-
ratio: ie[n] || 0,
|
|
1937
|
-
yOffset: te,
|
|
1938
|
-
individualHeight: f
|
|
1939
|
-
})),
|
|
1940
|
-
value: e.absoluteValues[n],
|
|
1941
|
-
comment: e.comments && e.comments.slice(W.value.start, W.value.end)[n] || ""
|
|
1942
|
-
}), oe = c.ticks.map((t) => ({
|
|
1943
|
-
y: es({
|
|
1944
|
-
value: t,
|
|
1945
|
-
scaleMin: c.min,
|
|
1946
|
-
scaleMax: c.max,
|
|
1947
|
-
yOffset: te,
|
|
1948
|
-
individualHeight: f
|
|
1949
|
-
}),
|
|
1950
|
-
value: t,
|
|
1951
|
-
prefix: e.prefix || B.value.chart.labels.prefix,
|
|
1952
|
-
suffix: e.suffix || B.value.chart.labels.suffix,
|
|
1953
|
-
datapoint: e
|
|
1954
|
-
})), se = l.ticks.map((t) => ({
|
|
1955
|
-
y: $o({
|
|
1956
|
-
ratio: (t - l.min) / (l.max - l.min || 1),
|
|
1957
|
-
yOffset: te,
|
|
1958
|
-
individualHeight: f
|
|
1959
|
-
}),
|
|
1960
|
-
value: t,
|
|
1961
|
-
prefix: e.prefix || B.value.chart.labels.prefix,
|
|
1962
|
-
suffix: e.suffix || B.value.chart.labels.suffix,
|
|
1963
|
-
datapoint: e
|
|
1964
|
-
}));
|
|
1965
|
-
return Q.value[e.scaleLabel].name = e.name, Q.value[e.scaleLabel].groupName = e.scaleLabel, Q.value[e.scaleLabel].groupColor = B.value.chart.grid.labels.yAxis.groupColor || e.color, Q.value[e.scaleLabel].color = e.color, Q.value[e.scaleLabel].scaleYLabels = e.autoScaling ? se : oe, Q.value[e.scaleLabel].zeroPosition = e.autoScaling ? ne : p, Q.value[e.scaleLabel].individualMax = e.autoScaling ? d : ee, Q.value[e.scaleLabel].scaleLabel = e.scaleLabel, Q.value[e.scaleLabel].id = e.id, Q.value[e.scaleLabel].yOffset = te, Q.value[e.scaleLabel].individualHeight = f, Q.value[e.scaleLabel].autoScaleYLabels = se, Q.value[e.scaleLabel].unique = Ys.value.filter((t) => t.scaleLabel === e.scaleLabel).length === 1, {
|
|
1966
|
-
...e,
|
|
1967
|
-
yOffset: te,
|
|
1968
|
-
autoScaleYLabels: se,
|
|
1969
|
-
individualHeight: f,
|
|
1970
|
-
scaleYLabels: e.autoScaling ? se : oe,
|
|
1971
|
-
individualScale: e.autoScaling ? l : c,
|
|
1972
|
-
individualMax: e.autoScaling ? d : ee,
|
|
1973
|
-
zeroPosition: e.autoScaling ? ne : p,
|
|
1974
|
-
plots: e.autoScaling ? ae : re,
|
|
1975
|
-
groupId: Q.value[e.scaleLabel].groupId
|
|
1976
|
-
};
|
|
1977
|
-
});
|
|
1978
|
-
}), yc = b(() => {
|
|
1979
|
-
let e = $.value.map((e) => ({
|
|
1980
|
-
name: e.name,
|
|
1981
|
-
color: e.color,
|
|
1982
|
-
scale: e.individualScale,
|
|
1983
|
-
scaleYLabels: e.scaleYLabels,
|
|
1984
|
-
zero: e.zeroPosition,
|
|
1985
|
-
max: e.individualMax,
|
|
1986
|
-
scaleLabel: e.scaleLabel || "",
|
|
1987
|
-
id: e.id,
|
|
1988
|
-
yOffset: e.yOffset || 0,
|
|
1989
|
-
individualHeight: e.individualHeight || Y.value.height,
|
|
1990
|
-
autoScaleYLabels: e.autoScaleYLabels
|
|
1991
|
-
})), t = _c.value.map((e) => ({
|
|
1992
|
-
name: e.name,
|
|
1993
|
-
color: e.color,
|
|
1994
|
-
scale: e.individualScale,
|
|
1995
|
-
scaleYLabels: e.scaleYLabels,
|
|
1996
|
-
zero: e.zeroPosition,
|
|
1997
|
-
max: e.individualMax,
|
|
1998
|
-
scaleLabel: e.scaleLabel || "",
|
|
1999
|
-
id: e.id,
|
|
2000
|
-
yOffset: e.yOffset || 0,
|
|
2001
|
-
individualHeight: e.individualHeight || Y.value.height
|
|
2002
|
-
})), n = vc.value.map((e) => ({
|
|
2003
|
-
name: e.name,
|
|
2004
|
-
color: e.color,
|
|
2005
|
-
scale: e.individualScale,
|
|
2006
|
-
scaleYLabels: e.scaleYLabels,
|
|
2007
|
-
zero: e.zeroPosition,
|
|
2008
|
-
max: e.individualMax,
|
|
2009
|
-
scaleLabel: e.scaleLabel || "",
|
|
2010
|
-
id: e.id,
|
|
2011
|
-
yOffset: e.yOffset || 0,
|
|
2012
|
-
individualHeight: e.individualHeight || Y.value.height
|
|
2013
|
-
})), r = V.value.useIndividualScale && !V.value.isStacked ? Object.values(Q.value) : [
|
|
2014
|
-
...e,
|
|
2015
|
-
...t,
|
|
2016
|
-
...n
|
|
2017
|
-
], i = r.flatMap((e) => e).length;
|
|
2018
|
-
return r.flatMap((e, t) => {
|
|
2019
|
-
let n = 0;
|
|
2020
|
-
n = V.value.isStacked ? J.value ? Y.value?.right : Y.value?.left : J.value ? Y.value?.right + mo() * t : Y.value?.left / i * (t + 1);
|
|
2021
|
-
let r = V.value.useIndividualScale && !V.value.isStacked ? e.unique ? e.name : e.groupName : e.name;
|
|
2022
|
-
return {
|
|
2023
|
-
unique: e.unique,
|
|
2024
|
-
id: e.id,
|
|
2025
|
-
groupId: e.groupId,
|
|
2026
|
-
scaleLabel: e.scaleLabel,
|
|
2027
|
-
name: _(B.value.chart.grid.labels.yAxis.serieNameFormatter, r, r, e),
|
|
2028
|
-
color: V.value.useIndividualScale && !V.value.isStacked ? e.unique ? e.color : e.groupColor : e.color,
|
|
2029
|
-
scale: e.scale,
|
|
2030
|
-
yOffset: e.yOffset,
|
|
2031
|
-
individualHeight: e.individualHeight,
|
|
2032
|
-
x: n,
|
|
2033
|
-
yLabels: e.scaleYLabels || e.scale.ticks.map((t) => ({
|
|
2034
|
-
y: es({
|
|
2035
|
-
value: t,
|
|
2036
|
-
scaleMin: e.scale.min,
|
|
2037
|
-
scaleMax: e.scale.max,
|
|
2038
|
-
yOffset: e.yOffset || 0,
|
|
2039
|
-
individualHeight: e.individualHeight
|
|
2040
|
-
}),
|
|
2041
|
-
value: t
|
|
2042
|
-
}))
|
|
2043
|
-
};
|
|
2044
|
-
});
|
|
2045
|
-
}), bc = b(() => {
|
|
2046
|
-
let e = B.value.line.interLine || {}, t = e.pairs || [], n = e.colors || [];
|
|
2047
|
-
if (!t.length) return [];
|
|
2048
|
-
let r = [];
|
|
2049
|
-
return t.forEach((e, t) => {
|
|
2050
|
-
let [i, a] = Array.isArray(e) ? e : [e.a, e.b];
|
|
2051
|
-
if (!i || !a) return;
|
|
2052
|
-
let o = $.value.find((e) => e.name === i), s = $.value.find((e) => e.name === a);
|
|
2053
|
-
if (!o || !s || o.type !== "line" || s.type !== "line") return;
|
|
2054
|
-
let c = n?.[t]?.[0] ?? o.color, l = n?.[t]?.[1] ?? s.color;
|
|
2055
|
-
ue({
|
|
2056
|
-
lineA: o.plots,
|
|
2057
|
-
lineB: s.plots,
|
|
2058
|
-
smoothA: !!o.smooth,
|
|
2059
|
-
smoothB: !!s.smooth,
|
|
2060
|
-
colorLineA: c,
|
|
2061
|
-
colorLineB: l,
|
|
2062
|
-
sampleStepPx: 2,
|
|
2063
|
-
cutNullValues: B.value.line.cutNullValues
|
|
2064
|
-
}).forEach((e, n) => {
|
|
2065
|
-
r.push({
|
|
2066
|
-
...e,
|
|
2067
|
-
key: `inter_${i}_${a}_${t}_${n}`
|
|
2068
|
-
});
|
|
2069
|
-
});
|
|
2070
|
-
}), r;
|
|
2071
|
-
}), xc = b(() => ({
|
|
2072
|
-
timeLabel: X.value[R.value],
|
|
2073
|
-
datapoint: rc.value,
|
|
2074
|
-
seriesIndex: R.value,
|
|
2075
|
-
series: no.value,
|
|
2076
|
-
bars: _c.value,
|
|
2077
|
-
lines: $.value,
|
|
2078
|
-
plots: vc.value,
|
|
2079
|
-
config: B.value
|
|
2080
|
-
})), Sc = E({
|
|
2081
|
-
months: [],
|
|
2082
|
-
shortMonths: [],
|
|
2083
|
-
days: [],
|
|
2084
|
-
shortDays: []
|
|
2085
|
-
}), Cc = 0;
|
|
2086
|
-
vt(() => {
|
|
2087
|
-
let e = ++Cc, t = B.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
|
|
2088
|
-
(async () => {
|
|
2089
|
-
let n = await je(t.locale).catch(() => je("en"));
|
|
2090
|
-
e === Cc && (Sc.value = n.data);
|
|
2091
|
-
})();
|
|
2092
|
-
});
|
|
2093
|
-
let wc = b(() => {
|
|
2094
|
-
let e = B.value.chart.grid.labels.xAxisLabels.datetimeFormatter, t = Ae({
|
|
2095
|
-
useUTC: e.useUTC,
|
|
2096
|
-
locale: Sc.value,
|
|
2097
|
-
januaryAsYear: e.januaryAsYear
|
|
2098
|
-
});
|
|
2099
|
-
return (e, n) => {
|
|
2100
|
-
let r = B.value.chart.grid.labels.xAxisLabels.values?.[e];
|
|
2101
|
-
return r == null ? "" : t.formatDate(new Date(r), n);
|
|
2102
|
-
};
|
|
2103
|
-
}), Tc = b(() => (B.value.chart.grid.labels.xAxisLabels.values || []).map((e, t) => ({
|
|
2104
|
-
text: wc.value(t, B.value.chart.zoom.timeFormat),
|
|
2105
|
-
absoluteIndex: t
|
|
2106
|
-
}))), Ec = b(() => {
|
|
2107
|
-
let e = "", t = rc.value.map((e) => e.value).filter((e) => ve(e) && e !== null).reduce((e, t) => Math.abs(e) + Math.abs(t), 0), n = q.value ? { text: _(B.value.chart.grid.labels.xAxis.formatter, ms.value[0]?.point.raw?.x ?? ms.value[0]?.point.x, s({
|
|
2108
|
-
v: ms.value[0]?.point.raw?.x ?? ms.value[0]?.point.x,
|
|
2109
|
-
r: B.value.chart.tooltip.roundingValue
|
|
2110
|
-
}), {
|
|
2111
|
-
datapoint: null,
|
|
2112
|
-
serriesIndex: null
|
|
2113
|
-
}) } : X.value[R.value], r = B.value.chart.tooltip.customFormat;
|
|
2114
|
-
if (xe(r) && be(() => r({
|
|
2115
|
-
absoluteIndex: R.value + W.value.start,
|
|
2116
|
-
seriesIndex: R.value,
|
|
2117
|
-
datapoint: rc.value,
|
|
2118
|
-
series: no.value,
|
|
2119
|
-
bars: _c.value,
|
|
2120
|
-
lines: $.value,
|
|
2121
|
-
plots: vc.value,
|
|
2122
|
-
config: B.value,
|
|
2123
|
-
dateLabel: n
|
|
2124
|
-
}))) return r({
|
|
2125
|
-
absoluteIndex: R.value + W.value.start,
|
|
2126
|
-
seriesIndex: R.value,
|
|
2127
|
-
datapoint: rc.value,
|
|
2128
|
-
series: no.value,
|
|
2129
|
-
bars: _c.value,
|
|
2130
|
-
lines: $.value,
|
|
2131
|
-
plots: vc.value,
|
|
2132
|
-
config: B.value,
|
|
2133
|
-
dateLabel: n
|
|
2134
|
-
});
|
|
2135
|
-
if (n && n.text && B.value.chart.tooltip.showTimeLabel) {
|
|
2136
|
-
let t = wc.value(R.value + W.value.start, B.value.chart.tooltip.timeFormat);
|
|
2137
|
-
q.value || (e += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${B.value.chart.tooltip.borderColor}; width:100%">${B.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !B.value.chart.tooltip.useDefaultTimeFormat ? t : n.text}</div>`);
|
|
2138
|
-
}
|
|
2139
|
-
return rc.value.forEach((r) => {
|
|
2140
|
-
if (ve(r.value)) {
|
|
2141
|
-
let a = "", o = "";
|
|
2142
|
-
switch (Li.value[r.type]) {
|
|
2143
|
-
case "bar":
|
|
2144
|
-
a = `<svg viewBox="0 0 40 40" height="14" width="14">${pi.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${r.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${pi.pattern ? `url(#pattern_${F.value}_${r.slotAbsoluteIndex}` : r.color}" /></svg>`;
|
|
2145
|
-
break;
|
|
2146
|
-
case "line":
|
|
2147
|
-
!r.shape || ![
|
|
2148
|
-
"star",
|
|
2149
|
-
"triangle",
|
|
2150
|
-
"square",
|
|
2151
|
-
"diamond",
|
|
2152
|
-
"pentagon",
|
|
2153
|
-
"hexagon"
|
|
2154
|
-
].includes(r.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${r.color}" />` : r.shape === "triangle" ? o = `<path d="${i({
|
|
2155
|
-
plot: {
|
|
2156
|
-
x: 10,
|
|
2157
|
-
y: 8
|
|
2158
|
-
},
|
|
2159
|
-
radius: 4,
|
|
2160
|
-
sides: 3,
|
|
2161
|
-
rotation: .52
|
|
2162
|
-
}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "square" ? o = `<path d="${i({
|
|
2163
|
-
plot: {
|
|
2164
|
-
x: 10,
|
|
2165
|
-
y: 8
|
|
2166
|
-
},
|
|
2167
|
-
radius: 4,
|
|
2168
|
-
sides: 4,
|
|
2169
|
-
rotation: .8
|
|
2170
|
-
}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "diamond" ? o = `<path d="${i({
|
|
2171
|
-
plot: {
|
|
2172
|
-
x: 10,
|
|
2173
|
-
y: 8
|
|
2174
|
-
},
|
|
2175
|
-
radius: 4,
|
|
2176
|
-
sides: 4,
|
|
2177
|
-
rotation: 0
|
|
2178
|
-
}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "pentagon" ? o = `<path d="${i({
|
|
2179
|
-
plot: {
|
|
2180
|
-
x: 10,
|
|
2181
|
-
y: 8
|
|
2182
|
-
},
|
|
2183
|
-
radius: 4,
|
|
2184
|
-
sides: 5,
|
|
2185
|
-
rotation: .95
|
|
2186
|
-
}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "hexagon" ? o = `<path d="${i({
|
|
2187
|
-
plot: {
|
|
2188
|
-
x: 10,
|
|
2189
|
-
y: 8
|
|
2190
|
-
},
|
|
2191
|
-
radius: 4,
|
|
2192
|
-
sides: 6,
|
|
2193
|
-
rotation: 0
|
|
2194
|
-
}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "star" && (o = `<polygon stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${r.color}" points="${re({
|
|
2195
|
-
plot: {
|
|
2196
|
-
x: 10,
|
|
2197
|
-
y: 8
|
|
2198
|
-
},
|
|
2199
|
-
radius: 4
|
|
2200
|
-
})}" />`), a = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${r.color}" />${o}</svg>`;
|
|
2201
|
-
break;
|
|
2202
|
-
case "plot":
|
|
2203
|
-
if (!r.shape || ![
|
|
2204
|
-
"star",
|
|
2205
|
-
"triangle",
|
|
2206
|
-
"square",
|
|
2207
|
-
"diamond",
|
|
2208
|
-
"pentagon",
|
|
2209
|
-
"hexagon"
|
|
2210
|
-
].includes(r.shape)) {
|
|
2211
|
-
a = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${r.color}" /></svg>`;
|
|
2212
|
-
break;
|
|
2213
|
-
}
|
|
2214
|
-
if (r.shape === "star") {
|
|
2215
|
-
a = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${r.color}" points="${re({
|
|
2216
|
-
plot: {
|
|
2217
|
-
x: 6,
|
|
2218
|
-
y: 6
|
|
2219
|
-
},
|
|
2220
|
-
radius: 5
|
|
2221
|
-
})}" /></svg>`;
|
|
2222
|
-
break;
|
|
2223
|
-
}
|
|
2224
|
-
if (r.shape === "triangle") {
|
|
2225
|
-
a = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${i({
|
|
2226
|
-
plot: {
|
|
2227
|
-
x: 6,
|
|
2228
|
-
y: 6
|
|
2229
|
-
},
|
|
2230
|
-
radius: 6,
|
|
2231
|
-
sides: 3,
|
|
2232
|
-
rotation: .52
|
|
2233
|
-
}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
|
|
2234
|
-
break;
|
|
2235
|
-
}
|
|
2236
|
-
if (r.shape === "square") {
|
|
2237
|
-
a = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${i({
|
|
2238
|
-
plot: {
|
|
2239
|
-
x: 6,
|
|
2240
|
-
y: 6
|
|
2241
|
-
},
|
|
2242
|
-
radius: 6,
|
|
2243
|
-
sides: 4,
|
|
2244
|
-
rotation: .8
|
|
2245
|
-
}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
|
|
2246
|
-
break;
|
|
2247
|
-
}
|
|
2248
|
-
if (r.shape === "diamond") {
|
|
2249
|
-
a = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${i({
|
|
2250
|
-
plot: {
|
|
2251
|
-
x: 6,
|
|
2252
|
-
y: 6
|
|
2253
|
-
},
|
|
2254
|
-
radius: 5,
|
|
2255
|
-
sides: 4,
|
|
2256
|
-
rotation: 0
|
|
2257
|
-
}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
|
|
2258
|
-
break;
|
|
2259
|
-
}
|
|
2260
|
-
if (r.shape === "pentagon") {
|
|
2261
|
-
a = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${i({
|
|
2262
|
-
plot: {
|
|
2263
|
-
x: 6,
|
|
2264
|
-
y: 6
|
|
2265
|
-
},
|
|
2266
|
-
radius: 5,
|
|
2267
|
-
sides: 5,
|
|
2268
|
-
rotation: .95
|
|
2269
|
-
}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
|
|
2270
|
-
break;
|
|
2271
|
-
}
|
|
2272
|
-
if (r.shape === "hexagon") {
|
|
2273
|
-
a = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${i({
|
|
2274
|
-
plot: {
|
|
2275
|
-
x: 6,
|
|
2276
|
-
y: 6
|
|
2277
|
-
},
|
|
2278
|
-
radius: 5,
|
|
2279
|
-
sides: 6,
|
|
2280
|
-
rotation: 0
|
|
2281
|
-
}).path}" fill="${r.color}" stroke="${B.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
|
|
2282
|
-
break;
|
|
2283
|
-
}
|
|
2284
|
-
default: break;
|
|
2285
|
-
}
|
|
2286
|
-
let c = B.value.chart.tooltip.showValue ? _(r.type === "line" ? B.value.line.labels.formatter : r.type === "bar" ? B.value.bar.labels.formatter : B.value.plot.labels.formatter, r.value, s({
|
|
2287
|
-
p: r.prefix,
|
|
2288
|
-
v: r.value,
|
|
2289
|
-
s: r.suffix,
|
|
2290
|
-
r: B.value.chart.tooltip.roundingValue
|
|
2291
|
-
}), { datapoint: r }) : "", l = B.value.chart.tooltip.showValue ? n.text : "", u = q.value ? `
|
|
2292
|
-
<span>${B.value.chart.grid.labels.axis.xLabel || "X"}: </span>
|
|
2293
|
-
<span>${l}</span>,
|
|
2294
|
-
<span>${B.value.chart.grid.labels.axis.yLabel || "Y"}: </span>
|
|
2295
|
-
<span>${c}</span>
|
|
2296
|
-
` : c;
|
|
2297
|
-
q.value ? e += `
|
|
2298
|
-
<div style="display:flex;flex-direction:column;">
|
|
2299
|
-
<div style="display:flex; flex-direction:row; gap:3px;">
|
|
2300
|
-
<div style="width:20px">${a}</div>
|
|
2301
|
-
<div style="display:flex;flex-direction:column;">
|
|
2302
|
-
<div>${r.name}</div>
|
|
2303
|
-
<div>${u}</div>
|
|
2304
|
-
</div>
|
|
2305
|
-
</div>
|
|
2306
|
-
</div>
|
|
2307
|
-
` : e += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;white-space:nowrap;"><div style="width:20px">${a}</div> ${r.name}: <b>${u}</b> ${B.value.chart.tooltip.showPercentage ? `(${s({
|
|
2308
|
-
v: v(Math.abs(r.value) / t * 100),
|
|
2309
|
-
s: "%",
|
|
2310
|
-
r: B.value.chart.tooltip.roundingPercentage
|
|
2311
|
-
})})` : ""}</div>`, B.value.chart.comments.showInTooltip && r.comments.length && r.comments.slice(W.value.start, W.value.end)[R.value] && (e += `<div class="vue-data-ui-tooltip-comment" style="background:${r.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${r.color}">${r.comments.slice(W.value.start, W.value.end)[R.value]}</div>`);
|
|
2312
|
-
}
|
|
2313
|
-
}), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${B.value.chart.tooltip.color}">${e}</div>`;
|
|
2314
|
-
}), Dc = b(() => {
|
|
2315
|
-
if (to.value.length === 0) return {
|
|
2316
|
-
head: [],
|
|
2317
|
-
body: [],
|
|
2318
|
-
config: {},
|
|
2319
|
-
columnNames: []
|
|
2320
|
-
};
|
|
2321
|
-
let e = ro.value.map((e) => ({
|
|
2322
|
-
label: e.name,
|
|
2323
|
-
color: e.color,
|
|
2324
|
-
type: e.type
|
|
2325
|
-
})), t = [];
|
|
2326
|
-
return X.value.forEach((e, n) => {
|
|
2327
|
-
let r = B.value.table.useDefaultTimeFormat ? [e.text] : [wc.value(n + W.value.start, B.value.table.timeFormat)];
|
|
2328
|
-
ro.value.forEach((e) => {
|
|
2329
|
-
r.push(Jo(e.absoluteValues[n]) ? Number(e.absoluteValues[n].toFixed(B.value.table.rounding)) : "");
|
|
2330
|
-
}), t.push(r);
|
|
2331
|
-
}), {
|
|
2332
|
-
head: e,
|
|
2333
|
-
body: t
|
|
2334
|
-
};
|
|
2335
|
-
}), Oc = b(() => {
|
|
2336
|
-
let e = B.value.table.showSum, t = [""].concat(ro.value.map((e) => e.name));
|
|
2337
|
-
e && (t = t.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>"));
|
|
2338
|
-
let n = [];
|
|
2339
|
-
for (let t = 0; t < Z.value; t += 1) {
|
|
2340
|
-
let r = ro.value.map((e) => e.absoluteValues[t] ?? 0).reduce((e, t) => e + t, 0);
|
|
2341
|
-
n.push([B.value.table.useDefaultTimeFormat ? X.value[t]?.text ?? "-" : wc.value(t + W.value.start, B.value.table.timeFormat)].concat(ro.value.map((e) => _(e.type === "line" ? B.value.line.labels.formatter : e.type === "bar" ? B.value.bar.labels.formatter : B.value.plot.labels.formatter, e.absoluteValues[t] ?? 0, s({
|
|
2342
|
-
p: e.prefix || B.value.chart.labels.prefix,
|
|
2343
|
-
v: e.absoluteValues[t] ?? 0,
|
|
2344
|
-
s: e.suffix || B.value.chart.labels.suffix,
|
|
2345
|
-
r: B.value.table.rounding
|
|
2346
|
-
}))), e ? (r ?? 0).toFixed(B.value.table.rounding) : []));
|
|
2347
|
-
}
|
|
2348
|
-
let r = {
|
|
2349
|
-
th: {
|
|
2350
|
-
backgroundColor: B.value.table.th.backgroundColor,
|
|
2351
|
-
color: B.value.table.th.color,
|
|
2352
|
-
outline: B.value.table.th.outline
|
|
2353
|
-
},
|
|
2354
|
-
td: {
|
|
2355
|
-
backgroundColor: B.value.table.td.backgroundColor,
|
|
2356
|
-
color: B.value.table.td.color,
|
|
2357
|
-
outline: B.value.table.td.outline
|
|
2358
|
-
},
|
|
2359
|
-
breakpoint: B.value.table.responsiveBreakpoint
|
|
2360
|
-
}, i = [B.value.table.columnNames.period].concat(ro.value.map((e) => e.name), B.value.table.columnNames.total);
|
|
2361
|
-
return {
|
|
2362
|
-
head: t,
|
|
2363
|
-
body: n,
|
|
2364
|
-
config: r,
|
|
2365
|
-
colNames: i
|
|
2366
|
-
};
|
|
2367
|
-
});
|
|
2368
|
-
function kc(e = null) {
|
|
2369
|
-
let t = [
|
|
2370
|
-
[B.value.chart.title.text],
|
|
2371
|
-
[B.value.chart.title.subtitle.text],
|
|
2372
|
-
[""]
|
|
2373
|
-
], n = ["", ...Dc.value.head.map((e) => e.label)], r = Dc.value.body, i = oe(t.concat([n]).concat(r));
|
|
2374
|
-
e ? e(i) : u({
|
|
2375
|
-
csvContent: i,
|
|
2376
|
-
title: B.value.chart.title.text || "vue-ui-xy"
|
|
2377
|
-
});
|
|
2378
|
-
}
|
|
2379
|
-
function Ac(e, t = null) {
|
|
2380
|
-
if (io.value) return;
|
|
2381
|
-
Bi.value = e;
|
|
2382
|
-
let n = ro.value.map((e) => ({
|
|
2383
|
-
name: e.name,
|
|
2384
|
-
value: [
|
|
2385
|
-
null,
|
|
2386
|
-
void 0,
|
|
2387
|
-
NaN
|
|
2388
|
-
].includes(e.absoluteValues[t]) ? null : e.absoluteValues[t],
|
|
2389
|
-
color: e.color,
|
|
2390
|
-
type: e.type
|
|
2391
|
-
}));
|
|
2392
|
-
e ? (R.value = t, B.value.events.datapointEnter && B.value.events.datapointEnter({
|
|
2393
|
-
datapoint: n,
|
|
2394
|
-
seriesIndex: t + W.value.start
|
|
2395
|
-
})) : (R.value = null, B.value.events.datapointLeave && B.value.events.datapointLeave({
|
|
2396
|
-
datapoint: n,
|
|
2397
|
-
seriesIndex: t + W.value.start
|
|
2398
|
-
}));
|
|
2399
|
-
}
|
|
2400
|
-
function jc() {
|
|
2401
|
-
V.value.showTable = !V.value.showTable;
|
|
2402
|
-
}
|
|
2403
|
-
function Mc() {
|
|
2404
|
-
V.value.dataLabels.show = !V.value.dataLabels.show;
|
|
2405
|
-
}
|
|
2406
|
-
function Nc() {
|
|
2407
|
-
V.value.showTooltip = !V.value.showTooltip;
|
|
2408
|
-
}
|
|
2409
|
-
function Pc(e) {
|
|
2410
|
-
zi.value = e, Hi.value += 1;
|
|
2411
|
-
}
|
|
2412
|
-
function Fc() {
|
|
2413
|
-
if (!B.value.responsiveProportionalSizing) {
|
|
2414
|
-
z.value.dataLabels = B.value.chart.grid.labels.fontSize, z.value.yAxis = B.value.chart.grid.labels.axis.fontSize, z.value.xAxis = B.value.chart.grid.labels.xAxisLabels.fontSize, z.value.plotLabels = B.value.chart.labels.fontSize, ya.value.plot = B.value.plot.radius, ya.value.line = B.value.line.radius;
|
|
2415
|
-
return;
|
|
2416
|
-
}
|
|
2417
|
-
z.value.dataLabels = ke({
|
|
2418
|
-
relator: Pi.value,
|
|
2419
|
-
adjuster: 400,
|
|
2420
|
-
source: B.value.chart.grid.labels.fontSize,
|
|
2421
|
-
threshold: 10,
|
|
2422
|
-
fallback: 10
|
|
2423
|
-
}), z.value.yAxis = ke({
|
|
2424
|
-
relator: N.value,
|
|
2425
|
-
adjuster: 1e3,
|
|
2426
|
-
source: B.value.chart.grid.labels.axis.fontSize,
|
|
2427
|
-
threshold: 10,
|
|
2428
|
-
fallback: 10
|
|
2429
|
-
}), z.value.xAxis = ke({
|
|
2430
|
-
relator: N.value,
|
|
2431
|
-
adjuster: 1e3,
|
|
2432
|
-
source: B.value.chart.grid.labels.xAxisLabels.fontSize,
|
|
2433
|
-
threshold: 10,
|
|
2434
|
-
fallback: 10
|
|
2435
|
-
}), z.value.plotLabels = ke({
|
|
2436
|
-
relator: N.value,
|
|
2437
|
-
adjuster: 800,
|
|
2438
|
-
source: B.value.chart.labels.fontSize,
|
|
2439
|
-
threshold: 10,
|
|
2440
|
-
fallback: 10
|
|
2441
|
-
}), ya.value.plot = ke({
|
|
2442
|
-
relator: N.value,
|
|
2443
|
-
adjuster: 800,
|
|
2444
|
-
source: B.value.plot.radius,
|
|
2445
|
-
threshold: 1,
|
|
2446
|
-
fallback: 1
|
|
2447
|
-
}), ya.value.line = ke({
|
|
2448
|
-
relator: N.value,
|
|
2449
|
-
adjuster: 800,
|
|
2450
|
-
source: B.value.line.radius,
|
|
2451
|
-
threshold: 1,
|
|
2452
|
-
fallback: 1
|
|
2453
|
-
});
|
|
2454
|
-
}
|
|
2455
|
-
function Ic() {
|
|
2456
|
-
if (r(j.dataset) ? (ce({
|
|
2457
|
-
componentName: "VueUiXy",
|
|
2458
|
-
type: "dataset",
|
|
2459
|
-
debug: Ta.value
|
|
2460
|
-
}), ka.value = !0) : j.dataset.forEach((e, t) => {
|
|
2461
|
-
[null, void 0].includes(e.name) && (ce({
|
|
2462
|
-
componentName: "VueUiXy",
|
|
2463
|
-
type: "datasetSerieAttribute",
|
|
2464
|
-
property: "name (string)",
|
|
2465
|
-
index: t,
|
|
2466
|
-
debug: Ta.value
|
|
2467
|
-
}), ka.value = !0);
|
|
2468
|
-
}), Ta.value && j.dataset.forEach((e) => {
|
|
2469
|
-
e.series.forEach((t, n) => {
|
|
2470
|
-
ve(t) || console.warn(`VueUiXy has detected an unsafe value in your dataset:\n-----> The serie '${e.name}' contains the value '${t}' at index ${n}.\n'${t}' was converted to null to allow the chart to display.`);
|
|
2471
|
-
});
|
|
2472
|
-
}), r(j.dataset) || (ka.value = B.value.loading), qi.value = B.value.chart.userOptions.showOnChartHover, Ji.value = B.value.chart.userOptions.keepStateOnChartLeave, Yi.value = !B.value.chart.userOptions.showOnChartHover, wa(), B.value.responsive) {
|
|
2473
|
-
let e = vi.value.parentNode;
|
|
2474
|
-
Ai.value && (Ai.value.unobserve(ji.value), Ai.value.disconnect());
|
|
2475
|
-
let { height: t, width: n } = e.getBoundingClientRect(), r = null, i = 0;
|
|
2476
|
-
B.value.chart.title.show && yi.value && (r = yi.value, i = r.getBoundingClientRect().height);
|
|
2477
|
-
let a = null, o = 0;
|
|
2478
|
-
B.value.chart.zoom.show && U.value > 6 && Sa.value && bi.value && bi.value.$el && (a = bi.value.$el, o = a.getBoundingClientRect().height);
|
|
2479
|
-
let s = null, c = 0;
|
|
2480
|
-
B.value.chart.legend.show && xi.value && (s = xi.value, c = s.getBoundingClientRect().height);
|
|
2481
|
-
let l = 0;
|
|
2482
|
-
Si.value && (l = Si.value.getBoundingClientRect().height);
|
|
2483
|
-
let u = 0;
|
|
2484
|
-
Ci.value && (u = Ci.value.getBoundingClientRect().height), Pi.value = t - i - c - o - l - u - 12, N.value = n, Fi.value = `0 0 ${N.value < 0 ? 10 : N.value} ${Pi.value < 0 ? 10 : Pi.value}`, Fc();
|
|
2485
|
-
let ee = new ResizeObserver((e) => {
|
|
2486
|
-
for (let t of e) i = B.value.chart.title.show && yi.value ? yi.value.getBoundingClientRect().height : 0, o = bi.value && bi.value.$el ? bi.value.$el.getBoundingClientRect().height : 0, c = xi.value ? xi.value.getBoundingClientRect().height : 0, l = Si.value ? Si.value.getBoundingClientRect().height : 0, u = Ci.value ? Ci.value.getBoundingClientRect().height : 0, requestAnimationFrame(() => {
|
|
2487
|
-
Pi.value = t.contentRect.height - i - c - o - l - u - 12, N.value = t.contentBoxSize[0].inlineSize ?? t.contentRect.width, Fi.value = `0 0 ${N.value < 0 ? 10 : N.value} ${Pi.value < 0 ? 10 : Pi.value}`, Fc(), ua(), fa();
|
|
2488
|
-
});
|
|
2489
|
-
});
|
|
2490
|
-
Ai.value = ee, ji.value = e, ee.observe(e);
|
|
2491
|
-
} else Pi.value = B.value.chart.height, N.value = B.value.chart.width, z.value.dataLabels = B.value.chart.grid.labels.fontSize, z.value.yAxis = B.value.chart.grid.labels.axis.fontSize, z.value.xAxis = B.value.chart.grid.labels.xAxisLabels.fontSize, z.value.plotLabels = B.value.chart.labels.fontSize, ya.value.plot = B.value.plot.radius, ya.value.line = B.value.line.radius, Fi.value = `0 0 ${N.value} ${Pi.value}`;
|
|
2492
|
-
ua(), fa();
|
|
2493
|
-
}
|
|
2494
|
-
function Lc(e) {
|
|
2495
|
-
Ii.value = {
|
|
2496
|
-
x: e.clientX,
|
|
2497
|
-
y: e.clientY
|
|
2498
|
-
};
|
|
2499
|
-
}
|
|
2500
|
-
ut(() => {
|
|
2501
|
-
Ic(), Uo(), document.addEventListener("mousemove", Lc, { passive: !0 }), document.addEventListener("scroll", yo, { passive: !0 });
|
|
2502
|
-
}), lt(() => {
|
|
2503
|
-
document.removeEventListener("scroll", yo, { passive: !0 }), document.removeEventListener("mousemove", Lc, { passive: !0 }), Ai.value &&= (Ai.value.unobserve(ji.value), Ai.value.disconnect(), null);
|
|
2504
|
-
}), Ve({
|
|
2505
|
-
timeLabelsEls: Di,
|
|
2506
|
-
timeLabels: X,
|
|
2507
|
-
slicer: W,
|
|
2508
|
-
configRef: B,
|
|
2509
|
-
rotationPath: [
|
|
2510
|
-
"chart",
|
|
2511
|
-
"grid",
|
|
2512
|
-
"labels",
|
|
2513
|
-
"xAxisLabels",
|
|
2514
|
-
"rotation"
|
|
2515
|
-
],
|
|
2516
|
-
autoRotatePath: [
|
|
2517
|
-
"chart",
|
|
2518
|
-
"grid",
|
|
2519
|
-
"labels",
|
|
2520
|
-
"xAxisLabels",
|
|
2521
|
-
"autoRotate",
|
|
2522
|
-
"enable"
|
|
2523
|
-
],
|
|
2524
|
-
isAutoSize: Va,
|
|
2525
|
-
height: Pi,
|
|
2526
|
-
width: N,
|
|
2527
|
-
rotation: B.value.chart.grid.labels.xAxisLabels.autoRotate.angle
|
|
2528
|
-
});
|
|
2529
|
-
let Rc = E(!1), zc = E(null), Bc = E(200), Vc = b(() => R.value ?? I.value ?? 0), Hc = b(() => {
|
|
2530
|
-
if (!q.value) return null;
|
|
2531
|
-
if (g(na.value)) return Number(na.value);
|
|
2532
|
-
let e = ms.value[0];
|
|
2533
|
-
return g(e?.point?.x) ? Number(e.point.x) : null;
|
|
2534
|
-
});
|
|
2535
|
-
function Uc() {
|
|
2536
|
-
let e = Math.ceil(Bc.value || 200);
|
|
2537
|
-
return Math.min(Math.max(e, 1), 200);
|
|
2538
|
-
}
|
|
2539
|
-
function Wc() {
|
|
2540
|
-
let e = Uc(), t = (q.value && g(Hc.value) ? dc({ x: Hc.value }) : Hs(Vc.value)) - e / 2 - (200 - e) / 2, n = Y.value?.left - (200 - e) / 2, r = Y.value?.right - (200 + e) / 2;
|
|
2541
|
-
return v(Math.max(n, Math.min(t, r)));
|
|
2542
|
-
}
|
|
2543
|
-
ut(() => {
|
|
2544
|
-
let e = null, t = null, n = (e) => {
|
|
2545
|
-
cancelAnimationFrame(t), t = requestAnimationFrame(() => {
|
|
2546
|
-
Bc.value = Math.min(Math.max(Math.ceil(e || 0), 1), 200);
|
|
2547
|
-
});
|
|
2548
|
-
}, r = new ResizeObserver((t) => {
|
|
2549
|
-
let r = t.find((t) => t.target === e) || t[0];
|
|
2550
|
-
r && n(r.contentRect.width || 200);
|
|
2551
|
-
}), i = vt((t) => {
|
|
2552
|
-
let i = zc.value;
|
|
2553
|
-
e && e !== i && (r.unobserve(e), e = null), i && i !== e && (ot(() => {
|
|
2554
|
-
i.offsetParent !== null && n(i.offsetWidth || i.getBoundingClientRect().width || 200);
|
|
2555
|
-
}), r.observe(i), e = i), t(() => {
|
|
2556
|
-
e &&= (r.unobserve(e), null);
|
|
2557
|
-
});
|
|
2558
|
-
});
|
|
2559
|
-
lt(() => {
|
|
2560
|
-
try {
|
|
2561
|
-
e && r.unobserve(e), r.disconnect(), i();
|
|
2562
|
-
} catch {}
|
|
2563
|
-
});
|
|
2564
|
-
});
|
|
2565
|
-
let Gc = b(() => {
|
|
2566
|
-
if (q.value) {
|
|
2567
|
-
if (!Number.isFinite(Number(Hc.value))) return "";
|
|
2568
|
-
} else if ([null, void 0].includes(R.value) && [null, void 0].includes(I.value)) return "";
|
|
2569
|
-
let e = (R.value == null ? 0 : R.value) || (I.value == null ? 0 : I.value), t = B.value.chart.timeTag.customFormat;
|
|
2570
|
-
if (Rc.value = !1, q.value) {
|
|
2571
|
-
let e = Hc.value;
|
|
2572
|
-
if (xe(t)) try {
|
|
2573
|
-
let n = t({
|
|
2574
|
-
absoluteIndex: e,
|
|
2575
|
-
seriesIndex: e,
|
|
2576
|
-
datapoint: rc.value,
|
|
2577
|
-
bars: _c.value,
|
|
2578
|
-
lines: $.value,
|
|
2579
|
-
plots: vc.value,
|
|
2580
|
-
config: B.value
|
|
2581
|
-
});
|
|
2582
|
-
if (typeof n == "string") return Rc.value = !0, n;
|
|
2583
|
-
} catch {
|
|
2584
|
-
console.warn("Custom format cannot be applied on timeTag."), Rc.value = !1;
|
|
2585
|
-
}
|
|
2586
|
-
return s({
|
|
2587
|
-
v: e,
|
|
2588
|
-
r: B.value.chart.grid.labels.xAxis.rounding
|
|
2589
|
-
});
|
|
2590
|
-
}
|
|
2591
|
-
if (xe(t)) try {
|
|
2592
|
-
let n = t({
|
|
2593
|
-
absoluteIndex: e + W.value.start,
|
|
2594
|
-
seriesIndex: e,
|
|
2595
|
-
datapoint: rc.value,
|
|
2596
|
-
bars: _c.value,
|
|
2597
|
-
lines: $.value,
|
|
2598
|
-
plots: vc.value,
|
|
2599
|
-
config: B.value
|
|
2600
|
-
});
|
|
2601
|
-
if (typeof n == "string") return Rc.value = !0, n;
|
|
2602
|
-
} catch {
|
|
2603
|
-
console.warn("Custom format cannot be applied on timeTag."), Rc.value = !1;
|
|
2604
|
-
}
|
|
2605
|
-
if (!Rc.value) return [null, void 0].includes(X.value[e]) ? "" : B.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !B.value.chart.timeTag.useDefaultFormat ? wc.value(e + W.value.start, B.value.chart.timeTag.timeFormat) : X.value[e].text;
|
|
2606
|
-
});
|
|
2607
|
-
function Kc({ serie: e, plot: n, type: r }) {
|
|
2608
|
-
if (!Jo(n.value)) return "";
|
|
2609
|
-
let i = s({
|
|
2610
|
-
p: e.prefix || B.value.chart.labels.prefix,
|
|
2611
|
-
v: n.value,
|
|
2612
|
-
s: e.suffix || B.value.chart.labels.suffix,
|
|
2613
|
-
r: B.value[r].labels.rounding
|
|
2614
|
-
});
|
|
2615
|
-
return t({
|
|
2616
|
-
content: q.value && g(n.x) ? `x: ${s({
|
|
2617
|
-
v: n.x,
|
|
2618
|
-
r: B.value.chart.grid.labels.xAxis.rounding
|
|
2619
|
-
})}\ny: ${i}` : _(B.value[r].labels.formatter, n.value, i, {
|
|
2620
|
-
datapoint: n,
|
|
2621
|
-
serie: e
|
|
2622
|
-
}),
|
|
2623
|
-
fontSize: z.value.plotLabels,
|
|
2624
|
-
fill: B.value[r].labels.color,
|
|
2625
|
-
x: 0,
|
|
2626
|
-
y: 0
|
|
2627
|
-
});
|
|
2628
|
-
}
|
|
2629
|
-
function qc({ plot: e }) {
|
|
2630
|
-
let t = B.value.bar.labels.offsetY, n = Math.abs(ss(e)), r = e.value < 0, i = {
|
|
2631
|
-
x: (V.value.useIndividualScale && V.value.isStacked ? e.x + cs.value.line / 2 : us(e) + ls() / 2 - Qs.value / 2) + B.value.bar.labels.offsetX,
|
|
2632
|
-
y: v(e.y) + (B.value.bar.labels.alwaysOnTop ? t - (r ? n : 0) : e.value >= 0 ? t : -t * 3)
|
|
2633
|
-
};
|
|
2634
|
-
return `translate(${i.x}, ${i.y}) rotate(${B.value.bar.labels.rotation})`;
|
|
2635
|
-
}
|
|
2636
|
-
function Jc({ plot: e, type: t }) {
|
|
2637
|
-
let n = B.value[t].labels.offsetY, r = {
|
|
2638
|
-
x: e.x + B.value[t].labels.offsetX,
|
|
2639
|
-
y: v(e.y) + (B.value[t].labels.alwaysOnTop || e.value >= 0 ? n : -n * 3)
|
|
2640
|
-
};
|
|
2641
|
-
return `translate(${r.x}, ${r.y}) rotate(${B.value[t].labels.rotation})`;
|
|
2642
|
-
}
|
|
2643
|
-
function Yc({ plot: e, type: t }) {
|
|
2644
|
-
if (B.value[t].labels.textAnchor != null) return B.value[t].labels.textAnchor;
|
|
2645
|
-
let n = e.value >= 0;
|
|
2646
|
-
return B.value[t].labels.rotation === 0 ? "middle" : B.value[t].labels.alwaysOnTop || n ? "start" : "end";
|
|
2647
|
-
}
|
|
2648
|
-
let Xc = b(() => q.value ? g(na.value) ? dc({ x: Number(na.value) }) : g(hs.value) ? hs.value : null : Hs((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)));
|
|
2649
|
-
function Zc(e, t, n) {
|
|
2650
|
-
return q.value ? ms.value.some((n) => n.datapoint.id === e.id && n.index === t.index) : R.value !== null && R.value === n || I.value !== null && I.value === n;
|
|
2651
|
-
}
|
|
2652
|
-
_t(() => j.dataset, (e) => {
|
|
2653
|
-
if (Array.isArray(e) && e.length > 0 && (ka.value = !1), B.value.chart.zoom.keepState) {
|
|
2654
|
-
if (U.value = Math.max(0, ...H.value.map((e) => Ma(e.series).length)), U.value > 0) {
|
|
2655
|
-
let e = W.value.start, t = W.value.end;
|
|
2656
|
-
if (!zo.value || e === 0 && t === 0) Uo();
|
|
2657
|
-
else {
|
|
2658
|
-
let n = Math.max(0, Math.min(e, U.value - 1)), r = Math.max(n + 1, Math.min(t, U.value));
|
|
2659
|
-
W.value = {
|
|
2660
|
-
start: n,
|
|
2661
|
-
end: r
|
|
2662
|
-
}, G.value = {
|
|
2663
|
-
start: n,
|
|
2664
|
-
end: r
|
|
2665
|
-
}, Bo.value = 0, Vo.value = U.value;
|
|
2666
|
-
}
|
|
2667
|
-
}
|
|
2668
|
-
} else U.value = Math.max(...H.value.map((e) => Ma(e.series).length)), W.value = {
|
|
2669
|
-
start: 0,
|
|
2670
|
-
end: U.value
|
|
2671
|
-
};
|
|
2672
|
-
Mi.value += 1, Ki.value += 1, ua(), fa(), Fa();
|
|
2673
|
-
}, { deep: !0 }), _t(() => j.config, (e) => {
|
|
2674
|
-
Oa.value || (B.value = ba()), Ic(), Wi.value += 1, Ui.value += 1, wa(), ua(), fa(), B.value.chart.zoom.keepState && (U.value = Math.max(0, ...H.value.map((e) => Ma(e.series).length)), U.value > 0 && (!zo.value || W.value.start === 0 && W.value.end === 0) && Uo()), Fa();
|
|
2675
|
-
}, { deep: !0 });
|
|
2676
|
-
let Qc = E(!1);
|
|
2677
|
-
function $c() {
|
|
2678
|
-
let e = vi.value?.parentNode;
|
|
2679
|
-
if (!e) {
|
|
2680
|
-
Qc.value = !1;
|
|
2681
|
-
return;
|
|
2682
|
-
}
|
|
2683
|
-
let t = e.getBoundingClientRect();
|
|
2684
|
-
Qc.value = t.width > 2 && t.height > 2;
|
|
2685
|
-
}
|
|
2686
|
-
ut(() => {
|
|
2687
|
-
$c();
|
|
2688
|
-
let e = new ResizeObserver(() => {
|
|
2689
|
-
$c(), Qc.value && (Ic(), Fa(), B.value.chart.zoom.keepState || Uo());
|
|
2690
|
-
});
|
|
2691
|
-
vi.value?.parentNode && e.observe(vi.value.parentNode);
|
|
2692
|
-
}), _t(B, () => {
|
|
2693
|
-
wa();
|
|
2694
|
-
}, { immediate: !0 });
|
|
2695
|
-
let el = b(() => {
|
|
2696
|
-
let e = B.value.table.useDialog && !B.value.showTable, t = V.value.showTable;
|
|
2697
|
-
return {
|
|
2698
|
-
component: e ? di : Je,
|
|
2699
|
-
title: `${B.value.chart.title.text}${B.value.chart.title.subtitle.text ? `: ${B.value.chart.title.subtitle.text}` : ""}`,
|
|
2700
|
-
props: e ? {
|
|
2701
|
-
backgroundColor: B.value.table.th.backgroundColor,
|
|
2702
|
-
color: B.value.table.th.color,
|
|
2703
|
-
headerColor: B.value.table.th.color,
|
|
2704
|
-
headerBg: B.value.table.th.backgroundColor,
|
|
2705
|
-
isFullscreen: zi.value,
|
|
2706
|
-
fullscreenParent: vi.value,
|
|
2707
|
-
forcedWidth: Math.min(800, window.innerWidth * .8)
|
|
2708
|
-
} : {
|
|
2709
|
-
hideDetails: !0,
|
|
2710
|
-
config: {
|
|
2711
|
-
open: t,
|
|
2712
|
-
maxHeight: 1e4,
|
|
2713
|
-
body: {
|
|
2714
|
-
backgroundColor: B.value.chart.backgroundColor,
|
|
2715
|
-
color: B.value.chart.color
|
|
2716
|
-
},
|
|
2717
|
-
head: {
|
|
2718
|
-
backgroundColor: B.value.chart.backgroundColor,
|
|
2719
|
-
color: B.value.chart.color
|
|
2720
|
-
}
|
|
2721
|
-
}
|
|
2722
|
-
}
|
|
2723
|
-
};
|
|
2724
|
-
});
|
|
2725
|
-
_t(() => V.value.showTable, (e) => {
|
|
2726
|
-
B.value.showTable || (e && B.value.table.useDialog && $i.value ? $i.value.open() : $i.value && $i.value.close && $i.value.close());
|
|
2727
|
-
});
|
|
2728
|
-
function tl() {
|
|
2729
|
-
V.value.showTable = !1, ki.value && ki.value.setTableIconState(!1);
|
|
2730
|
-
}
|
|
2731
|
-
let nl = b(() => no.value.map((e) => ({
|
|
2732
|
-
shape: e.type === "bar" ? "square" : e.shape ?? "circle",
|
|
2733
|
-
color: e.color,
|
|
2734
|
-
name: e.name
|
|
2735
|
-
}))), rl = b(() => B.value.chart.backgroundColor), il = b(() => B.value.chart.legend), { exportSvg: al, getSvg: ol } = Le({
|
|
2736
|
-
svg: L,
|
|
2737
|
-
title: b(() => B.value.chart.title),
|
|
2738
|
-
legend: il,
|
|
2739
|
-
legendItems: nl,
|
|
2740
|
-
backgroundColor: rl
|
|
2741
|
-
});
|
|
2742
|
-
async function sl({ isCb: e }) {
|
|
2743
|
-
ta.value = !0, await ot();
|
|
2744
|
-
try {
|
|
2745
|
-
if (e) {
|
|
2746
|
-
let { blob: e, url: t, text: n, dataUrl: r } = await ol();
|
|
2747
|
-
await Promise.resolve(B.value.chart.userOptions.callbacks.svg({
|
|
2748
|
-
blob: e,
|
|
2749
|
-
url: t,
|
|
2750
|
-
text: n,
|
|
2751
|
-
dataUrl: r
|
|
2752
|
-
}));
|
|
2753
|
-
} else await Promise.resolve(al());
|
|
2754
|
-
} finally {
|
|
2755
|
-
ta.value = !1;
|
|
2756
|
-
}
|
|
2757
|
-
}
|
|
2758
|
-
function cl(e) {
|
|
2759
|
-
if (e?.stage === "start") {
|
|
2760
|
-
ea.value = !0;
|
|
2761
|
-
return;
|
|
2762
|
-
}
|
|
2763
|
-
if (e?.stage === "end") {
|
|
2764
|
-
ea.value = !1;
|
|
2765
|
-
return;
|
|
2766
|
-
}
|
|
2767
|
-
Ba();
|
|
2768
|
-
}
|
|
2769
|
-
async function ll() {
|
|
2770
|
-
if (fi("copyAlt", {
|
|
2771
|
-
config: {
|
|
2772
|
-
...B.value,
|
|
2773
|
-
formattedDates: X.value
|
|
2774
|
-
},
|
|
2775
|
-
dataset: {
|
|
2776
|
-
lines: $.value,
|
|
2777
|
-
bars: _c.value,
|
|
2778
|
-
plots: vc.value
|
|
2779
|
-
}
|
|
2780
|
-
}), !B.value.chart.userOptions.callbacks.altCopy) {
|
|
2781
|
-
console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
|
|
2782
|
-
return;
|
|
2783
|
-
}
|
|
2784
|
-
await Promise.resolve(B.value.chart.userOptions.callbacks.altCopy({
|
|
2785
|
-
config: {
|
|
2786
|
-
...B.value,
|
|
2787
|
-
formattedDates: X.value
|
|
2788
|
-
},
|
|
2789
|
-
dataset: {
|
|
2790
|
-
lines: $.value,
|
|
2791
|
-
bars: _c.value,
|
|
2792
|
-
plots: vc.value
|
|
2793
|
-
}
|
|
2794
|
-
}));
|
|
2795
|
-
}
|
|
2796
|
-
let ul = E(!1);
|
|
2797
|
-
function dl() {
|
|
2798
|
-
W.value.end > W.value.start && (ra.value = null), xo.value = !0, ul.value = !0;
|
|
2799
|
-
}
|
|
2800
|
-
function fl() {
|
|
2801
|
-
ra.value = null, xs(), ul.value = !1, xo.value = !1;
|
|
2802
|
-
}
|
|
2803
|
-
function pl(e) {
|
|
2804
|
-
if (!L.value || Ri.value || document.activeElement !== L.value) return;
|
|
2805
|
-
let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
|
|
2806
|
-
if (!t && !n || !W.value.end && W.value.end !== 0) return;
|
|
2807
|
-
let r = W.value.end - W.value.start;
|
|
2808
|
-
if (r <= 0) return;
|
|
2809
|
-
if (e.preventDefault(), e.stopPropagation(), q.value) {
|
|
2810
|
-
let e = gs.value.length;
|
|
2811
|
-
if (!e) return;
|
|
2812
|
-
let r = ra.value;
|
|
2813
|
-
r !== null && r >= 0 && r < e ? n ? (r += 1, r >= e && (r = 0)) : t && (--r, r < 0 && (r = e - 1)) : r = n ? 0 : e - 1, _s(r);
|
|
2814
|
-
return;
|
|
2815
|
-
}
|
|
2816
|
-
let i = ra.value, a = ps.value;
|
|
2817
|
-
i !== null && i >= 0 && i < r ? n ? (i += 1, i >= r && (i = 0)) : t && (--i, i < 0 && (i = r - 1)) : a !== null && a >= 0 && a < r ? (i = n ? a + 1 : a - 1, i >= r && (i = 0), i < 0 && (i = r - 1)) : i = n ? 0 : r - 1, ra.value = i, ml(i), Ac(!0, i);
|
|
2818
|
-
}
|
|
2819
|
-
function ml(e) {
|
|
2820
|
-
let t = W.value.end - W.value.start;
|
|
2821
|
-
if (t <= 0) return;
|
|
2822
|
-
let n = Y.value.width / t, r = d(Y.value.left + n * e + n / 2, Y.value.top + Y.value.height / 2, L.value);
|
|
2823
|
-
r && (ia.value = r);
|
|
2824
|
-
}
|
|
2825
|
-
let hl = b(() => {
|
|
2826
|
-
if (!Oc.value) return null;
|
|
2827
|
-
let e = B.value.table.showSum, t = [B.value.table.columnNames.period].concat(ro.value.map((e) => e.name));
|
|
2828
|
-
e && (t = t.concat(B.value.table.columnNames.total));
|
|
2829
|
-
let n = Oc.value.body.slice(W.value.start, W.value.end);
|
|
2830
|
-
return {
|
|
2831
|
-
headers: t,
|
|
2832
|
-
rows: n
|
|
2833
|
-
};
|
|
2834
|
-
});
|
|
2835
|
-
return Ke({
|
|
2836
|
-
getData: ws,
|
|
2837
|
-
getImage: Ts,
|
|
2838
|
-
generatePdf: za,
|
|
2839
|
-
generateImage: Ba,
|
|
2840
|
-
generateSvg: sl,
|
|
2841
|
-
generateCsv: kc,
|
|
2842
|
-
hideSeries: Ms,
|
|
2843
|
-
showSeries: js,
|
|
2844
|
-
toggleStack: Po,
|
|
2845
|
-
toggleTable: jc,
|
|
2846
|
-
toggleLabels: Mc,
|
|
2847
|
-
toggleTooltip: Nc,
|
|
2848
|
-
toggleAnnotator: Co,
|
|
2849
|
-
toggleFullscreen: Pc,
|
|
2850
|
-
copyAlt: ll,
|
|
2851
|
-
resetZoom: qo
|
|
2852
|
-
}), (n, r) => (T(), S("div", {
|
|
2853
|
-
id: `vue-ui-xy_${F.value}`,
|
|
2854
|
-
class: st(`vue-data-ui-component vue-ui-xy ${zi.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${B.value.useCssAnimation ? "" : "vue-ui-dna"}`),
|
|
2855
|
-
ref_key: "chart",
|
|
2856
|
-
ref: vi,
|
|
2857
|
-
style: w(`background:${B.value.chart.backgroundColor}; color:${B.value.chart.color};width:100%;font-family:${B.value.chart.fontFamily};${B.value.responsive ? "height: 100%" : ""}`),
|
|
2858
|
-
onMouseenter: r[6] ||= () => So(!0),
|
|
2859
|
-
onMouseleave: r[7] ||= () => So(!1),
|
|
2860
|
-
onClick: Ss
|
|
2861
|
-
}, [
|
|
2862
|
-
C("div", {
|
|
2863
|
-
id: `chart-instructions-${F.value}`,
|
|
2864
|
-
class: "sr-only"
|
|
2865
|
-
}, [C("p", null, pt(B.value.a11y.translations.keyboardNavigation), 1)], 8, St),
|
|
2866
|
-
hl.value?.rows?.length ? (T(), Qe(Xe, {
|
|
2867
|
-
key: 0,
|
|
2868
|
-
uid: F.value,
|
|
2869
|
-
head: hl.value.headers,
|
|
2870
|
-
body: hl.value.rows,
|
|
2871
|
-
notice: B.value.a11y.translations.tableAvailable,
|
|
2872
|
-
caption: B.value.a11y.translations.tableCaption
|
|
2873
|
-
}, null, 8, [
|
|
2874
|
-
"uid",
|
|
2875
|
-
"head",
|
|
2876
|
-
"body",
|
|
2877
|
-
"notice",
|
|
2878
|
-
"caption"
|
|
2879
|
-
])) : x("", !0),
|
|
2880
|
-
B.value.chart.userOptions.buttons.annotator && L.value ? (T(), Qe(k(ui), {
|
|
2881
|
-
key: 1,
|
|
2882
|
-
svgRef: L.value,
|
|
2883
|
-
backgroundColor: B.value.chart.backgroundColor,
|
|
2884
|
-
color: B.value.chart.color,
|
|
2885
|
-
active: Ri.value,
|
|
2886
|
-
isCursorPointer: Ca.value,
|
|
2887
|
-
onClose: Co
|
|
2888
|
-
}, {
|
|
2889
|
-
"annotator-action-close": A(() => [O(n.$slots, "annotator-action-close", {}, void 0, !0)]),
|
|
2890
|
-
"annotator-action-color": A(({ color: e }) => [O(n.$slots, "annotator-action-color", ct(it({ color: e })), void 0, !0)]),
|
|
2891
|
-
"annotator-action-draw": A(({ mode: e }) => [O(n.$slots, "annotator-action-draw", ct(it({ mode: e })), void 0, !0)]),
|
|
2892
|
-
"annotator-action-undo": A(({ disabled: e }) => [O(n.$slots, "annotator-action-undo", ct(it({ disabled: e })), void 0, !0)]),
|
|
2893
|
-
"annotator-action-redo": A(({ disabled: e }) => [O(n.$slots, "annotator-action-redo", ct(it({ disabled: e })), void 0, !0)]),
|
|
2894
|
-
"annotator-action-delete": A(({ disabled: e }) => [O(n.$slots, "annotator-action-delete", ct(it({ disabled: e })), void 0, !0)]),
|
|
2895
|
-
_: 3
|
|
2896
|
-
}, 8, [
|
|
2897
|
-
"svgRef",
|
|
2898
|
-
"backgroundColor",
|
|
2899
|
-
"color",
|
|
2900
|
-
"active",
|
|
2901
|
-
"isCursorPointer"
|
|
2902
|
-
])) : x("", !0),
|
|
2903
|
-
Fs.value ? (T(), S("div", {
|
|
2904
|
-
key: 2,
|
|
2905
|
-
ref_key: "noTitle",
|
|
2906
|
-
ref: Ci,
|
|
2907
|
-
class: "vue-data-ui-no-title-space",
|
|
2908
|
-
style: "height:36px; width: 100%; background:transparent"
|
|
2909
|
-
}, null, 512)) : x("", !0),
|
|
2910
|
-
B.value.chart.title.show ? (T(), S("div", {
|
|
2911
|
-
key: 3,
|
|
2912
|
-
ref_key: "chartTitle",
|
|
2913
|
-
ref: yi,
|
|
2914
|
-
class: "vue-ui-xy-title",
|
|
2915
|
-
style: w(`font-family:${B.value.chart.fontFamily}`)
|
|
2916
|
-
}, [(T(), Qe(Ue, {
|
|
2917
|
-
key: `title_${Wi.value}`,
|
|
2918
|
-
config: {
|
|
2919
|
-
title: {
|
|
2920
|
-
cy: "xy-div-title",
|
|
2921
|
-
...B.value.chart.title
|
|
2922
|
-
},
|
|
2923
|
-
subtitle: {
|
|
2924
|
-
cy: "xy-div-subtitle",
|
|
2925
|
-
...B.value.chart.title.subtitle
|
|
2926
|
-
}
|
|
2927
|
-
}
|
|
2928
|
-
}, null, 8, ["config"]))], 4)) : x("", !0),
|
|
2929
|
-
C("div", { id: `legend-top-${F.value}` }, null, 8, Ct),
|
|
2930
|
-
B.value.chart.userOptions.show && (Ji.value || Yi.value) ? (T(), Qe(k(oi), {
|
|
2931
|
-
ref_key: "userOptionsRef",
|
|
2932
|
-
ref: ki,
|
|
2933
|
-
key: `user_options_${Hi.value}`,
|
|
2934
|
-
backgroundColor: B.value.chart.backgroundColor,
|
|
2935
|
-
color: B.value.chart.color,
|
|
2936
|
-
isPrinting: k(La),
|
|
2937
|
-
isImaging: k(Ra),
|
|
2938
|
-
uid: F.value,
|
|
2939
|
-
hasTooltip: B.value.chart.userOptions.buttons.tooltip && B.value.chart.tooltip.show,
|
|
2940
|
-
hasPdf: B.value.chart.userOptions.buttons.pdf,
|
|
2941
|
-
hasXls: B.value.chart.userOptions.buttons.csv,
|
|
2942
|
-
hasImg: B.value.chart.userOptions.buttons.img,
|
|
2943
|
-
hasSvg: B.value.chart.userOptions.buttons.svg,
|
|
2944
|
-
hasLabel: B.value.chart.userOptions.buttons.labels,
|
|
2945
|
-
hasTable: B.value.chart.userOptions.buttons.table,
|
|
2946
|
-
hasStack: e.dataset.length > 1 && B.value.chart.userOptions.buttons.stack,
|
|
2947
|
-
hasFullscreen: B.value.chart.userOptions.buttons.fullscreen,
|
|
2948
|
-
hasAltCopy: B.value.chart.userOptions.buttons.altCopy,
|
|
2949
|
-
isStacked: V.value.isStacked,
|
|
2950
|
-
isFullscreen: zi.value,
|
|
2951
|
-
chartElement: n.$refs.chart,
|
|
2952
|
-
position: B.value.chart.userOptions.position,
|
|
2953
|
-
isTooltip: V.value.showTooltip,
|
|
2954
|
-
titles: { ...B.value.chart.userOptions.buttonTitles },
|
|
2955
|
-
hasAnnotator: B.value.chart.userOptions.buttons.annotator,
|
|
2956
|
-
isAnnotation: Ri.value,
|
|
2957
|
-
callbacks: B.value.chart.userOptions.callbacks,
|
|
2958
|
-
tableDialog: B.value.table.useDialog,
|
|
2959
|
-
printScale: B.value.chart.userOptions.print.scale,
|
|
2960
|
-
isCursorPointer: Ca.value,
|
|
2961
|
-
onToggleFullscreen: Pc,
|
|
2962
|
-
onGeneratePdf: k(za),
|
|
2963
|
-
onGenerateCsv: kc,
|
|
2964
|
-
onGenerateImage: cl,
|
|
2965
|
-
onGenerateSvg: sl,
|
|
2966
|
-
onToggleTable: jc,
|
|
2967
|
-
onToggleLabels: Mc,
|
|
2968
|
-
onToggleStack: Po,
|
|
2969
|
-
onToggleTooltip: Nc,
|
|
2970
|
-
onToggleAnnotator: Co,
|
|
2971
|
-
onCopyAlt: ll,
|
|
2972
|
-
style: w({ visibility: Ji.value ? Yi.value ? "visible" : "hidden" : "visible" })
|
|
2973
|
-
}, $e({ _: 2 }, [
|
|
2974
|
-
n.$slots.menuIcon ? {
|
|
2975
|
-
name: "menuIcon",
|
|
2976
|
-
fn: A(({ isOpen: e, color: t }) => [O(n.$slots, "menuIcon", ct(it({
|
|
2977
|
-
isOpen: e,
|
|
2978
|
-
color: t
|
|
2979
|
-
})), void 0, !0)]),
|
|
2980
|
-
key: "0"
|
|
2981
|
-
} : void 0,
|
|
2982
|
-
n.$slots.optionTooltip ? {
|
|
2983
|
-
name: "optionTooltip",
|
|
2984
|
-
fn: A(() => [O(n.$slots, "optionTooltip", {}, void 0, !0)]),
|
|
2985
|
-
key: "1"
|
|
2986
|
-
} : void 0,
|
|
2987
|
-
n.$slots.optionPdf ? {
|
|
2988
|
-
name: "optionPdf",
|
|
2989
|
-
fn: A(() => [O(n.$slots, "optionPdf", {}, void 0, !0)]),
|
|
2990
|
-
key: "2"
|
|
2991
|
-
} : void 0,
|
|
2992
|
-
n.$slots.optionCsv ? {
|
|
2993
|
-
name: "optionCsv",
|
|
2994
|
-
fn: A(() => [O(n.$slots, "optionCsv", {}, void 0, !0)]),
|
|
2995
|
-
key: "3"
|
|
2996
|
-
} : void 0,
|
|
2997
|
-
n.$slots.optionImg ? {
|
|
2998
|
-
name: "optionImg",
|
|
2999
|
-
fn: A(() => [O(n.$slots, "optionImg", {}, void 0, !0)]),
|
|
3000
|
-
key: "4"
|
|
3001
|
-
} : void 0,
|
|
3002
|
-
n.$slots.optionSvg ? {
|
|
3003
|
-
name: "optionSvg",
|
|
3004
|
-
fn: A(() => [O(n.$slots, "optionSvg", {}, void 0, !0)]),
|
|
3005
|
-
key: "5"
|
|
3006
|
-
} : void 0,
|
|
3007
|
-
n.$slots.optionTable ? {
|
|
3008
|
-
name: "optionTable",
|
|
3009
|
-
fn: A(() => [O(n.$slots, "optionTable", {}, void 0, !0)]),
|
|
3010
|
-
key: "6"
|
|
3011
|
-
} : void 0,
|
|
3012
|
-
n.$slots.optionLabels ? {
|
|
3013
|
-
name: "optionLabels",
|
|
3014
|
-
fn: A(() => [O(n.$slots, "optionLabels", {}, void 0, !0)]),
|
|
3015
|
-
key: "7"
|
|
3016
|
-
} : void 0,
|
|
3017
|
-
n.$slots.optionStack ? {
|
|
3018
|
-
name: "optionStack",
|
|
3019
|
-
fn: A(({ isStack: e }) => [O(n.$slots, "optionStack", ct(it({ isStack: e })), void 0, !0)]),
|
|
3020
|
-
key: "8"
|
|
3021
|
-
} : void 0,
|
|
3022
|
-
n.$slots.optionFullscreen ? {
|
|
3023
|
-
name: "optionFullscreen",
|
|
3024
|
-
fn: A(({ toggleFullscreen: e, isFullscreen: t }) => [O(n.$slots, "optionFullscreen", ct(it({
|
|
3025
|
-
toggleFullscreen: e,
|
|
3026
|
-
isFullscreen: t
|
|
3027
|
-
})), void 0, !0)]),
|
|
3028
|
-
key: "9"
|
|
3029
|
-
} : void 0,
|
|
3030
|
-
n.$slots.optionAnnotator ? {
|
|
3031
|
-
name: "optionAnnotator",
|
|
3032
|
-
fn: A(({ toggleAnnotator: e, isAnnotator: t }) => [O(n.$slots, "optionAnnotator", ct(it({
|
|
3033
|
-
toggleAnnotator: e,
|
|
3034
|
-
isAnnotator: t
|
|
3035
|
-
})), void 0, !0)]),
|
|
3036
|
-
key: "10"
|
|
3037
|
-
} : void 0,
|
|
3038
|
-
n.$slots.optionAltCopy ? {
|
|
3039
|
-
name: "optionAltCopy",
|
|
3040
|
-
fn: A(({ altCopy: e }) => [O(n.$slots, "optionAltCopy", ct(it({ altCopy: e })), void 0, !0)]),
|
|
3041
|
-
key: "11"
|
|
3042
|
-
} : void 0,
|
|
3043
|
-
n.$slots["custom-menu-before"] ? {
|
|
3044
|
-
name: "custom-menu-before",
|
|
3045
|
-
fn: A(() => [O(n.$slots, "custom-menu-before", {}, void 0, !0)]),
|
|
3046
|
-
key: "12"
|
|
3047
|
-
} : void 0,
|
|
3048
|
-
n.$slots["custom-menu-after"] ? {
|
|
3049
|
-
name: "custom-menu-after",
|
|
3050
|
-
fn: A(() => [O(n.$slots, "custom-menu-after", {}, void 0, !0)]),
|
|
3051
|
-
key: "13"
|
|
3052
|
-
} : void 0
|
|
3053
|
-
]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasLabel.hasTable.hasStack.hasFullscreen.hasAltCopy.isStacked.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.tableDialog.printScale.isCursorPointer.onGeneratePdf.style".split("."))) : x("", !0),
|
|
3054
|
-
C("div", wt, [(T(), S("svg", {
|
|
3055
|
-
ref_key: "svgRef",
|
|
3056
|
-
ref: L,
|
|
3057
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
3058
|
-
class: st([{
|
|
3059
|
-
"vue-data-ui-fullscreen--on": zi.value,
|
|
3060
|
-
"vue-data-ui-fulscreen--off": !zi.value
|
|
3061
|
-
}, "vue-ui-xy-svg vue-data-ui-svg"]),
|
|
3062
|
-
width: "100%",
|
|
3063
|
-
viewBox: Fi.value,
|
|
3064
|
-
style: w({
|
|
3065
|
-
background: "transparent",
|
|
3066
|
-
color: B.value.chart.color,
|
|
3067
|
-
fontFamily: B.value.chart.fontFamily
|
|
3068
|
-
}),
|
|
3069
|
-
"aria-label": Ns.value,
|
|
3070
|
-
"aria-describedby": `chart-instructions-${F.value}`,
|
|
3071
|
-
"aria-live": "polite",
|
|
3072
|
-
role: "img",
|
|
3073
|
-
tabindex: "0",
|
|
3074
|
-
preserveAspectRatio: "xMidYMid",
|
|
3075
|
-
onMousemove: bs,
|
|
3076
|
-
onMouseleave: xs,
|
|
3077
|
-
onClick: Ss,
|
|
3078
|
-
onFocus: dl,
|
|
3079
|
-
onBlur: fl,
|
|
3080
|
-
onKeydown: pl
|
|
3081
|
-
}, [C("g", {
|
|
3082
|
-
ref_key: "G",
|
|
3083
|
-
ref: wi,
|
|
3084
|
-
class: "vue-data-ui-g"
|
|
3085
|
-
}, [
|
|
3086
|
-
tt(k(li)),
|
|
3087
|
-
n.$slots["chart-background"] ? (T(), S("foreignObject", {
|
|
3088
|
-
key: 0,
|
|
3089
|
-
x: Math.max(0, Y.value?.left),
|
|
3090
|
-
y: Y.value?.top,
|
|
3091
|
-
width: Math.max(0, Y.value?.width),
|
|
3092
|
-
height: Math.max(0, Y.value?.height),
|
|
3093
|
-
style: { pointerEvents: "none" }
|
|
3094
|
-
}, [O(n.$slots, "chart-background", {}, void 0, !0)], 8, Et)) : x("", !0),
|
|
3095
|
-
Z.value > 0 ? (T(), S("g", Dt, [
|
|
3096
|
-
C("g", Ot, [
|
|
3097
|
-
B.value.chart.grid.labels.xAxis.showBaseline ? (T(), S("line", {
|
|
3098
|
-
key: 0,
|
|
3099
|
-
stroke: B.value.chart.grid.stroke,
|
|
3100
|
-
"stroke-width": "1",
|
|
3101
|
-
x1: Y.value?.left,
|
|
3102
|
-
x2: Y.value?.right,
|
|
3103
|
-
y1: k(h)(Y.value?.bottom),
|
|
3104
|
-
y2: k(h)(Y.value?.bottom),
|
|
3105
|
-
"stroke-linecap": "round",
|
|
3106
|
-
style: { animation: "none !important" }
|
|
3107
|
-
}, null, 8, kt)) : x("", !0),
|
|
3108
|
-
V.value.useIndividualScale ? B.value.chart.grid.showHorizontalLines ? (T(!0), S(y, { key: 2 }, D(yc.value, (e) => (T(), S("g", null, [e.id === M.value && e.yLabels.length ? (T(!0), S(y, { key: 0 }, D(e.yLabels, (t) => (T(), S("line", {
|
|
3109
|
-
x1: Y.value?.left,
|
|
3110
|
-
x2: Y.value?.right,
|
|
3111
|
-
y1: k(h)(t.y),
|
|
3112
|
-
y2: k(h)(t.y),
|
|
3113
|
-
stroke: e.color,
|
|
3114
|
-
"stroke-width": .5,
|
|
3115
|
-
"stroke-linecap": "round",
|
|
3116
|
-
style: { animation: "none !important" }
|
|
3117
|
-
}, null, 8, Nt))), 256)) : e.yLabels.length ? (T(!0), S(y, { key: 1 }, D(e.yLabels, (e) => (T(), S("line", {
|
|
3118
|
-
x1: Y.value?.left,
|
|
3119
|
-
x2: Y.value?.right,
|
|
3120
|
-
y1: k(h)(e.y),
|
|
3121
|
-
y2: k(h)(e.y),
|
|
3122
|
-
stroke: B.value.chart.grid.stroke,
|
|
3123
|
-
"stroke-width": .5,
|
|
3124
|
-
"stroke-linecap": "round",
|
|
3125
|
-
style: { animation: "none !important" }
|
|
3126
|
-
}, null, 8, Pt))), 256)) : x("", !0)]))), 256)) : x("", !0) : (T(), S(y, { key: 1 }, [B.value.chart.grid.labels.yAxis.showBaseline ? (T(), S("line", {
|
|
3127
|
-
key: 0,
|
|
3128
|
-
class: "vue-ui-xy-y-axis",
|
|
3129
|
-
stroke: B.value.chart.grid.stroke,
|
|
3130
|
-
"stroke-width": "1",
|
|
3131
|
-
x1: J.value ? Y.value?.right : Y.value?.left,
|
|
3132
|
-
x2: J.value ? Y.value?.right : Y.value?.left,
|
|
3133
|
-
y1: k(h)(Y.value?.top),
|
|
3134
|
-
y2: k(h)(Y.value?.bottom),
|
|
3135
|
-
"stroke-linecap": "round",
|
|
3136
|
-
style: { animation: "none !important" }
|
|
3137
|
-
}, null, 8, At)) : x("", !0), B.value.chart.grid.showHorizontalLines ? (T(), S("g", jt, [(T(!0), S(y, null, D(ic.value, (e) => (T(), S("line", {
|
|
3138
|
-
x1: Y.value?.left,
|
|
3139
|
-
x2: Y.value?.right,
|
|
3140
|
-
y1: k(h)(e.y),
|
|
3141
|
-
y2: k(h)(e.y),
|
|
3142
|
-
stroke: B.value.chart.grid.stroke,
|
|
3143
|
-
"stroke-width": .5,
|
|
3144
|
-
"stroke-linecap": "round",
|
|
3145
|
-
style: { animation: "none !important" }
|
|
3146
|
-
}, null, 8, Mt))), 256))])) : x("", !0)], 64)),
|
|
3147
|
-
B.value.chart.grid.showVerticalLines ? (T(), S("g", Ft, [C("path", {
|
|
3148
|
-
d: ho.value,
|
|
3149
|
-
"stroke-width": .5,
|
|
3150
|
-
stroke: B.value.chart.grid.stroke,
|
|
3151
|
-
"stroke-linecap": "round",
|
|
3152
|
-
style: { animation: "none !important" }
|
|
3153
|
-
}, null, 8, It)])) : x("", !0),
|
|
3154
|
-
B.value.chart.grid.labels.xAxisLabels.show ? (T(), S("g", Lt, [C("path", {
|
|
3155
|
-
d: go.value,
|
|
3156
|
-
stroke: B.value.chart.grid.stroke,
|
|
3157
|
-
"stroke-width": 1,
|
|
3158
|
-
"stroke-linecap": "round",
|
|
3159
|
-
style: { animation: "none !important" }
|
|
3160
|
-
}, null, 8, Rt)])) : x("", !0)
|
|
3161
|
-
]),
|
|
3162
|
-
(T(!0), S(y, null, D(_c.value, (e, t) => (T(), S("defs", { key: `def_rect_${t}` }, [n.$slots["bar-gradient"] ? O(n.$slots, "bar-gradient", at({
|
|
3163
|
-
key: 0,
|
|
3164
|
-
ref_for: !0
|
|
3165
|
-
}, {
|
|
3166
|
-
series: e,
|
|
3167
|
-
positiveId: `rectGradient_pos_${t}_${F.value}`,
|
|
3168
|
-
negativeId: `rectGradient_neg_${t}_${F.value}`
|
|
3169
|
-
}), void 0, !0) : (T(), S(y, { key: 1 }, [C("linearGradient", {
|
|
3170
|
-
id: `rectGradient_pos_${t}_${F.value}`,
|
|
3171
|
-
x2: "0%",
|
|
3172
|
-
y2: "100%"
|
|
3173
|
-
}, [
|
|
3174
|
-
C("stop", {
|
|
3175
|
-
offset: "0%",
|
|
3176
|
-
"stop-color": e.color
|
|
3177
|
-
}, null, 8, Bt),
|
|
3178
|
-
C("stop", {
|
|
3179
|
-
offset: "62%",
|
|
3180
|
-
"stop-color": `${k(p)(e.color, .02)}`
|
|
3181
|
-
}, null, 8, Vt),
|
|
3182
|
-
C("stop", {
|
|
3183
|
-
offset: "100%",
|
|
3184
|
-
"stop-color": `${k(p)(e.color, .05)}`
|
|
3185
|
-
}, null, 8, Ht)
|
|
3186
|
-
], 8, zt), C("linearGradient", {
|
|
3187
|
-
id: `rectGradient_neg_${t}_${F.value}`,
|
|
3188
|
-
x2: "0%",
|
|
3189
|
-
y2: "100%"
|
|
3190
|
-
}, [
|
|
3191
|
-
C("stop", {
|
|
3192
|
-
offset: "0%",
|
|
3193
|
-
"stop-color": `${k(p)(e.color, .05)}`
|
|
3194
|
-
}, null, 8, Wt),
|
|
3195
|
-
C("stop", {
|
|
3196
|
-
offset: "38%",
|
|
3197
|
-
"stop-color": `${k(p)(e.color, .02)}`
|
|
3198
|
-
}, null, 8, Gt),
|
|
3199
|
-
C("stop", {
|
|
3200
|
-
offset: "100%",
|
|
3201
|
-
"stop-color": e.color
|
|
3202
|
-
}, null, 8, Kt)
|
|
3203
|
-
], 8, Ut)], 64))]))), 128)),
|
|
3204
|
-
(T(!0), S(y, null, D(vc.value, (e, t) => (T(), S("defs", { key: `def_plot_${t}` }, [C("radialGradient", {
|
|
3205
|
-
id: `plotGradient_${t}_${F.value}`,
|
|
3206
|
-
cx: "50%",
|
|
3207
|
-
cy: "50%",
|
|
3208
|
-
r: "50%",
|
|
3209
|
-
fx: "50%",
|
|
3210
|
-
fy: "50%"
|
|
3211
|
-
}, [C("stop", {
|
|
3212
|
-
offset: "0%",
|
|
3213
|
-
"stop-color": `${k(p)(e.color, .05)}`
|
|
3214
|
-
}, null, 8, Jt), C("stop", {
|
|
3215
|
-
offset: "100%",
|
|
3216
|
-
"stop-color": e.color
|
|
3217
|
-
}, null, 8, Yt)], 8, qt)]))), 128)),
|
|
3218
|
-
(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `def_line_${e.id}` }, [C("defs", null, [C("radialGradient", {
|
|
3219
|
-
id: `lineGradient_${t}_${F.value}`,
|
|
3220
|
-
cx: "50%",
|
|
3221
|
-
cy: "50%",
|
|
3222
|
-
r: "50%",
|
|
3223
|
-
fx: "50%",
|
|
3224
|
-
fy: "50%"
|
|
3225
|
-
}, [C("stop", {
|
|
3226
|
-
offset: "0%",
|
|
3227
|
-
"stop-color": `${k(p)(e.color, .05)}`
|
|
3228
|
-
}, null, 8, Zt), C("stop", {
|
|
3229
|
-
offset: "100%",
|
|
3230
|
-
"stop-color": e.color
|
|
3231
|
-
}, null, 8, Qt)], 8, Xt), n.$slots["area-gradient"] ? O(n.$slots, "area-gradient", at({
|
|
3232
|
-
key: 0,
|
|
3233
|
-
ref_for: !0
|
|
3234
|
-
}, {
|
|
3235
|
-
series: e,
|
|
3236
|
-
id: `areaGradient_${t}_${F.value}`
|
|
3237
|
-
}), void 0, !0) : (T(), S("linearGradient", {
|
|
3238
|
-
key: 1,
|
|
3239
|
-
id: `areaGradient_${t}_${F.value}`,
|
|
3240
|
-
x1: "0%",
|
|
3241
|
-
x2: "100%",
|
|
3242
|
-
y1: "0%",
|
|
3243
|
-
y2: "0%"
|
|
3244
|
-
}, [C("stop", {
|
|
3245
|
-
offset: "0%",
|
|
3246
|
-
"stop-color": `${k(f)(k(p)(e.color, .03), B.value.line.area.opacity)}`
|
|
3247
|
-
}, null, 8, en), C("stop", {
|
|
3248
|
-
offset: "100%",
|
|
3249
|
-
"stop-color": `${k(f)(e.color, B.value.line.area.opacity)}`
|
|
3250
|
-
}, null, 8, tn)], 8, $t))]), e.temperatureColors && !e.isFlatTemperatureLine ? (T(), S("defs", nn, [C("linearGradient", {
|
|
3251
|
-
id: `temperature_grad_line_${t}_${F.value}`,
|
|
3252
|
-
gradientTransform: "rotate(90)"
|
|
3253
|
-
}, [(T(!0), S(y, null, D(e.temperatureColors, (n, r) => (T(), S("stop", {
|
|
3254
|
-
key: `temperature_grad_stop_${t}_${r}_${F.value}`,
|
|
3255
|
-
"stop-color": n,
|
|
3256
|
-
offset: k(me)(r, e.temperatureColors.length)
|
|
3257
|
-
}, null, 8, an))), 128))], 8, rn)])) : x("", !0)], 64))), 128)),
|
|
3258
|
-
(T(!0), S(y, null, D(Is.value, (e) => (T(), S("g", null, [e.show ? (T(), S(y, { key: 0 }, [(T(!0), S(y, null, D(e.span, (t, n) => (T(), S("g", null, [C("rect", {
|
|
3259
|
-
style: w({
|
|
3260
|
-
transition: "none",
|
|
3261
|
-
opacity: +(e.from + n >= W.value.start && e.from + n <= W.value.end - 1)
|
|
3262
|
-
}),
|
|
3263
|
-
x: Ws(e.from + n - W.value.start),
|
|
3264
|
-
y: Y.value?.top,
|
|
3265
|
-
height: Y.value.height < 0 ? 10 : Y.value.height,
|
|
3266
|
-
width: Gs(e.from + n - W.value.start),
|
|
3267
|
-
fill: k(f)(e.color, e.opacity)
|
|
3268
|
-
}, null, 12, on)]))), 256)), (T(!0), S(y, null, D(e.span, (t, n) => (T(), S("g", null, [e.caption.text && n === 0 ? (T(), S("foreignObject", {
|
|
3269
|
-
key: 0,
|
|
3270
|
-
x: Ws(e.from + n - W.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - Js(e.span) / 2),
|
|
3271
|
-
y: Y.value?.top + e.caption.offsetY,
|
|
3272
|
-
style: w({
|
|
3273
|
-
overflow: "visible",
|
|
3274
|
-
opacity: +(e.to >= W.value.start && e.from < W.value.end)
|
|
3275
|
-
}),
|
|
3276
|
-
height: "1",
|
|
3277
|
-
width: e.caption.width === "auto" ? Js(e.span) : e.caption.width
|
|
3278
|
-
}, [C("div", { style: w(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`) }, pt(e.caption.text), 5)], 12, sn)) : x("", !0)]))), 256))], 64)) : x("", !0)]))), 256)),
|
|
3279
|
-
xo.value && !q.value ? (T(), S("g", cn, [(T(!0), S(y, null, D(Z.value, (e, t) => (T(), S("g", { key: `tooltip_trap_highlighter_${t}` }, [C("rect", {
|
|
3280
|
-
x: Ws(t),
|
|
3281
|
-
y: Y.value?.top,
|
|
3282
|
-
height: Y.value.height < 0 ? 10 : Y.value.height,
|
|
3283
|
-
width: qs(t),
|
|
3284
|
-
fill: [
|
|
3285
|
-
I.value,
|
|
3286
|
-
R.value,
|
|
3287
|
-
Vi.value
|
|
3288
|
-
].includes(t) ? k(f)(B.value.chart.highlighter.color, B.value.chart.highlighter.opacity) : "transparent",
|
|
3289
|
-
style: {
|
|
3290
|
-
transition: "none !important",
|
|
3291
|
-
animation: "none !important"
|
|
3292
|
-
}
|
|
3293
|
-
}, null, 8, ln)]))), 128))])) : x("", !0),
|
|
3294
|
-
_c.value.length ? (T(!0), S(y, { key: 1 }, D(_c.value, (e, t) => (T(), S("g", {
|
|
3295
|
-
key: `serie_bar_${e.id}`,
|
|
3296
|
-
class: st(`serie_bar_${t}`),
|
|
3297
|
-
style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
3298
|
-
}, [(T(!0), S(y, null, D(e.plots, (r, i) => (T(), S("g", { key: `bar_plot_${t}_${i}` }, [
|
|
3299
|
-
Jo(r.value) ? (T(), S("rect", {
|
|
3300
|
-
key: 0,
|
|
3301
|
-
x: us(r) + ec.value / 2,
|
|
3302
|
-
y: V.value.useIndividualScale ? fs(r) : ds(r),
|
|
3303
|
-
height: V.value.useIndividualScale ? Math.abs(ss(r)) : Math.abs(os(r)),
|
|
3304
|
-
width: $s.value - ec.value,
|
|
3305
|
-
rx: B.value.bar.borderRadius,
|
|
3306
|
-
fill: B.value.bar.useGradient ? r.value >= 0 ? `url(#rectGradient_pos_${t}_${F.value})` : `url(#rectGradient_neg_${t}_${F.value})` : e.color,
|
|
3307
|
-
stroke: B.value.bar.border.useSerieColor ? e.color : B.value.bar.border.stroke,
|
|
3308
|
-
"stroke-width": B.value.bar.border.strokeWidth,
|
|
3309
|
-
style: w({ transition: k(Oa) || !B.value.bar.showTransition ? void 0 : `all ${B.value.bar.transitionDurationMs}ms ease-in-out` })
|
|
3310
|
-
}, null, 12, un)) : x("", !0),
|
|
3311
|
-
Jo(r.value) && n.$slots.pattern ? (T(), S("rect", {
|
|
3312
|
-
key: 1,
|
|
3313
|
-
x: us(r) - ec.value / 2,
|
|
3314
|
-
y: V.value.useIndividualScale ? fs(r) : ds(r),
|
|
3315
|
-
height: V.value.useIndividualScale ? Math.abs(ss(r)) : Math.abs(os(r)),
|
|
3316
|
-
width: $s.value - ec.value,
|
|
3317
|
-
rx: B.value.bar.borderRadius,
|
|
3318
|
-
fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
|
|
3319
|
-
stroke: B.value.bar.border.useSerieColor ? e.color : B.value.bar.border.stroke,
|
|
3320
|
-
"stroke-width": B.value.bar.border.strokeWidth,
|
|
3321
|
-
style: w({ transition: k(Oa) || !B.value.bar.showTransition ? void 0 : `all ${B.value.bar.transitionDurationMs}ms ease-in-out` })
|
|
3322
|
-
}, null, 12, dn)) : x("", !0),
|
|
3323
|
-
r.comment && B.value.chart.comments.show ? (T(), S("foreignObject", {
|
|
3324
|
-
key: 2,
|
|
3325
|
-
style: { overflow: "visible" },
|
|
3326
|
-
height: "12",
|
|
3327
|
-
width: $s.value + B.value.chart.comments.width,
|
|
3328
|
-
x: us(r) - B.value.chart.comments.width / 2 + B.value.chart.comments.offsetX,
|
|
3329
|
-
y: k(v)(r.y) + B.value.chart.comments.offsetY + 6
|
|
3330
|
-
}, [O(n.$slots, "plot-comment", { plot: {
|
|
3331
|
-
...r,
|
|
3332
|
-
color: e.color,
|
|
3333
|
-
seriesIndex: t,
|
|
3334
|
-
datapointIndex: i
|
|
3335
|
-
} }, void 0, !0)], 8, fn)) : x("", !0)
|
|
3336
|
-
]))), 128))], 6))), 128)) : x("", !0),
|
|
3337
|
-
!V.value.useIndividualScale && B.value.chart.grid.labels.zeroLine.show ? (T(), S("line", {
|
|
3338
|
-
key: 2,
|
|
3339
|
-
stroke: B.value.chart.grid.stroke,
|
|
3340
|
-
"stroke-width": "1",
|
|
3341
|
-
x1: Y.value?.left,
|
|
3342
|
-
x2: Y.value?.right,
|
|
3343
|
-
y1: k(h)(as.value),
|
|
3344
|
-
y2: k(h)(as.value),
|
|
3345
|
-
"stroke-linecap": "round",
|
|
3346
|
-
style: { animation: "none !important" }
|
|
3347
|
-
}, null, 8, pn)) : x("", !0),
|
|
3348
|
-
(B.value.chart.highlighter.useLine || q.value) && No.value ? (T(), S("g", mn, [C("line", {
|
|
3349
|
-
x1: Xc.value,
|
|
3350
|
-
x2: Xc.value,
|
|
3351
|
-
y1: k(h)(Y.value?.top),
|
|
3352
|
-
y2: k(h)(Y.value?.bottom),
|
|
3353
|
-
stroke: B.value.chart.highlighter.color,
|
|
3354
|
-
"stroke-width": B.value.chart.highlighter.lineWidth,
|
|
3355
|
-
"stroke-dasharray": B.value.chart.highlighter.lineDasharray,
|
|
3356
|
-
"stroke-linecap": "round",
|
|
3357
|
-
style: {
|
|
3358
|
-
transition: "none !important",
|
|
3359
|
-
animation: "none !important",
|
|
3360
|
-
"pointer-events": "none"
|
|
3361
|
-
}
|
|
3362
|
-
}, null, 8, hn)])) : x("", !0),
|
|
3363
|
-
B.value.chart.grid.frame.show ? (T(), S("rect", {
|
|
3364
|
-
key: 4,
|
|
3365
|
-
style: {
|
|
3366
|
-
pointerEvents: "none",
|
|
3367
|
-
transition: "none",
|
|
3368
|
-
animation: "none !important"
|
|
3369
|
-
},
|
|
3370
|
-
x: Math.max(0, Y.value?.left),
|
|
3371
|
-
y: Y.value?.top,
|
|
3372
|
-
width: Math.max(0, Y.value?.width),
|
|
3373
|
-
height: Y.value.height < 0 ? 0 : Y.value.height,
|
|
3374
|
-
fill: "transparent",
|
|
3375
|
-
stroke: B.value.chart.grid.frame.stroke,
|
|
3376
|
-
"stroke-width": B.value.chart.grid.frame.strokeWidth,
|
|
3377
|
-
"stroke-linecap": B.value.chart.grid.frame.strokeLinecap,
|
|
3378
|
-
"stroke-linejoin": B.value.chart.grid.frame.strokeLinejoin,
|
|
3379
|
-
"stroke-dasharray": B.value.chart.grid.frame.strokeDasharray
|
|
3380
|
-
}, null, 8, gn)) : x("", !0),
|
|
3381
|
-
B.value.chart.grid.labels.show ? (T(), S("g", {
|
|
3382
|
-
key: 5,
|
|
3383
|
-
ref_key: "scaleLabels",
|
|
3384
|
-
ref: Oi
|
|
3385
|
-
}, [V.value.useIndividualScale ? (T(), S(y, { key: 0 }, [(T(!0), S(y, null, D(yc.value, (e) => (T(), S("g", null, [C("line", {
|
|
3386
|
-
x1: V.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x - Y.value.individualOffsetX,
|
|
3387
|
-
x2: V.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x - Y.value.individualOffsetX,
|
|
3388
|
-
y1: V.value.isStacked ? k(h)(Y.value?.bottom - e.yOffset - e.individualHeight) : k(h)(Y.value?.top),
|
|
3389
|
-
y2: V.value.isStacked ? k(h)(Y.value?.bottom - e.yOffset) : k(h)(Y.value?.bottom),
|
|
3390
|
-
stroke: e.color,
|
|
3391
|
-
"stroke-width": B.value.chart.grid.stroke,
|
|
3392
|
-
"stroke-linecap": "round",
|
|
3393
|
-
style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
|
|
3394
|
-
}, null, 12, _n)]))), 256)), (T(!0), S(y, null, D(yc.value, (e) => (T(), S("g", { style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .3 : 1};transition:opacity 0.2s ease-in-out`) }, [
|
|
3395
|
-
C("text", {
|
|
3396
|
-
fill: e.color,
|
|
3397
|
-
"font-size": z.value.dataLabels * .8,
|
|
3398
|
-
"text-anchor": "middle",
|
|
3399
|
-
transform: `translate(${V.value.isStacked ? J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + B.value.chart.grid.labels.yAxis.labelWidth + Y.value.individualOffsetX + B.value.chart.grid.labels.axis.yLabelOffsetX : Y.value.left - B.value.chart.grid.labels.yAxis.crosshairSize - B.value.chart.grid.labels.yAxis.scaleValueOffsetX - B.value.chart.grid.labels.yAxis.labelWidth - B.value.chart.grid.labels.axis.yLabelOffsetX : J.value ? e.x + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 + B.value.chart.grid.labels.yAxis.labelWidth + B.value.chart.grid.labels.axis.yLabelOffsetX : e.x - z.value.dataLabels * .8 / 2}, ${V.value.isStacked ? Y.value?.bottom - e.yOffset - e.individualHeight / 2 : Y.value?.top + Y.value.height / 2}) rotate(-90)`
|
|
3400
|
-
}, pt(e.name) + " " + pt(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `- ${e.scaleLabel}` : ""), 9, vn),
|
|
3401
|
-
(T(!0), S(y, null, D(e.yLabels, (t, n) => (T(), S(y, null, [B.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), S("line", {
|
|
3402
|
-
key: 0,
|
|
3403
|
-
x1: V.value.isStacked ? J.value ? Y.value.right : Y.value.left : J.value ? e.x : e.x + 3 - B.value.chart.grid.labels.yAxis.crosshairSize - Y.value.individualOffsetX,
|
|
3404
|
-
x2: V.value.isStacked ? J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize : Y.value.left - B.value.chart.grid.labels.yAxis.crosshairSize : J.value ? e.x + B.value.chart.grid.labels.yAxis.crosshairSize : e.x - Y.value.individualOffsetX,
|
|
3405
|
-
y1: k(h)(t.y),
|
|
3406
|
-
y2: k(h)(t.y),
|
|
3407
|
-
stroke: e.color,
|
|
3408
|
-
"stroke-width": 1,
|
|
3409
|
-
"stroke-linecap": "round",
|
|
3410
|
-
style: { animation: "none !important" }
|
|
3411
|
-
}, null, 8, yn)) : x("", !0)], 64))), 256)),
|
|
3412
|
-
(T(!0), S(y, null, D(e.yLabels, (t, n) => (T(), S("text", {
|
|
3413
|
-
transform: `translate(${V.value.isStacked ? J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : Y.value.left - B.value.chart.grid.labels.yAxis.crosshairSize - B.value.chart.grid.labels.yAxis.scaleValueOffsetX - 5 : J.value ? e.x + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : e.x - 5 - Y.value.individualOffsetX}, ${k(h)(t.y) + z.value.dataLabels / 3})`,
|
|
3414
|
-
"text-anchor": J.value ? "start" : "end",
|
|
3415
|
-
"font-size": z.value.dataLabels,
|
|
3416
|
-
fill: e.color
|
|
3417
|
-
}, pt(k(_)(B.value.chart.grid.labels.yAxis.formatter, t.value, k(s)({
|
|
3418
|
-
p: t.prefix,
|
|
3419
|
-
v: t.value,
|
|
3420
|
-
s: t.suffix,
|
|
3421
|
-
r: B.value.chart.grid.labels.yAxis.rounding
|
|
3422
|
-
}), {
|
|
3423
|
-
datapoint: t.datapoint,
|
|
3424
|
-
seriesIndex: n
|
|
3425
|
-
})), 9, bn))), 256))
|
|
3426
|
-
], 4))), 256))], 64)) : (T(!0), S(y, { key: 1 }, D(ic.value, (e, t) => (T(), S("g", { key: `yLabel_${t}` }, [Jo(e) && e.value >= K.value.min && e.value <= K.value.max && B.value.chart.grid.labels.yAxis.showCrosshairs ? (T(), S("line", {
|
|
3427
|
-
key: 0,
|
|
3428
|
-
x1: J.value ? Y.value?.right : Y.value?.left,
|
|
3429
|
-
x2: J.value ? Y.value?.right + B.value.chart.grid.labels.yAxis.crosshairSize : Y.value?.left - B.value.chart.grid.labels.yAxis.crosshairSize,
|
|
3430
|
-
y1: k(h)(e.y),
|
|
3431
|
-
y2: k(h)(e.y),
|
|
3432
|
-
stroke: B.value.chart.grid.stroke,
|
|
3433
|
-
"stroke-width": "1",
|
|
3434
|
-
"stroke-linecap": "round",
|
|
3435
|
-
style: { animation: "none !important" }
|
|
3436
|
-
}, null, 8, xn)) : x("", !0), e.value >= K.value.min && e.value <= K.value.max ? (T(), S("text", {
|
|
3437
|
-
key: 1,
|
|
3438
|
-
transform: `translate(${J.value ? Y.value.right + B.value.chart.grid.labels.yAxis.crosshairSize + B.value.chart.grid.labels.yAxis.scaleValueOffsetX + 5 : Y.value.scaleLabelX - B.value.chart.grid.labels.yAxis.crosshairSize}, ${k(v)(e.y + z.value.dataLabels / 3)})`,
|
|
3439
|
-
"font-size": z.value.dataLabels,
|
|
3440
|
-
"text-anchor": J.value ? "start" : "end",
|
|
3441
|
-
fill: B.value.chart.grid.labels.color
|
|
3442
|
-
}, pt(Jo(e.value) ? k(_)(B.value.chart.grid.labels.yAxis.formatter, e.value, k(s)({
|
|
3443
|
-
p: e.prefix,
|
|
3444
|
-
v: e.value,
|
|
3445
|
-
s: e.suffix,
|
|
3446
|
-
r: B.value.chart.grid.labels.yAxis.rounding
|
|
3447
|
-
})) : ""), 9, Sn)) : x("", !0)]))), 128))], 512)) : x("", !0),
|
|
3448
|
-
(T(!0), S(y, null, D(vc.value, (e, t) => (T(), S("g", {
|
|
3449
|
-
key: `serie_plot_${e.id}`,
|
|
3450
|
-
class: st(`serie_plot_${t}`),
|
|
3451
|
-
style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
3452
|
-
}, [(T(!0), S(y, null, D(e.plots, (r, i) => (T(), S("g", { key: `circle_plot_${t}_${i}` }, [r && Jo(r.value) ? (T(), Qe(Ge, {
|
|
3453
|
-
key: 0,
|
|
3454
|
-
shape: [
|
|
3455
|
-
"triangle",
|
|
3456
|
-
"square",
|
|
3457
|
-
"diamond",
|
|
3458
|
-
"pentagon",
|
|
3459
|
-
"hexagon",
|
|
3460
|
-
"star"
|
|
3461
|
-
].includes(e.shape) ? e.shape : "circle",
|
|
3462
|
-
color: B.value.plot.useGradient ? `url(#plotGradient_${t}_${F.value})` : B.value.plot.dot.useSerieColor ? e.color : B.value.plot.dot.fill,
|
|
3463
|
-
plot: {
|
|
3464
|
-
x: k(v)(r.x),
|
|
3465
|
-
y: k(v)(r.y)
|
|
3466
|
-
},
|
|
3467
|
-
radius: Zc(e, r, i) ? (ya.value.plot || 6) * 1.5 : (oc(e.plots, i), ya.value.plot || 6),
|
|
3468
|
-
stroke: B.value.plot.dot.useSerieColor ? B.value.chart.backgroundColor : e.color,
|
|
3469
|
-
strokeWidth: B.value.plot.dot.strokeWidth,
|
|
3470
|
-
transition: k(Oa) || !B.value.plot.showTransition || Zc(e, r, i) ? void 0 : `all ${B.value.plot.transitionDurationMs}ms ease-in-out`
|
|
3471
|
-
}, null, 8, [
|
|
3472
|
-
"shape",
|
|
3473
|
-
"color",
|
|
3474
|
-
"plot",
|
|
3475
|
-
"radius",
|
|
3476
|
-
"stroke",
|
|
3477
|
-
"strokeWidth",
|
|
3478
|
-
"transition"
|
|
3479
|
-
])) : x("", !0), r.comment && B.value.chart.comments.show ? (T(), S("foreignObject", {
|
|
3480
|
-
key: 1,
|
|
3481
|
-
style: { overflow: "visible" },
|
|
3482
|
-
height: "12",
|
|
3483
|
-
width: B.value.chart.comments.width,
|
|
3484
|
-
x: r.x - B.value.chart.comments.width / 2 + B.value.chart.comments.offsetX,
|
|
3485
|
-
y: r.y + B.value.chart.comments.offsetY + 6
|
|
3486
|
-
}, [C("div", wn, [O(n.$slots, "plot-comment", { plot: {
|
|
3487
|
-
...r,
|
|
3488
|
-
color: e.color,
|
|
3489
|
-
seriesIndex: t,
|
|
3490
|
-
datapointIndex: i
|
|
3491
|
-
} }, void 0, !0)])], 8, Cn)) : x("", !0)]))), 128))], 6))), 128)),
|
|
3492
|
-
(T(!0), S(y, null, D($.value, (e, t) => (T(), S("g", {
|
|
3493
|
-
key: `serie_line_${e.id}`,
|
|
3494
|
-
class: st(`serie_line_${t}`),
|
|
3495
|
-
style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
3496
|
-
}, [e.smooth && e.plots.length > 1 && e.curve ? (T(), S("path", {
|
|
3497
|
-
key: 0,
|
|
3498
|
-
d: `M${e.curve}`,
|
|
3499
|
-
stroke: B.value.chart.backgroundColor,
|
|
3500
|
-
"stroke-width": B.value.line.strokeWidth + 1,
|
|
3501
|
-
"stroke-dasharray": e.dashed ? B.value.line.strokeWidth * 2 : 0,
|
|
3502
|
-
fill: "none",
|
|
3503
|
-
style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
|
|
3504
|
-
}, null, 12, Tn)) : e.plots.length > 1 && e.straight ? (T(), S("path", {
|
|
3505
|
-
key: 1,
|
|
3506
|
-
d: `M${e.straight}`,
|
|
3507
|
-
stroke: B.value.chart.backgroundColor,
|
|
3508
|
-
"stroke-width": B.value.line.strokeWidth + 1,
|
|
3509
|
-
"stroke-dasharray": e.dashed ? B.value.line.strokeWidth * 2 : 0,
|
|
3510
|
-
fill: "none",
|
|
3511
|
-
"stroke-linecap": "round",
|
|
3512
|
-
"stroke-linejoin": "round",
|
|
3513
|
-
style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
|
|
3514
|
-
}, null, 12, En)) : x("", !0)], 6))), 128)),
|
|
3515
|
-
n.$slots.pattern ? (T(), S("defs", Dn, [(T(!0), S(y, null, D(to.value, (e, t) => O(n.$slots, "pattern", at({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
|
|
3516
|
-
...e,
|
|
3517
|
-
seriesIndex: e.slotAbsoluteIndex,
|
|
3518
|
-
patternId: `pattern_${F.value}_${t}`
|
|
3519
|
-
}), void 0, !0)), 128))])) : x("", !0),
|
|
3520
|
-
bc.value.length && !V.value.isStacked ? (T(), S("g", On, [(T(!0), S(y, null, D(bc.value, (e) => (T(), S("path", {
|
|
3521
|
-
key: e.key,
|
|
3522
|
-
d: e.d,
|
|
3523
|
-
fill: e.color,
|
|
3524
|
-
"fill-opacity": B.value.line.interLine.fillOpacity,
|
|
3525
|
-
stroke: "none",
|
|
3526
|
-
"pointer-events": "none",
|
|
3527
|
-
style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
|
|
3528
|
-
}, null, 12, kn))), 128))])) : x("", !0),
|
|
3529
|
-
(T(!0), S(y, null, D($.value, (e, t) => (T(), S("g", {
|
|
3530
|
-
key: `serie_line_above_${e.id}`,
|
|
3531
|
-
class: st(`serie_line_${t}`),
|
|
3532
|
-
style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
3533
|
-
}, [
|
|
3534
|
-
e.useArea && e.plots.length > 1 ? (T(), S("g", An, [e.smooth ? (T(!0), S(y, { key: 0 }, D(e.curveAreas, (r, i) => (T(), S(y, { key: i }, [r ? (T(), S("path", {
|
|
3535
|
-
key: 0,
|
|
3536
|
-
d: r,
|
|
3537
|
-
fill: B.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : k(f)(e.color, B.value.line.area.opacity),
|
|
3538
|
-
style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
|
|
3539
|
-
}, null, 12, jn)) : x("", !0), n.$slots.pattern && r ? (T(), S("path", {
|
|
3540
|
-
key: 1,
|
|
3541
|
-
d: r,
|
|
3542
|
-
fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
|
|
3543
|
-
style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
|
|
3544
|
-
}, null, 12, Mn)) : x("", !0)], 64))), 128)) : (T(!0), S(y, { key: 1 }, D(e.area.split(";"), (r, i) => (T(), S(y, { key: i }, [r ? (T(), S("path", {
|
|
3545
|
-
key: 0,
|
|
3546
|
-
d: `M${r}Z`,
|
|
3547
|
-
fill: B.value.line.area.useGradient ? `url(#areaGradient_${t}_${F.value})` : k(f)(e.color, B.value.line.area.opacity),
|
|
3548
|
-
style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
|
|
3549
|
-
}, null, 12, Nn)) : x("", !0), n.$slots.pattern && r ? (T(), S("path", {
|
|
3550
|
-
key: 1,
|
|
3551
|
-
d: `M${r}Z`,
|
|
3552
|
-
fill: `url(#pattern_${F.value}_${e.slotAbsoluteIndex})`,
|
|
3553
|
-
style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
|
|
3554
|
-
}, null, 12, Pn)) : x("", !0)], 64))), 128))])) : x("", !0),
|
|
3555
|
-
!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (T(), S("path", {
|
|
3556
|
-
key: 1,
|
|
3557
|
-
d: `M${e.curve}`,
|
|
3558
|
-
stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
|
|
3559
|
-
"stroke-width": B.value.line.strokeWidth,
|
|
3560
|
-
"stroke-dasharray": e.dashed ? B.value.line.strokeWidth * 2 : 0,
|
|
3561
|
-
fill: "none",
|
|
3562
|
-
"stroke-linecap": "round",
|
|
3563
|
-
style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
|
|
3564
|
-
}, null, 12, Fn)) : e.hasDashedSegments ? (T(), S(y, { key: 2 }, [e.smooth ? (T(!0), S(y, { key: 0 }, D(e.dashedSmooth, (n) => (T(), S("path", {
|
|
3565
|
-
key: n.path,
|
|
3566
|
-
fill: "none",
|
|
3567
|
-
"stroke-linecap": "round",
|
|
3568
|
-
"stroke-linejoin": "round",
|
|
3569
|
-
d: `M ${n.path}`,
|
|
3570
|
-
stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
|
|
3571
|
-
"stroke-width": B.value.line.strokeWidth,
|
|
3572
|
-
"stroke-dasharray": n.dashed ? B.value.line.strokeWidth * 2 : 0
|
|
3573
|
-
}, null, 8, In))), 128)) : (T(!0), S(y, { key: 1 }, D(e.dashedStraight, (n) => (T(), S("path", {
|
|
3574
|
-
key: n.path,
|
|
3575
|
-
fill: "none",
|
|
3576
|
-
"stroke-linecap": "round",
|
|
3577
|
-
"stroke-linejoin": "round",
|
|
3578
|
-
d: `M ${n.path}`,
|
|
3579
|
-
stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
|
|
3580
|
-
"stroke-width": B.value.line.strokeWidth,
|
|
3581
|
-
"stroke-dasharray": n.dashed ? B.value.line.strokeWidth * 2 : 0
|
|
3582
|
-
}, null, 8, Ln))), 128))], 64)) : e.plots.length > 1 && e.straight ? (T(), S("path", {
|
|
3583
|
-
key: 3,
|
|
3584
|
-
d: `M${e.straight}`,
|
|
3585
|
-
stroke: e.temperatureColors && !e.isFlatTemperatureLine ? `url(#temperature_grad_line_${t}_${F.value})` : e.color,
|
|
3586
|
-
"stroke-width": B.value.line.strokeWidth,
|
|
3587
|
-
"stroke-dasharray": e.dashed ? B.value.line.strokeWidth * 2 : 0,
|
|
3588
|
-
fill: "none",
|
|
3589
|
-
"stroke-linecap": "round",
|
|
3590
|
-
"stroke-linejoin": "round",
|
|
3591
|
-
style: w({ transition: k(Oa) || !B.value.line.showTransition ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out` })
|
|
3592
|
-
}, null, 12, Rn)) : x("", !0),
|
|
3593
|
-
(T(!0), S(y, null, D(e.plots, (r, i) => (T(), S(y, { key: `circle_line_${t}_${i}` }, [!Ps.value.linePlot && r && Jo(r.value) || Ps.value.linePlot && r && Jo(r.value) && (R.value !== null && R.value === i || I.value !== null && I.value === i) || oc(e.plots, i) ? (T(), Qe(Ge, {
|
|
3594
|
-
key: 0,
|
|
3595
|
-
shape: [
|
|
3596
|
-
"triangle",
|
|
3597
|
-
"square",
|
|
3598
|
-
"diamond",
|
|
3599
|
-
"pentagon",
|
|
3600
|
-
"hexagon",
|
|
3601
|
-
"star"
|
|
3602
|
-
].includes(e.shape) ? e.shape : "circle",
|
|
3603
|
-
color: B.value.line.useGradient ? `url(#lineGradient_${t}_${F.value})` : B.value.line.dot.useSerieColor ? e.color : B.value.line.dot.fill,
|
|
3604
|
-
plot: {
|
|
3605
|
-
x: k(v)(r.x),
|
|
3606
|
-
y: k(v)(r.y)
|
|
3607
|
-
},
|
|
3608
|
-
radius: Zc(e, r, i) ? (ya.value.line || 6) * 1.5 : (oc(e.plots, i), ya.value.line || 6),
|
|
3609
|
-
stroke: B.value.line.dot.useSerieColor ? B.value.chart.backgroundColor : e.color,
|
|
3610
|
-
strokeWidth: B.value.line.dot.strokeWidth,
|
|
3611
|
-
transition: k(Oa) || !B.value.line.showTransition || Zc(e, r, i) ? void 0 : `all ${B.value.line.transitionDurationMs}ms ease-in-out`
|
|
3612
|
-
}, null, 8, [
|
|
3613
|
-
"shape",
|
|
3614
|
-
"color",
|
|
3615
|
-
"plot",
|
|
3616
|
-
"radius",
|
|
3617
|
-
"stroke",
|
|
3618
|
-
"strokeWidth",
|
|
3619
|
-
"transition"
|
|
3620
|
-
])) : x("", !0), r.comment && B.value.chart.comments.show ? (T(), S("foreignObject", {
|
|
3621
|
-
key: 1,
|
|
3622
|
-
style: { overflow: "visible" },
|
|
3623
|
-
height: "12",
|
|
3624
|
-
width: B.value.chart.comments.width,
|
|
3625
|
-
x: r.x - B.value.chart.comments.width / 2 + B.value.chart.comments.offsetX,
|
|
3626
|
-
y: r.y + B.value.chart.comments.offsetY + 6
|
|
3627
|
-
}, [C("div", Bn, [O(n.$slots, "plot-comment", { plot: {
|
|
3628
|
-
...r,
|
|
3629
|
-
color: e.color,
|
|
3630
|
-
seriesIndex: t,
|
|
3631
|
-
datapointIndex: i
|
|
3632
|
-
} }, void 0, !0)])], 8, zn)) : x("", !0)], 64))), 128))
|
|
3633
|
-
], 6))), 128)),
|
|
3634
|
-
(B.value.bar.labels.show || B.value.bar.serieName.show) && V.value.dataLabels.show ? (T(), S("g", Vn, [(T(!0), S(y, null, D(_c.value, (e, t) => (T(), S(y, { key: `xLabel_bar_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_bar_${t}_${r}` }, [n && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || R.value !== null && R.value === r || I.value !== null && I.value === r) && B.value.bar.labels.show ? (T(), S("text", {
|
|
3635
|
-
key: 0,
|
|
3636
|
-
"text-anchor": Yc({
|
|
3637
|
-
plot: n,
|
|
3638
|
-
type: "bar"
|
|
3639
|
-
}),
|
|
3640
|
-
"font-size": z.value.plotLabels,
|
|
3641
|
-
transform: qc({ plot: n }),
|
|
3642
|
-
fill: B.value.bar.labels.color,
|
|
3643
|
-
stroke: B.value.chart.backgroundColor,
|
|
3644
|
-
"paint-order": "stroke",
|
|
3645
|
-
style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
|
|
3646
|
-
innerHTML: Kc({
|
|
3647
|
-
serie: e,
|
|
3648
|
-
plot: n,
|
|
3649
|
-
type: "bar"
|
|
3650
|
-
})
|
|
3651
|
-
}, null, 12, Hn)) : x("", !0), n && B.value.bar.serieName.show ? (T(), S("text", {
|
|
3652
|
-
key: 1,
|
|
3653
|
-
x: V.value.useIndividualScale && V.value.isStacked ? n.x + cs.value.line / 2 : n.x + ls() * 1.1,
|
|
3654
|
-
y: n.y + (n.value > 0 ? B.value.bar.serieName.offsetY : -B.value.bar.serieName.offsetY * 3),
|
|
3655
|
-
"text-anchor": "middle",
|
|
3656
|
-
"font-size": z.value.plotLabels,
|
|
3657
|
-
fill: B.value.bar.serieName.useSerieColor ? e.color : B.value.bar.serieName.color,
|
|
3658
|
-
"font-weight": B.value.bar.serieName.bold ? "bold" : "normal",
|
|
3659
|
-
style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
3660
|
-
}, pt(B.value.bar.serieName.useAbbreviation ? k(ye)({
|
|
3661
|
-
source: e.name,
|
|
3662
|
-
length: B.value.bar.serieName.abbreviationSize
|
|
3663
|
-
}) : e.name), 13, Un)) : x("", !0)], 64))), 128))], 64))), 128))])) : x("", !0),
|
|
3664
|
-
B.value.plot.labels.show && V.value.dataLabels.show ? (T(), S("g", Wn, [(T(!0), S(y, null, D(vc.value, (e, t) => (T(), S(y, { key: `xLabel_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_plot_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || Zc(e, n, r) ? (T(), S("text", {
|
|
3665
|
-
key: 0,
|
|
3666
|
-
transform: Jc({
|
|
3667
|
-
plot: n,
|
|
3668
|
-
type: "plot"
|
|
3669
|
-
}),
|
|
3670
|
-
"text-anchor": Yc({
|
|
3671
|
-
plot: n,
|
|
3672
|
-
type: "plot"
|
|
3673
|
-
}),
|
|
3674
|
-
"font-size": z.value.plotLabels,
|
|
3675
|
-
fill: B.value.plot.labels.color,
|
|
3676
|
-
stroke: B.value.chart.backgroundColor,
|
|
3677
|
-
"paint-order": "stroke",
|
|
3678
|
-
style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
|
|
3679
|
-
innerHTML: Kc({
|
|
3680
|
-
serie: e,
|
|
3681
|
-
plot: n,
|
|
3682
|
-
type: "plot"
|
|
3683
|
-
})
|
|
3684
|
-
}, null, 12, Gn)) : x("", !0)], 64))), 128))], 64))), 128))])) : (T(), S("g", Kn, [(T(!0), S(y, null, D(vc.value, (e, t) => (T(), S(y, { key: `xLabel_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_plot_${t}_${r}` }, [B.value.plot.tag.followValue ? (T(), S(y, { key: 1 }, [[
|
|
3685
|
-
I.value,
|
|
3686
|
-
R.value,
|
|
3687
|
-
Vi.value
|
|
3688
|
-
].includes(r) && e.useTag ? (T(), S("line", {
|
|
3689
|
-
key: 0,
|
|
3690
|
-
class: "vue-ui-xy-tag-plot",
|
|
3691
|
-
x1: Y.value?.left,
|
|
3692
|
-
x2: Y.value?.right,
|
|
3693
|
-
y1: n.y,
|
|
3694
|
-
y2: n.y,
|
|
3695
|
-
"stroke-width": 1,
|
|
3696
|
-
"stroke-linecap": "round",
|
|
3697
|
-
"stroke-dasharray": "2",
|
|
3698
|
-
stroke: e.color
|
|
3699
|
-
}, null, 8, Zn)) : x("", !0)], 64)) : (T(), S(y, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), S("foreignObject", {
|
|
3700
|
-
key: 0,
|
|
3701
|
-
x: n.x,
|
|
3702
|
-
y: n.y - 20,
|
|
3703
|
-
height: 24,
|
|
3704
|
-
width: "150",
|
|
3705
|
-
style: w(`overflow: visible; opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
3706
|
-
}, [C("div", {
|
|
3707
|
-
style: w(`padding: 3px; background:${k(f)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
|
|
3708
|
-
innerHTML: k(_)(B.value.plot.tag.formatter, n.value, e.name, {
|
|
3709
|
-
datapoint: n,
|
|
3710
|
-
seriesIndex: r,
|
|
3711
|
-
serieName: e.name
|
|
3712
|
-
})
|
|
3713
|
-
}, null, 12, Jn)], 12, qn)) : x("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), S("foreignObject", {
|
|
3714
|
-
key: 1,
|
|
3715
|
-
x: n.x - e.name.length * (z.value.plotLabels / 2),
|
|
3716
|
-
y: n.y - 20,
|
|
3717
|
-
height: 24,
|
|
3718
|
-
width: "150",
|
|
3719
|
-
style: w(`overflow: visible; opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
3720
|
-
}, [C("div", {
|
|
3721
|
-
style: w(`padding: 3px; background:${k(f)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
|
|
3722
|
-
innerHTML: k(_)(B.value.plot.tag.formatter, n.value, e.name, {
|
|
3723
|
-
datapoint: n,
|
|
3724
|
-
seriesIndex: r,
|
|
3725
|
-
serieName: e.name
|
|
3726
|
-
})
|
|
3727
|
-
}, null, 12, Xn)], 12, Yn)) : x("", !0)], 64))], 64))), 128))], 64))), 128))])),
|
|
3728
|
-
B.value.line.labels.show && V.value.dataLabels.show ? (T(), S("g", Qn, [(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `xLabel_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_line_${t}_${r}` }, [n && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || Zc(e, n, r) ? (T(), S("text", {
|
|
3729
|
-
key: 0,
|
|
3730
|
-
transform: Jc({
|
|
3731
|
-
plot: n,
|
|
3732
|
-
type: "line"
|
|
3733
|
-
}),
|
|
3734
|
-
"text-anchor": Yc({
|
|
3735
|
-
plot: n,
|
|
3736
|
-
type: "line"
|
|
3737
|
-
}),
|
|
3738
|
-
"font-size": z.value.plotLabels,
|
|
3739
|
-
fill: B.value.line.labels.color,
|
|
3740
|
-
stroke: B.value.chart.backgroundColor,
|
|
3741
|
-
"paint-order": "stroke",
|
|
3742
|
-
style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`),
|
|
3743
|
-
innerHTML: Kc({
|
|
3744
|
-
serie: e,
|
|
3745
|
-
plot: n,
|
|
3746
|
-
type: "line"
|
|
3747
|
-
})
|
|
3748
|
-
}, null, 12, $n)) : x("", !0)], 64))), 128))], 64))), 128))])) : (T(), S("g", er, [(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `xLabel_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_line_${t}_${r}` }, [B.value.line.tag.followValue ? (T(), S(y, { key: 1 }, [[
|
|
3749
|
-
I.value,
|
|
3750
|
-
R.value,
|
|
3751
|
-
Vi.value
|
|
3752
|
-
].includes(r) && e.useTag ? (T(), S("line", {
|
|
3753
|
-
key: 0,
|
|
3754
|
-
class: "vue-ui-xy-tag-line",
|
|
3755
|
-
x1: Y.value?.left,
|
|
3756
|
-
x2: Y.value?.right,
|
|
3757
|
-
y1: n.y,
|
|
3758
|
-
y2: n.y,
|
|
3759
|
-
"stroke-width": 1,
|
|
3760
|
-
"stroke-linecap": "round",
|
|
3761
|
-
"stroke-dasharray": "2",
|
|
3762
|
-
stroke: e.color
|
|
3763
|
-
}, null, 8, ar)) : x("", !0)], 64)) : (T(), S(y, { key: 0 }, [n && r === 0 && e.useTag && e.useTag === "start" ? (T(), S("foreignObject", {
|
|
3764
|
-
key: 0,
|
|
3765
|
-
x: n.x,
|
|
3766
|
-
y: n.y - 20,
|
|
3767
|
-
height: 24,
|
|
3768
|
-
width: "150",
|
|
3769
|
-
style: w(`overflow: visible; opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
3770
|
-
}, [C("div", {
|
|
3771
|
-
style: w(`padding: 3px; background:${k(f)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
|
|
3772
|
-
innerHTML: k(_)(B.value.line.tag.formatter, n.value, e.name, {
|
|
3773
|
-
datapoint: n,
|
|
3774
|
-
seriesIndex: r,
|
|
3775
|
-
serieName: e.name
|
|
3776
|
-
})
|
|
3777
|
-
}, null, 12, nr)], 12, tr)) : x("", !0), n && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (T(), S("foreignObject", {
|
|
3778
|
-
key: 1,
|
|
3779
|
-
x: n.x,
|
|
3780
|
-
y: n.y - 20,
|
|
3781
|
-
height: 24,
|
|
3782
|
-
width: "150",
|
|
3783
|
-
style: w(`overflow: visible; opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
3784
|
-
}, [C("div", {
|
|
3785
|
-
style: w(`padding: 3px; background:${k(f)(e.color, 80)};color:${k(Se)(e.color)};width:fit-content;font-size:${z.value.plotLabels}px;border-radius: 2px;`),
|
|
3786
|
-
innerHTML: k(_)(B.value.line.tag.formatter, n.value, e.name, {
|
|
3787
|
-
datapoint: n,
|
|
3788
|
-
seriesIndex: r,
|
|
3789
|
-
serieName: e.name
|
|
3790
|
-
})
|
|
3791
|
-
}, null, 12, ir)], 12, rr)) : x("", !0)], 64))], 64))), 128))], 64))), 128))])),
|
|
3792
|
-
(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `xLabel_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_line_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), S("text", {
|
|
3793
|
-
key: 0,
|
|
3794
|
-
x: n.x - z.value.plotLabels,
|
|
3795
|
-
y: n.y,
|
|
3796
|
-
"font-size": z.value.plotLabels,
|
|
3797
|
-
"text-anchor": "end",
|
|
3798
|
-
fill: e.color,
|
|
3799
|
-
innerHTML: k(Oe)({
|
|
3800
|
-
content: e.name,
|
|
3801
|
-
fontSize: z.value.plotLabels,
|
|
3802
|
-
fill: e.color,
|
|
3803
|
-
x: n.x - z.value.plotLabels,
|
|
3804
|
-
y: n.y,
|
|
3805
|
-
maxWords: 2
|
|
3806
|
-
}),
|
|
3807
|
-
style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
3808
|
-
}, null, 12, or)) : x("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), S("text", {
|
|
3809
|
-
key: 1,
|
|
3810
|
-
x: n.x + z.value.plotLabels,
|
|
3811
|
-
y: n.y,
|
|
3812
|
-
"font-size": z.value.plotLabels,
|
|
3813
|
-
"text-anchor": "start",
|
|
3814
|
-
fill: e.color,
|
|
3815
|
-
innerHTML: k(Oe)({
|
|
3816
|
-
content: e.name,
|
|
3817
|
-
fontSize: z.value.plotLabels,
|
|
3818
|
-
fill: e.color,
|
|
3819
|
-
x: n.x + z.value.plotLabels,
|
|
3820
|
-
y: n.y,
|
|
3821
|
-
maxWords: 2
|
|
3822
|
-
}),
|
|
3823
|
-
style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
3824
|
-
}, null, 12, sr)) : x("", !0)], 64))), 128))], 64))), 128)),
|
|
3825
|
-
(T(!0), S(y, null, D(vc.value, (e, t) => (T(), S(y, { key: `xLabel_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `xLabel_plot_${t}_${r}` }, [n && r === 0 && e.showSerieName && e.showSerieName === "start" ? (T(), S("text", {
|
|
3826
|
-
key: 0,
|
|
3827
|
-
x: n.x - z.value.plotLabels,
|
|
3828
|
-
y: n.y,
|
|
3829
|
-
"font-size": z.value.plotLabels,
|
|
3830
|
-
"text-anchor": "end",
|
|
3831
|
-
fill: e.color,
|
|
3832
|
-
innerHTML: k(Oe)({
|
|
3833
|
-
content: e.name,
|
|
3834
|
-
fontSize: z.value.plotLabels,
|
|
3835
|
-
fill: e.color,
|
|
3836
|
-
x: n.x - z.value.plotLabels,
|
|
3837
|
-
y: n.y,
|
|
3838
|
-
maxWords: 2
|
|
3839
|
-
}),
|
|
3840
|
-
style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
3841
|
-
}, null, 12, cr)) : x("", !0), n && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (T(), S("text", {
|
|
3842
|
-
key: 1,
|
|
3843
|
-
x: n.x + z.value.plotLabels,
|
|
3844
|
-
y: n.y,
|
|
3845
|
-
"font-size": z.value.plotLabels,
|
|
3846
|
-
"text-anchor": "start",
|
|
3847
|
-
fill: e.color,
|
|
3848
|
-
innerHTML: k(Oe)({
|
|
3849
|
-
content: e.name,
|
|
3850
|
-
fontSize: z.value.plotLabels,
|
|
3851
|
-
fill: e.color,
|
|
3852
|
-
x: n.x + z.value.plotLabels,
|
|
3853
|
-
y: n.y,
|
|
3854
|
-
maxWords: 2
|
|
3855
|
-
}),
|
|
3856
|
-
style: w(`opacity:${M.value ? M.value === e.groupId ? 1 : .2 : 1};transition:opacity 0.2s ease-in-out`)
|
|
3857
|
-
}, null, 12, lr)) : x("", !0)], 64))), 128))], 64))), 128)),
|
|
3858
|
-
(T(!0), S(y, null, D([
|
|
3859
|
-
...vc.value,
|
|
3860
|
-
...$.value,
|
|
3861
|
-
..._c.value
|
|
3862
|
-
], (e, t) => (T(), S(y, { key: `progression-${t}` }, [Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(k(_e)(e.plots).trend) ? (T(), S("g", ur, [
|
|
3863
|
-
C("defs", null, [C("marker", {
|
|
3864
|
-
id: `progression_arrow_${t}`,
|
|
3865
|
-
markerWidth: "9",
|
|
3866
|
-
markerHeight: "9",
|
|
3867
|
-
viewBox: "-1 -1 9 9",
|
|
3868
|
-
markerUnits: "userSpaceOnUse",
|
|
3869
|
-
refX: "7",
|
|
3870
|
-
refY: 7 / 2,
|
|
3871
|
-
orient: "auto",
|
|
3872
|
-
overflow: "visible"
|
|
3873
|
-
}, [C("polygon", {
|
|
3874
|
-
points: "0,0 7,3.5 0,7",
|
|
3875
|
-
fill: e.color,
|
|
3876
|
-
stroke: B.value.chart.backgroundColor,
|
|
3877
|
-
"stroke-width": "1",
|
|
3878
|
-
"stroke-linejoin": "round"
|
|
3879
|
-
}, null, 8, fr)], 8, dr)]),
|
|
3880
|
-
e.plots.length > 1 ? (T(), S("line", {
|
|
3881
|
-
key: 0,
|
|
3882
|
-
x1: k(_e)(e.plots).x1 + (e.type === "bar" ? ls() : 0),
|
|
3883
|
-
x2: k(_e)(e.plots).x2 + (e.type === "bar" ? ls() : 0),
|
|
3884
|
-
y1: k(h)(k(_e)(e.plots).y1),
|
|
3885
|
-
y2: k(h)(k(_e)(e.plots).y2),
|
|
3886
|
-
"stroke-width": 1,
|
|
3887
|
-
stroke: B.value.chart.backgroundColor,
|
|
3888
|
-
"stroke-dasharray": 2,
|
|
3889
|
-
"stroke-linecap": "round",
|
|
3890
|
-
"stroke-linejoin": "round",
|
|
3891
|
-
"marker-end": `url(#progression_arrow_${t})`
|
|
3892
|
-
}, null, 8, pr)) : x("", !0),
|
|
3893
|
-
e.plots.length > 1 ? (T(), S("line", {
|
|
3894
|
-
key: 1,
|
|
3895
|
-
x1: k(_e)(e.plots).x1 + (e.type === "bar" ? ls() : 0),
|
|
3896
|
-
x2: k(_e)(e.plots).x2 + (e.type === "bar" ? ls() : 0),
|
|
3897
|
-
y1: k(h)(k(_e)(e.plots).y1),
|
|
3898
|
-
y2: k(h)(k(_e)(e.plots).y2),
|
|
3899
|
-
"stroke-width": 1,
|
|
3900
|
-
stroke: e.color,
|
|
3901
|
-
"stroke-dasharray": 2,
|
|
3902
|
-
"stroke-linecap": "round",
|
|
3903
|
-
"stroke-linejoin": "round",
|
|
3904
|
-
"marker-end": `url(#progression_arrow_${t})`
|
|
3905
|
-
}, null, 8, mr)) : x("", !0),
|
|
3906
|
-
e.plots.length > 1 ? (T(), S("text", {
|
|
3907
|
-
key: 2,
|
|
3908
|
-
"text-anchor": "middle",
|
|
3909
|
-
x: k(_e)(e.plots).x2 + (e.type === "bar" ? ls() : 0),
|
|
3910
|
-
y: k(_e)(e.plots).y2 - 12,
|
|
3911
|
-
"font-size": z.value.plotLabels,
|
|
3912
|
-
fill: e.color,
|
|
3913
|
-
stroke: B.value.chart.backgroundColor,
|
|
3914
|
-
"stroke-width": 4,
|
|
3915
|
-
"stroke-linecap": "round",
|
|
3916
|
-
"stroke-linejoin": "round",
|
|
3917
|
-
"paint-order": "stroke fill"
|
|
3918
|
-
}, pt(k(s)({
|
|
3919
|
-
v: k(_e)(e.plots).trend * 100,
|
|
3920
|
-
s: "%",
|
|
3921
|
-
r: 2
|
|
3922
|
-
})), 9, hr)) : x("", !0)
|
|
3923
|
-
])) : x("", !0)], 64))), 128)),
|
|
3924
|
-
V.value.useIndividualScale && !V.value.isStacked ? (T(), S(y, { key: 13 }, [C("defs", null, [(T(!0), S(y, null, D(yc.value, (e, t) => (T(), S("linearGradient", {
|
|
3925
|
-
id: `individual_scale_gradient_${F.value}_${t}`,
|
|
3926
|
-
x1: J.value ? "100%" : "0%",
|
|
3927
|
-
x2: J.value ? "0%" : "100%",
|
|
3928
|
-
y1: "0%",
|
|
3929
|
-
y2: "0%"
|
|
3930
|
-
}, [C("stop", {
|
|
3931
|
-
offset: "0%",
|
|
3932
|
-
"stop-color": B.value.chart.backgroundColor,
|
|
3933
|
-
"stop-opacity": "0"
|
|
3934
|
-
}, null, 8, _r), C("stop", {
|
|
3935
|
-
offset: "100%",
|
|
3936
|
-
"stop-color": e.color,
|
|
3937
|
-
"stop-opacity": "0.2"
|
|
3938
|
-
}, null, 8, vr)], 8, gr))), 256))]), (T(!0), S(y, null, D(yc.value, (e, t) => (T(), S("rect", {
|
|
3939
|
-
x: J.value ? e.x : e.x - B.value.chart.grid.labels.yAxis.labelWidth - Y.value.individualOffsetX,
|
|
3940
|
-
y: Y.value?.top,
|
|
3941
|
-
width: (J.value, B.value.chart.grid.labels.yAxis.labelWidth + Y.value.individualOffsetX),
|
|
3942
|
-
height: Y.value.height < 0 ? 10 : Y.value.height,
|
|
3943
|
-
fill: M.value === e.groupId ? `url(#individual_scale_gradient_${F.value}_${t})` : "transparent",
|
|
3944
|
-
onMouseenter: (t) => M.value = e.groupId,
|
|
3945
|
-
onMouseleave: r[0] ||= (e) => M.value = null
|
|
3946
|
-
}, null, 40, yr))), 256))], 64)) : x("", !0),
|
|
3947
|
-
C("g", null, [B.value.chart.grid.labels.axis.yLabel && !V.value.useIndividualScale ? (T(), S("text", {
|
|
3948
|
-
key: 0,
|
|
3949
|
-
ref_key: "yAxisLabel",
|
|
3950
|
-
ref: Ei,
|
|
3951
|
-
"font-size": z.value.yAxis,
|
|
3952
|
-
fill: B.value.chart.grid.labels.color,
|
|
3953
|
-
transform: `translate(${J.value ? Y.value.right + Y.value.scaleLabelsOffset + B.value.chart.grid.labels.axis.yLabelOffsetX + z.value.yAxis : B.value.chart.grid.labels.axis.fontSize + B.value.chart.grid.labels.axis.yLabelOffsetX}, ${Y.value?.top + Y.value.height / 2}) rotate(-90)`,
|
|
3954
|
-
"text-anchor": "middle",
|
|
3955
|
-
style: { transition: "none" }
|
|
3956
|
-
}, pt(B.value.chart.grid.labels.axis.yLabel), 9, br)) : x("", !0), B.value.chart.grid.labels.axis.xLabel ? (T(), S("text", {
|
|
3957
|
-
key: 1,
|
|
3958
|
-
ref_key: "xAxisLabel",
|
|
3959
|
-
ref: Ti,
|
|
3960
|
-
"text-anchor": "middle",
|
|
3961
|
-
x: N.value / 2,
|
|
3962
|
-
y: Pi.value - 3,
|
|
3963
|
-
"font-size": z.value.yAxis,
|
|
3964
|
-
fill: B.value.chart.grid.labels.color
|
|
3965
|
-
}, pt(B.value.chart.grid.labels.axis.xLabel), 9, xr)) : x("", !0)]),
|
|
3966
|
-
B.value.chart.grid.labels.xAxisLabels.show ? (T(), S("g", {
|
|
3967
|
-
key: 14,
|
|
3968
|
-
ref_key: "timeLabelsEls",
|
|
3969
|
-
ref: Di
|
|
3970
|
-
}, [n.$slots["time-label"] ? (T(!0), S(y, { key: 0 }, D(lc.value, (e, t) => O(n.$slots, "time-label", at({
|
|
3971
|
-
key: `time_label_${e.id}`,
|
|
3972
|
-
ref_for: !0
|
|
3973
|
-
}, {
|
|
3974
|
-
x: uc(e, t),
|
|
3975
|
-
y: Y.value?.bottom,
|
|
3976
|
-
fontSize: z.value.xAxis,
|
|
3977
|
-
fill: B.value.chart.grid.labels.xAxisLabels.color,
|
|
3978
|
-
transform: `translate(${uc(e, t)}, ${Y.value?.bottom + z.value.xAxis * 1.3 + B.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
|
|
3979
|
-
absoluteIndex: e.absoluteIndex,
|
|
3980
|
-
content: e.text,
|
|
3981
|
-
textAnchor: B.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : B.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
|
|
3982
|
-
show: e && e.text
|
|
3983
|
-
}), void 0, !0)), 128)) : (T(!0), S(y, { key: 1 }, D(lc.value, (e, n) => (T(), S("g", { key: `time_label_${n}` }, [e && e.text ? (T(), S(y, { key: 0 }, [String(e.text).includes("\n") ? (T(), S("text", {
|
|
3984
|
-
key: 1,
|
|
3985
|
-
class: "vue-data-ui-time-label",
|
|
3986
|
-
"text-anchor": B.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : B.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
|
|
3987
|
-
"font-size": z.value.xAxis,
|
|
3988
|
-
fill: B.value.chart.grid.labels.xAxisLabels.color,
|
|
3989
|
-
transform: `translate(${uc(e, n)}, ${Y.value?.bottom + z.value.xAxis * 1.5}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
|
|
3990
|
-
style: w({ cursor: _o() && Ca.value ? "pointer" : "default" }),
|
|
3991
|
-
innerHTML: k(t)({
|
|
3992
|
-
content: String(e.text),
|
|
3993
|
-
fontSize: z.value.xAxis,
|
|
3994
|
-
fill: B.value.chart.grid.labels.xAxisLabels.color,
|
|
3995
|
-
x: 0,
|
|
3996
|
-
y: 0
|
|
3997
|
-
}),
|
|
3998
|
-
onClick: () => Ao(e, n)
|
|
3999
|
-
}, null, 12, Cr)) : (T(), S("text", {
|
|
4000
|
-
key: 0,
|
|
4001
|
-
class: "vue-data-ui-time-label",
|
|
4002
|
-
"text-anchor": B.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : B.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
|
|
4003
|
-
"font-size": z.value.xAxis,
|
|
4004
|
-
fill: B.value.chart.grid.labels.xAxisLabels.color,
|
|
4005
|
-
transform: `translate(${uc(e, n)}, ${Y.value?.bottom + z.value.xAxis * 1.5}), rotate(${B.value.chart.grid.labels.xAxisLabels.rotation})`,
|
|
4006
|
-
style: w({ cursor: _o() && Ca.value ? "pointer" : "default" }),
|
|
4007
|
-
onClick: () => Ao(e, n)
|
|
4008
|
-
}, pt(e.text || ""), 13, Sr))], 64)) : x("", !0)]))), 128))], 512)) : x("", !0),
|
|
4009
|
-
ac.value.length && !V.value.isStacked ? (T(), S("g", wr, [(T(!0), S(y, null, D(ac.value, (e) => (T(), S("g", { key: e.uid }, [
|
|
4010
|
-
e.yTop && e.show && isFinite(e.yTop) ? (T(), S("line", {
|
|
4011
|
-
key: 0,
|
|
4012
|
-
x1: e.x1,
|
|
4013
|
-
y1: e.yTop,
|
|
4014
|
-
x2: e.x2,
|
|
4015
|
-
y2: e.yTop,
|
|
4016
|
-
stroke: e.config.line.stroke,
|
|
4017
|
-
"stroke-width": e.config.line.strokeWidth,
|
|
4018
|
-
"stroke-dasharray": e.config.line.strokeDasharray,
|
|
4019
|
-
"stroke-linecap": "round",
|
|
4020
|
-
style: { animation: "none !important" }
|
|
4021
|
-
}, null, 8, Tr)) : x("", !0),
|
|
4022
|
-
e.yBottom && e.show && isFinite(e.yBottom) ? (T(), S("line", {
|
|
4023
|
-
key: 1,
|
|
4024
|
-
x1: e.x1,
|
|
4025
|
-
y1: e.yBottom,
|
|
4026
|
-
x2: e.x2,
|
|
4027
|
-
y2: e.yBottom,
|
|
4028
|
-
stroke: e.config.line.stroke,
|
|
4029
|
-
"stroke-width": e.config.line.strokeWidth,
|
|
4030
|
-
"stroke-dasharray": e.config.line.strokeDasharray,
|
|
4031
|
-
"stroke-linecap": "round",
|
|
4032
|
-
style: { animation: "none !important" }
|
|
4033
|
-
}, null, 8, Er)) : x("", !0),
|
|
4034
|
-
e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (T(), S("rect", {
|
|
4035
|
-
key: 2,
|
|
4036
|
-
y: Math.min(e.yTop, e.yBottom),
|
|
4037
|
-
x: e.x1,
|
|
4038
|
-
width: Y.value.width,
|
|
4039
|
-
height: k(v)(e.areaHeight, 0),
|
|
4040
|
-
fill: k(f)(e.config.area.fill, e.config.area.opacity),
|
|
4041
|
-
style: { animation: "none !important" }
|
|
4042
|
-
}, null, 8, Dr)) : x("", !0),
|
|
4043
|
-
e.config.label.text && e.show && isFinite(e._box.y) ? (T(), S("rect", at({
|
|
4044
|
-
key: 3,
|
|
4045
|
-
class: "vue-ui-xy-annotation-label-box"
|
|
4046
|
-
}, { ref_for: !0 }, e._box, { style: {
|
|
4047
|
-
animation: "none !important",
|
|
4048
|
-
transition: "none !important"
|
|
4049
|
-
} }), null, 16)) : x("", !0),
|
|
4050
|
-
e.config.label.text && e.show && isFinite(e._text.y) ? (T(), S("text", {
|
|
4051
|
-
key: 4,
|
|
4052
|
-
id: e.id,
|
|
4053
|
-
class: "vue-ui-xy-annotation-label",
|
|
4054
|
-
x: e._text.x,
|
|
4055
|
-
y: e._text.y,
|
|
4056
|
-
"font-size": e.config.label.fontSize,
|
|
4057
|
-
fill: e.config.label.color,
|
|
4058
|
-
"text-anchor": e.config.label.textAnchor
|
|
4059
|
-
}, pt(e.config.label.text), 9, Or)) : x("", !0)
|
|
4060
|
-
]))), 128))])) : x("", !0),
|
|
4061
|
-
B.value.chart.timeTag.show && (q.value ? k(g)(Hc.value) : ![null, void 0].includes(R.value) || ![null, void 0].includes(I.value)) ? (T(), S("g", kr, [(T(), S("foreignObject", {
|
|
4062
|
-
x: Wc(),
|
|
4063
|
-
y: Y.value?.bottom,
|
|
4064
|
-
width: "200",
|
|
4065
|
-
height: "40",
|
|
4066
|
-
style: { overflow: "visible !important" }
|
|
4067
|
-
}, [C("div", {
|
|
4068
|
-
ref_key: "timeTagEl",
|
|
4069
|
-
ref: zc,
|
|
4070
|
-
class: "vue-ui-xy-time-tag",
|
|
4071
|
-
style: w(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${B.value.chart.timeTag.backgroundColor};color:${B.value.chart.timeTag.color};font-size:${B.value.chart.timeTag.fontSize}px`),
|
|
4072
|
-
innerHTML: Gc.value
|
|
4073
|
-
}, null, 12, jr)], 8, Ar)), C("circle", {
|
|
4074
|
-
cx: q.value && k(g)(Hc.value) ? dc({ x: Hc.value }) : Hs((R.value === null ? 0 : R.value) || (I.value === null ? 0 : I.value)),
|
|
4075
|
-
cy: Y.value?.bottom,
|
|
4076
|
-
r: B.value.chart.timeTag.circleMarker.radius,
|
|
4077
|
-
fill: B.value.chart.timeTag.circleMarker.color
|
|
4078
|
-
}, null, 8, Mr)])) : x("", !0)
|
|
4079
|
-
])) : x("", !0),
|
|
4080
|
-
Na.value ? (T(), S("rect", at({ key: 2 }, Ia.value, {
|
|
4081
|
-
"data-start": W.value.start,
|
|
4082
|
-
"data-end": W.value.end
|
|
4083
|
-
}), null, 16, Nr)) : x("", !0),
|
|
4084
|
-
O(n.$slots, "svg", { svg: {
|
|
4085
|
-
...pa.value,
|
|
4086
|
-
slicer: W.value,
|
|
4087
|
-
isPrintingImg: k(La) || k(Ra) || ea.value,
|
|
4088
|
-
isPrintingSvg: ta.value,
|
|
4089
|
-
data: [
|
|
4090
|
-
...$.value,
|
|
4091
|
-
..._c.value,
|
|
4092
|
-
...vc.value
|
|
4093
|
-
],
|
|
4094
|
-
drawingArea: Y.value
|
|
4095
|
-
} }, void 0, !0)
|
|
4096
|
-
], 512)], 46, Tt)), n.$slots.hint ? (T(), S("div", Pr, [O(n.$slots, "hint", ct(it({
|
|
4097
|
-
hint: B.value.a11y.translations.keyboardNavigation,
|
|
4098
|
-
isVisible: ul.value
|
|
4099
|
-
})), void 0, !0)])) : x("", !0)]),
|
|
4100
|
-
n.$slots.watermark ? (T(), S("div", Fr, [O(n.$slots, "watermark", ct(it({ isPrinting: k(La) || k(Ra) || ea.value || ta.value })), void 0, !0)])) : x("", !0),
|
|
4101
|
-
(T(!0), S(y, null, D($.value, (e, t) => (T(), S(y, { key: `tag_line_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `tag_line_${t}_${r}` }, [[
|
|
4102
|
-
I.value,
|
|
4103
|
-
R.value,
|
|
4104
|
-
Vi.value
|
|
4105
|
-
].includes(r) && e.useTag && e.useTag === "end" && B.value.line.tag.followValue ? (T(), S("div", {
|
|
4106
|
-
key: 0,
|
|
4107
|
-
ref_for: !0,
|
|
4108
|
-
ref: (e) => bo(t, r, e, "right", "line"),
|
|
4109
|
-
class: "vue-ui-xy-tag",
|
|
4110
|
-
"data-tag": "right",
|
|
4111
|
-
style: w({
|
|
4112
|
-
position: "fixed",
|
|
4113
|
-
top: k(ge)({
|
|
4114
|
-
svgElement: L.value,
|
|
4115
|
-
x: Y.value?.right + B.value.line.tag.fontSize / 1.5,
|
|
4116
|
-
y: n.y,
|
|
4117
|
-
element: Xi.value[`${t}_${r}_right_line`],
|
|
4118
|
-
position: "right"
|
|
4119
|
-
})?.top + "px",
|
|
4120
|
-
left: k(ge)({
|
|
4121
|
-
svgElement: L.value,
|
|
4122
|
-
x: Y.value?.right + B.value.line.tag.fontSize / 1.5,
|
|
4123
|
-
y: n.y,
|
|
4124
|
-
element: Xi.value[`${t}_${r}_right_line`],
|
|
4125
|
-
position: "right"
|
|
4126
|
-
})?.left + "px",
|
|
4127
|
-
height: "fit-content",
|
|
4128
|
-
width: "fit-content",
|
|
4129
|
-
background: e.color,
|
|
4130
|
-
color: k(Se)(e.color),
|
|
4131
|
-
padding: "0 6px",
|
|
4132
|
-
fontSize: B.value.line.tag.fontSize + "px",
|
|
4133
|
-
opacity: 1
|
|
4134
|
-
})
|
|
4135
|
-
}, [(T(), S("svg", Ir, [C("path", {
|
|
4136
|
-
d: "M 0,10 10,0 10,20 Z",
|
|
4137
|
-
fill: e.color,
|
|
4138
|
-
stroke: "none"
|
|
4139
|
-
}, null, 8, Lr)])), C("div", {
|
|
4140
|
-
class: "vue-ui-xy-tag-content",
|
|
4141
|
-
innerHTML: k(_)(B.value.line.tag.formatter, n.value, e.name, {
|
|
4142
|
-
datapoint: n,
|
|
4143
|
-
seriesIndex: r,
|
|
4144
|
-
serieName: e.name
|
|
4145
|
-
})
|
|
4146
|
-
}, null, 8, Rr)], 4)) : x("", !0), [
|
|
4147
|
-
I.value,
|
|
4148
|
-
R.value,
|
|
4149
|
-
Vi.value
|
|
4150
|
-
].includes(r) && e.useTag && e.useTag === "start" && B.value.line.tag.followValue ? (T(), S("div", {
|
|
4151
|
-
key: 1,
|
|
4152
|
-
ref_for: !0,
|
|
4153
|
-
ref: (e) => bo(t, r, e, "left", "line"),
|
|
4154
|
-
class: "vue-ui-xy-tag",
|
|
4155
|
-
"data-tag": "left",
|
|
4156
|
-
style: w({
|
|
4157
|
-
position: "fixed",
|
|
4158
|
-
top: k(ge)({
|
|
4159
|
-
svgElement: L.value,
|
|
4160
|
-
x: Y.value?.left - B.value.line.tag.fontSize / 1.5,
|
|
4161
|
-
y: n.y,
|
|
4162
|
-
element: Xi.value[`${t}_${r}_left_line`],
|
|
4163
|
-
position: "left"
|
|
4164
|
-
})?.top + "px",
|
|
4165
|
-
left: k(ge)({
|
|
4166
|
-
svgElement: L.value,
|
|
4167
|
-
x: Y.value?.left - B.value.line.tag.fontSize / 1.5,
|
|
4168
|
-
y: n.y,
|
|
4169
|
-
element: Xi.value[`${t}_${r}_left_line`],
|
|
4170
|
-
position: "left"
|
|
4171
|
-
})?.left + "px",
|
|
4172
|
-
height: "fit-content",
|
|
4173
|
-
width: "fit-content",
|
|
4174
|
-
background: e.color,
|
|
4175
|
-
color: k(Se)(e.color),
|
|
4176
|
-
padding: "0 6px",
|
|
4177
|
-
fontSize: B.value.line.tag.fontSize + "px",
|
|
4178
|
-
opacity: 1
|
|
4179
|
-
})
|
|
4180
|
-
}, [(T(), S("svg", zr, [C("path", {
|
|
4181
|
-
d: "M 0,0 10,10 0,20 Z",
|
|
4182
|
-
fill: e.color,
|
|
4183
|
-
stroke: "none"
|
|
4184
|
-
}, null, 8, Br)])), C("div", {
|
|
4185
|
-
class: "vue-ui-xy-tag-content",
|
|
4186
|
-
innerHTML: k(_)(B.value.line.tag.formatter, n.value, e.name, {
|
|
4187
|
-
datapoint: n,
|
|
4188
|
-
seriesIndex: r,
|
|
4189
|
-
serieName: e.name
|
|
4190
|
-
})
|
|
4191
|
-
}, null, 8, Vr)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
|
|
4192
|
-
(T(!0), S(y, null, D(vc.value, (e, t) => (T(), S(y, { key: `tag_plot_${e.id}` }, [(T(!0), S(y, null, D(e.plots, (n, r) => (T(), S(y, { key: `tag_plot_${t}_${r}` }, [[
|
|
4193
|
-
I.value,
|
|
4194
|
-
R.value,
|
|
4195
|
-
Vi.value
|
|
4196
|
-
].includes(r) && e.useTag && e.useTag === "end" && B.value.plot.tag.followValue ? (T(), S("div", {
|
|
4197
|
-
key: 0,
|
|
4198
|
-
ref_for: !0,
|
|
4199
|
-
ref: (e) => bo(t, r, e, "right", "plot"),
|
|
4200
|
-
class: "vue-ui-xy-tag",
|
|
4201
|
-
"data-tag": "right",
|
|
4202
|
-
style: w({
|
|
4203
|
-
position: "fixed",
|
|
4204
|
-
top: k(ge)({
|
|
4205
|
-
svgElement: L.value,
|
|
4206
|
-
x: Y.value?.right + B.value.plot.tag.fontSize / 1.5,
|
|
4207
|
-
y: n.y,
|
|
4208
|
-
element: Xi.value[`${t}_${r}_right_plot`],
|
|
4209
|
-
position: "right"
|
|
4210
|
-
})?.top + "px",
|
|
4211
|
-
left: k(ge)({
|
|
4212
|
-
svgElement: L.value,
|
|
4213
|
-
x: Y.value?.right + B.value.plot.tag.fontSize / 1.5,
|
|
4214
|
-
y: n.y,
|
|
4215
|
-
element: Xi.value[`${t}_${r}_right_plot`],
|
|
4216
|
-
position: "right"
|
|
4217
|
-
})?.left + "px",
|
|
4218
|
-
height: "fit-content",
|
|
4219
|
-
width: "fit-content",
|
|
4220
|
-
background: e.color,
|
|
4221
|
-
color: k(Se)(e.color),
|
|
4222
|
-
padding: "0 6px",
|
|
4223
|
-
fontSize: B.value.plot.tag.fontSize + "px",
|
|
4224
|
-
opacity: 1
|
|
4225
|
-
})
|
|
4226
|
-
}, [(T(), S("svg", Hr, [C("path", {
|
|
4227
|
-
d: "M 0,10 10,0 10,20 Z",
|
|
4228
|
-
fill: e.color,
|
|
4229
|
-
stroke: "none"
|
|
4230
|
-
}, null, 8, Ur)])), C("div", {
|
|
4231
|
-
class: "vue-ui-xy-tag-content",
|
|
4232
|
-
innerHTML: k(_)(B.value.plot.tag.formatter, n.value, e.name, {
|
|
4233
|
-
datapoint: n,
|
|
4234
|
-
seriesIndex: r,
|
|
4235
|
-
serieName: e.name
|
|
4236
|
-
})
|
|
4237
|
-
}, null, 8, Wr)], 4)) : x("", !0), [
|
|
4238
|
-
I.value,
|
|
4239
|
-
R.value,
|
|
4240
|
-
Vi.value
|
|
4241
|
-
].includes(r) && e.useTag && e.useTag === "start" && B.value.plot.tag.followValue ? (T(), S("div", {
|
|
4242
|
-
key: 1,
|
|
4243
|
-
ref_for: !0,
|
|
4244
|
-
ref: (e) => bo(t, r, e, "left", "plot"),
|
|
4245
|
-
class: "vue-ui-xy-tag",
|
|
4246
|
-
"data-tag": "left",
|
|
4247
|
-
style: w({
|
|
4248
|
-
position: "fixed",
|
|
4249
|
-
top: k(ge)({
|
|
4250
|
-
svgElement: L.value,
|
|
4251
|
-
x: Y.value?.left - B.value.plot.tag.fontSize / 1.5,
|
|
4252
|
-
y: n.y,
|
|
4253
|
-
element: Xi.value[`${t}_${r}_left_plot`],
|
|
4254
|
-
position: "left"
|
|
4255
|
-
})?.top + "px",
|
|
4256
|
-
left: k(ge)({
|
|
4257
|
-
svgElement: L.value,
|
|
4258
|
-
x: Y.value?.left - B.value.plot.tag.fontSize / 1.5,
|
|
4259
|
-
y: n.y,
|
|
4260
|
-
element: Xi.value[`${t}_${r}_left_plot`],
|
|
4261
|
-
position: "left"
|
|
4262
|
-
})?.left + "px",
|
|
4263
|
-
height: "fit-content",
|
|
4264
|
-
width: "fit-content",
|
|
4265
|
-
background: e.color,
|
|
4266
|
-
color: k(Se)(e.color),
|
|
4267
|
-
padding: "0 6px",
|
|
4268
|
-
fontSize: B.value.plot.tag.fontSize + "px",
|
|
4269
|
-
opacity: 1
|
|
4270
|
-
})
|
|
4271
|
-
}, [(T(), S("svg", Gr, [C("path", {
|
|
4272
|
-
d: "M 0,0 10,10 0,20 Z",
|
|
4273
|
-
fill: e.color,
|
|
4274
|
-
stroke: "none"
|
|
4275
|
-
}, null, 8, Kr)])), C("div", {
|
|
4276
|
-
class: "vue-ui-xy-tag-content",
|
|
4277
|
-
innerHTML: k(_)(B.value.plot.tag.formatter, n.value, e.name, {
|
|
4278
|
-
datapoint: n,
|
|
4279
|
-
seriesIndex: r,
|
|
4280
|
-
serieName: e.name
|
|
4281
|
-
})
|
|
4282
|
-
}, null, 8, qr)], 4)) : x("", !0)], 64))), 128))], 64))), 128)),
|
|
4283
|
-
B.value.chart.zoom.show && U.value > 6 && Sa.value && zo.value ? (T(), Qe(qe, {
|
|
4284
|
-
key: 6,
|
|
4285
|
-
ref_key: "chartSlicer",
|
|
4286
|
-
ref: bi,
|
|
4287
|
-
uuid: F.value,
|
|
4288
|
-
allMinimaps: nc.value,
|
|
4289
|
-
background: B.value.chart.zoom.color,
|
|
4290
|
-
borderColor: B.value.chart.backgroundColor,
|
|
4291
|
-
customFormat: B.value.chart.zoom.customFormat,
|
|
4292
|
-
cutNullValues: B.value.line.cutNullValues,
|
|
4293
|
-
enableRangeHandles: B.value.chart.zoom.enableRangeHandles,
|
|
4294
|
-
enableSelectionDrag: B.value.chart.zoom.enableSelectionDrag,
|
|
4295
|
-
end: W.value.end,
|
|
4296
|
-
focusOnDrag: B.value.chart.zoom.focusOnDrag,
|
|
4297
|
-
focusRangeRatio: B.value.chart.zoom.focusRangeRatio,
|
|
4298
|
-
fontSize: B.value.chart.zoom.fontSize,
|
|
4299
|
-
useResetSlot: B.value.chart.zoom.useResetSlot,
|
|
4300
|
-
immediate: !B.value.chart.zoom.preview.enable,
|
|
4301
|
-
inputColor: B.value.chart.zoom.color,
|
|
4302
|
-
isPreview: Na.value,
|
|
4303
|
-
labelLeft: X.value[0] ? X.value[0].text : "",
|
|
4304
|
-
labelRight: X.value.at(-1) ? X.value.at(-1).text : "",
|
|
4305
|
-
max: mc.value,
|
|
4306
|
-
min: pc.value,
|
|
4307
|
-
precision: q.value ? B.value.chart.grid.labels.xAxis.rounding : 0,
|
|
4308
|
-
useValueRange: q.value,
|
|
4309
|
-
minimap: tc.value,
|
|
4310
|
-
minimapCompact: B.value.chart.zoom.minimap.compact,
|
|
4311
|
-
minimapFrameColor: B.value.chart.zoom.minimap.frameColor,
|
|
4312
|
-
minimapIndicatorColor: B.value.chart.zoom.minimap.indicatorColor,
|
|
4313
|
-
minimapLineColor: B.value.chart.zoom.minimap.lineColor,
|
|
4314
|
-
minimapMerged: B.value.chart.zoom.minimap.merged,
|
|
4315
|
-
minimapSelectedColor: B.value.chart.zoom.minimap.selectedColor,
|
|
4316
|
-
minimapSelectedColorOpacity: B.value.chart.zoom.minimap.selectedColorOpacity,
|
|
4317
|
-
minimapSelectedIndex: q.value ? na.value : I.value,
|
|
4318
|
-
minimapSelectionRadius: B.value.chart.zoom.minimap.selectionRadius,
|
|
4319
|
-
preciseLabels: Tc.value.length ? Tc.value : wo.value,
|
|
4320
|
-
refreshStartPoint: q.value ? pc.value : B.value.chart.zoom.startIndex === null ? 0 : B.value.chart.zoom.startIndex,
|
|
4321
|
-
refreshEndPoint: q.value ? mc.value : B.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Ma(e.series).length)) : B.value.chart.zoom.endIndex + 1,
|
|
4322
|
-
selectColor: B.value.chart.zoom.highlightColor,
|
|
4323
|
-
selectedSeries: rc.value,
|
|
4324
|
-
smoothMinimap: B.value.chart.zoom.minimap.smooth,
|
|
4325
|
-
start: W.value.start,
|
|
4326
|
-
textColor: B.value.chart.color,
|
|
4327
|
-
timeLabels: wo.value,
|
|
4328
|
-
usePreciseLabels: B.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !B.value.chart.zoom.useDefaultFormat,
|
|
4329
|
-
valueEnd: W.value.end,
|
|
4330
|
-
valueStart: W.value.start,
|
|
4331
|
-
verticalHandles: B.value.chart.zoom.minimap.verticalHandles,
|
|
4332
|
-
minScale: B.value.chart.grid.labels.yAxis.scaleMin,
|
|
4333
|
-
maxScale: B.value.chart.grid.labels.yAxis.scaleMax,
|
|
4334
|
-
maxWidth: B.value.chart.zoom.maxWidth,
|
|
4335
|
-
additionalMinimapHeight: B.value.chart.zoom.minimap.additionalHeight,
|
|
4336
|
-
handleType: B.value.chart.zoom.minimap.handleType,
|
|
4337
|
-
handleIconColor: B.value.chart.zoom.minimap.handleIconColor,
|
|
4338
|
-
handleBorderWidth: B.value.chart.zoom.minimap.handleBorderWidth,
|
|
4339
|
-
handleBorderColor: B.value.chart.zoom.minimap.handleBorderColor,
|
|
4340
|
-
handleFill: B.value.chart.zoom.minimap.handleFill,
|
|
4341
|
-
handleWidth: B.value.chart.zoom.minimap.handleWidth,
|
|
4342
|
-
isCursorPointer: Ca.value,
|
|
4343
|
-
onFutureEnd: r[1] ||= (e) => Pa("end", e),
|
|
4344
|
-
onFutureStart: r[2] ||= (e) => Pa("start", e),
|
|
4345
|
-
onReset: qo,
|
|
4346
|
-
onTrapMouse: jo,
|
|
4347
|
-
onTrapMouseValue: Mo,
|
|
4348
|
-
"onUpdate:end": Ko,
|
|
4349
|
-
"onUpdate:start": Go
|
|
4350
|
-
}, {
|
|
4351
|
-
"reset-action": A(({ reset: e }) => [O(n.$slots, "reset-action", ct(it({ reset: e })), void 0, !0)]),
|
|
4352
|
-
_: 3
|
|
4353
|
-
}, 8, /* @__PURE__ */ "uuid.allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.useResetSlot.immediate.inputColor.isPreview.labelLeft.labelRight.max.min.precision.useValueRange.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshStartPoint.refreshEndPoint.selectColor.selectedSeries.smoothMinimap.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth.isCursorPointer".split("."))) : x("", !0),
|
|
4354
|
-
C("div", { id: `legend-bottom-${F.value}` }, null, 8, Jr),
|
|
4355
|
-
Qi.value && (B.value.chart.legend.show || n.$slots.legend) ? (T(), Qe(Ze, {
|
|
4356
|
-
key: 7,
|
|
4357
|
-
to: B.value.chart.legend.position === "top" ? `#legend-top-${F.value}` : `#legend-bottom-${F.value}`
|
|
4358
|
-
}, [C("div", {
|
|
4359
|
-
ref_key: "chartLegend",
|
|
4360
|
-
ref: xi
|
|
4361
|
-
}, [O(n.$slots, "legend", { legend: no.value }, () => [B.value.chart.legend.show ? (T(), S("div", {
|
|
4362
|
-
key: 0,
|
|
4363
|
-
class: "vue-ui-xy-legend",
|
|
4364
|
-
style: w({ fontSize: `var(--legend-font-size, ${B.value.chart.legend.fontSize ?? 14}px)` })
|
|
4365
|
-
}, [B.value.chart.legend.selectAllToggle.show && no.value.length > 2 && !k(Oa) ? (T(), Qe(Ye, {
|
|
4366
|
-
key: 0,
|
|
4367
|
-
backgroundColor: B.value.chart.legend.selectAllToggle.backgroundColor,
|
|
4368
|
-
color: B.value.chart.legend.selectAllToggle.color,
|
|
4369
|
-
fontSize: B.value.chart.legend.fontSize,
|
|
4370
|
-
checked: P.value.length > 0,
|
|
4371
|
-
onToggle: Es
|
|
4372
|
-
}, null, 8, [
|
|
4373
|
-
"backgroundColor",
|
|
4374
|
-
"color",
|
|
4375
|
-
"fontSize",
|
|
4376
|
-
"checked"
|
|
4377
|
-
])) : x("", !0), (T(!0), S(y, null, D(no.value, (e, t) => (T(), S("div", {
|
|
4378
|
-
key: `div_legend_item_${t}`,
|
|
4379
|
-
onClick: (t) => ks(e),
|
|
4380
|
-
onKeydown: (t) => Ds(t, e),
|
|
4381
|
-
role: "button",
|
|
4382
|
-
tabindex: "0",
|
|
4383
|
-
class: st({
|
|
4384
|
-
"vue-ui-xy-legend-item-alone": no.value.length === 1,
|
|
4385
|
-
"vue-ui-xy-legend-item": !0,
|
|
4386
|
-
"vue-ui-xy-legend-item-segregated": P.value.includes(e.id)
|
|
4387
|
-
}),
|
|
4388
|
-
style: w({ cursor: Ca.value ? "pointer" : "default" })
|
|
4389
|
-
}, [Li.value[e.type] === "line" ? (T(), S("svg", Xr, [C("rect", {
|
|
4390
|
-
x: "0",
|
|
4391
|
-
y: "7.5",
|
|
4392
|
-
rx: "1.5",
|
|
4393
|
-
stroke: B.value.chart.backgroundColor,
|
|
4394
|
-
"stroke-width": .5,
|
|
4395
|
-
height: "3",
|
|
4396
|
-
width: "20",
|
|
4397
|
-
fill: e.color
|
|
4398
|
-
}, null, 8, Zr), tt(Ge, {
|
|
4399
|
-
plot: {
|
|
4400
|
-
x: 10,
|
|
4401
|
-
y: 9
|
|
4402
|
-
},
|
|
4403
|
-
radius: 4,
|
|
4404
|
-
color: e.color,
|
|
4405
|
-
shape: [
|
|
4406
|
-
"triangle",
|
|
4407
|
-
"square",
|
|
4408
|
-
"diamond",
|
|
4409
|
-
"pentagon",
|
|
4410
|
-
"hexagon",
|
|
4411
|
-
"star"
|
|
4412
|
-
].includes(e.shape) ? e.shape : "circle",
|
|
4413
|
-
stroke: B.value.chart.backgroundColor,
|
|
4414
|
-
strokeWidth: .5
|
|
4415
|
-
}, null, 8, [
|
|
4416
|
-
"color",
|
|
4417
|
-
"shape",
|
|
4418
|
-
"stroke"
|
|
4419
|
-
])])) : Li.value[e.type] === "bar" ? (T(), S("svg", Qr, [Li.value[e.type] === "bar" && n.$slots.pattern ? (T(), S("rect", {
|
|
4420
|
-
key: 0,
|
|
4421
|
-
x: "4",
|
|
4422
|
-
y: "4",
|
|
4423
|
-
rx: "1",
|
|
4424
|
-
height: "32",
|
|
4425
|
-
width: "32",
|
|
4426
|
-
stroke: "none",
|
|
4427
|
-
fill: e.color
|
|
4428
|
-
}, null, 8, $r)) : x("", !0), Li.value[e.type] === "bar" ? (T(), S("rect", {
|
|
4429
|
-
key: 1,
|
|
4430
|
-
x: "4",
|
|
4431
|
-
y: "4",
|
|
4432
|
-
rx: "1",
|
|
4433
|
-
height: "32",
|
|
4434
|
-
width: "32",
|
|
4435
|
-
stroke: "none",
|
|
4436
|
-
fill: n.$slots.pattern ? `url(#pattern_${F.value}_${e.slotAbsoluteIndex})` : e.color
|
|
4437
|
-
}, null, 8, ei)) : x("", !0)])) : (T(), S("svg", ti, [tt(Ge, {
|
|
4438
|
-
plot: {
|
|
4439
|
-
x: 6,
|
|
4440
|
-
y: 6
|
|
4441
|
-
},
|
|
4442
|
-
radius: 5,
|
|
4443
|
-
color: e.color,
|
|
4444
|
-
shape: [
|
|
4445
|
-
"triangle",
|
|
4446
|
-
"square",
|
|
4447
|
-
"diamond",
|
|
4448
|
-
"pentagon",
|
|
4449
|
-
"hexagon",
|
|
4450
|
-
"star"
|
|
4451
|
-
].includes(e.shape) ? e.shape : "circle"
|
|
4452
|
-
}, null, 8, ["color", "shape"])])), C("span", { style: w(`color:${B.value.chart.legend.color}`) }, pt(e.name), 5)], 46, Yr))), 128))], 4)) : x("", !0)], !0)], 512)], 8, ["to"])) : x("", !0),
|
|
4453
|
-
n.$slots.source ? (T(), S("div", {
|
|
4454
|
-
key: 8,
|
|
4455
|
-
ref_key: "source",
|
|
4456
|
-
ref: Si,
|
|
4457
|
-
dir: "auto"
|
|
4458
|
-
}, [O(n.$slots, "source", {}, void 0, !0)], 512)) : x("", !0),
|
|
4459
|
-
tt(k(ai), {
|
|
4460
|
-
teleportTo: B.value.chart.tooltip.teleportTo,
|
|
4461
|
-
show: V.value.showTooltip && Bi.value,
|
|
4462
|
-
backgroundColor: B.value.chart.tooltip.backgroundColor,
|
|
4463
|
-
color: B.value.chart.tooltip.color,
|
|
4464
|
-
fontSize: B.value.chart.tooltip.fontSize,
|
|
4465
|
-
borderRadius: B.value.chart.tooltip.borderRadius,
|
|
4466
|
-
borderColor: B.value.chart.tooltip.borderColor,
|
|
4467
|
-
borderWidth: B.value.chart.tooltip.borderWidth,
|
|
4468
|
-
backgroundOpacity: B.value.chart.tooltip.backgroundOpacity,
|
|
4469
|
-
position: B.value.chart.tooltip.position,
|
|
4470
|
-
offsetX: B.value.chart.tooltip.offsetX,
|
|
4471
|
-
offsetY: B.value.chart.tooltip.offsetY,
|
|
4472
|
-
parent: n.$refs.chart,
|
|
4473
|
-
content: Ec.value,
|
|
4474
|
-
isFullscreen: zi.value,
|
|
4475
|
-
isCustom: B.value.chart.tooltip.customFormat && typeof B.value.chart.tooltip.customFormat == "function",
|
|
4476
|
-
smooth: B.value.chart.tooltip.smooth,
|
|
4477
|
-
backdropFilter: B.value.chart.tooltip.backdropFilter,
|
|
4478
|
-
smoothForce: B.value.chart.tooltip.smoothForce,
|
|
4479
|
-
smoothSnapThreshold: B.value.chart.tooltip.smoothSnapThreshold,
|
|
4480
|
-
isA11yMode: ra.value != null,
|
|
4481
|
-
a11yPosition: ia.value
|
|
4482
|
-
}, {
|
|
4483
|
-
"tooltip-before": A(() => [O(n.$slots, "tooltip-before", ct(it({ ...xc.value })), void 0, !0)]),
|
|
4484
|
-
tooltip: A(() => [O(n.$slots, "tooltip", ct(it({ ...xc.value })), void 0, !0)]),
|
|
4485
|
-
"tooltip-after": A(() => [O(n.$slots, "tooltip-after", ct(it({ ...xc.value })), void 0, !0)]),
|
|
4486
|
-
_: 3
|
|
4487
|
-
}, 8, [
|
|
4488
|
-
"teleportTo",
|
|
4489
|
-
"show",
|
|
4490
|
-
"backgroundColor",
|
|
4491
|
-
"color",
|
|
4492
|
-
"fontSize",
|
|
4493
|
-
"borderRadius",
|
|
4494
|
-
"borderColor",
|
|
4495
|
-
"borderWidth",
|
|
4496
|
-
"backgroundOpacity",
|
|
4497
|
-
"position",
|
|
4498
|
-
"offsetX",
|
|
4499
|
-
"offsetY",
|
|
4500
|
-
"parent",
|
|
4501
|
-
"content",
|
|
4502
|
-
"isFullscreen",
|
|
4503
|
-
"isCustom",
|
|
4504
|
-
"smooth",
|
|
4505
|
-
"backdropFilter",
|
|
4506
|
-
"smoothForce",
|
|
4507
|
-
"smoothSnapThreshold",
|
|
4508
|
-
"isA11yMode",
|
|
4509
|
-
"a11yPosition"
|
|
4510
|
-
]),
|
|
4511
|
-
Sa.value && B.value.chart.userOptions.buttons.table ? (T(), Qe(dt(el.value.component), at({ key: 9 }, el.value.props, {
|
|
4512
|
-
ref_key: "tableUnit",
|
|
4513
|
-
ref: $i,
|
|
4514
|
-
onClose: tl
|
|
4515
|
-
}), $e({
|
|
4516
|
-
content: A(() => [C("div", { style: w(`${k(La) || B.value.table.useDialog ? "" : "max-height:400px"};${B.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${B.value.table.useDialog ? "" : "margin-top:48px"}`) }, [C("div", ni, [yt(C("input", {
|
|
4517
|
-
type: "checkbox",
|
|
4518
|
-
"onUpdate:modelValue": r[4] ||= (e) => Gi.value = e
|
|
4519
|
-
}, null, 512), [[gt, Gi.value]]), C("div", {
|
|
4520
|
-
onClick: r[5] ||= (e) => Gi.value = !Gi.value,
|
|
4521
|
-
style: w({ cursor: Ca.value ? "pointer" : "default" })
|
|
4522
|
-
}, [tt(k(si), {
|
|
4523
|
-
name: "chartLine",
|
|
4524
|
-
size: 20,
|
|
4525
|
-
stroke: B.value.chart.color
|
|
4526
|
-
}, null, 8, ["stroke"])], 4)]), Gi.value ? (T(), Qe(k(ci), {
|
|
4527
|
-
key: `sparkline_${Ki.value}`,
|
|
4528
|
-
dataset: Rs.value,
|
|
4529
|
-
config: zs.value
|
|
4530
|
-
}, null, 8, ["dataset", "config"])) : (T(), Qe(k(ii), {
|
|
4531
|
-
key: `table_${Ui.value}`,
|
|
4532
|
-
colNames: Oc.value.colNames,
|
|
4533
|
-
head: Oc.value.head,
|
|
4534
|
-
body: Oc.value.body,
|
|
4535
|
-
config: Oc.value.config,
|
|
4536
|
-
title: B.value.table.useDialog ? "" : el.value.title,
|
|
4537
|
-
withCloseButton: !B.value.table.useDialog,
|
|
4538
|
-
onClose: tl
|
|
4539
|
-
}, {
|
|
4540
|
-
th: A(({ th: e }) => [C("div", { innerHTML: e }, null, 8, ri)]),
|
|
4541
|
-
td: A(({ td: e }) => [et(pt(isNaN(Number(e)) ? e : k(s)({
|
|
4542
|
-
p: B.value.chart.labels.prefix,
|
|
4543
|
-
v: e,
|
|
4544
|
-
s: B.value.chart.labels.suffix,
|
|
4545
|
-
r: B.value.table.rounding
|
|
4546
|
-
})), 1)]),
|
|
4547
|
-
_: 1
|
|
4548
|
-
}, 8, [
|
|
4549
|
-
"colNames",
|
|
4550
|
-
"head",
|
|
4551
|
-
"body",
|
|
4552
|
-
"config",
|
|
4553
|
-
"title",
|
|
4554
|
-
"withCloseButton"
|
|
4555
|
-
]))], 4)]),
|
|
4556
|
-
_: 2
|
|
4557
|
-
}, [B.value.table.useDialog ? {
|
|
4558
|
-
name: "title",
|
|
4559
|
-
fn: A(() => [et(pt(el.value.title), 1)]),
|
|
4560
|
-
key: "0"
|
|
4561
|
-
} : void 0, B.value.table.useDialog ? {
|
|
4562
|
-
name: "actions",
|
|
4563
|
-
fn: A(() => [C("button", {
|
|
4564
|
-
tabindex: "0",
|
|
4565
|
-
class: "vue-ui-user-options-button",
|
|
4566
|
-
onClick: r[3] ||= (e) => kc(B.value.chart.userOptions.callbacks.csv)
|
|
4567
|
-
}, [tt(k(si), {
|
|
4568
|
-
name: "fileCsv",
|
|
4569
|
-
stroke: el.value.props.color
|
|
4570
|
-
}, null, 8, ["stroke"])])]),
|
|
4571
|
-
key: "1"
|
|
4572
|
-
} : void 0]), 1040)) : x("", !0),
|
|
4573
|
-
O(n.$slots, "skeleton", {}, () => [k(Oa) ? (T(), Qe(Ie, { key: 0 })) : x("", !0)], !0)
|
|
4574
|
-
], 46, xt));
|
|
4575
|
-
}
|
|
4576
|
-
}, [["__scopeId", "data-v-0351e25a"]]);
|
|
4577
|
-
//#endregion
|
|
4578
|
-
export { bt as n, j as t };
|