vccs 0.6.0 → 1.0.0-beta.2
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/LICENSE +25 -0
- package/README.md +133 -112
- package/dist/animation/ActiveDot.d.ts +14 -0
- package/dist/animation/MovingLabels.d.ts +57 -0
- package/dist/animation/SweepClip.d.ts +56 -0
- package/dist/animation/gridTransition.d.ts +38 -0
- package/dist/animation/motion.d.ts +78 -0
- package/dist/animation/ridingLabels.d.ts +29 -0
- package/dist/animation/useAnimationCallbacks.d.ts +5 -0
- package/dist/animation/useKeyedTransition.d.ts +86 -0
- package/dist/animation/usePointTransition.d.ts +40 -0
- package/dist/animation/useReducedMotion.d.ts +2 -0
- package/dist/animation/useTickMotion.d.ts +22 -0
- package/dist/cartesian/ActivePoints.d.ts +71 -0
- package/dist/cartesian/GraphicalItemClipPath.d.ts +27 -2
- package/dist/cartesian/area/Area.d.ts +229 -14
- package/dist/cartesian/area/RenderArea.d.ts +1 -16
- package/dist/cartesian/area/hooks/useArea.d.ts +13 -18
- package/dist/cartesian/area/type.d.ts +32 -81
- package/dist/cartesian/axis/AxisProps.d.ts +101 -0
- package/dist/cartesian/axis/XAxis.d.ts +144 -83
- package/dist/cartesian/axis/YAxis.d.ts +152 -94
- package/dist/cartesian/bar/Bar.d.ts +229 -2
- package/dist/cartesian/bar/components/BarBackground.d.ts +1 -1
- package/dist/cartesian/bar/hooks/useBar.d.ts +31 -15
- package/dist/cartesian/bar/type.d.ts +46 -77
- package/dist/cartesian/brush/Brush.d.ts +150 -2
- package/dist/cartesian/brush/components/BrushText.d.ts +7 -7
- package/dist/cartesian/brush/components/Panorama.d.ts +7 -5
- package/dist/cartesian/brush/components/Slide.d.ts +4 -4
- package/dist/cartesian/brush/components/TravellerLayer.d.ts +21 -13
- package/dist/cartesian/brush/hooks/useBrushHandlers.d.ts +3 -4
- package/dist/cartesian/brush/hooks/useBrushState.d.ts +16 -16
- package/dist/cartesian/brush/type.d.ts +14 -33
- package/dist/cartesian/brush/utils.d.ts +5 -6
- package/dist/cartesian/cartesian-axis/CartesianAxis.d.ts +37 -63
- package/dist/cartesian/cartesian-grid/Background.d.ts +1 -1
- package/dist/cartesian/cartesian-grid/CartesianGrid.d.ts +68 -16
- package/dist/cartesian/cartesian-grid/HorizontalGridLines.d.ts +18 -11
- package/dist/cartesian/cartesian-grid/HorizontalStripes.d.ts +6 -5
- package/dist/cartesian/cartesian-grid/VerticalGridLines.d.ts +17 -10
- package/dist/cartesian/cartesian-grid/VerticalStripes.d.ts +6 -5
- package/dist/cartesian/cartesian-grid/const.d.ts +2 -6
- package/dist/cartesian/cartesian-grid/type.d.ts +21 -30
- package/dist/cartesian/cartesian-grid/utils.d.ts +3 -1
- package/dist/cartesian/cartesianPositionToCSSTranslate.d.ts +1 -1
- package/dist/cartesian/error-bar/ErrorBar.d.ts +11 -30
- package/dist/cartesian/error-bar/ErrorBarContext.d.ts +12 -15
- package/dist/cartesian/funnel/Funnel.d.ts +161 -2
- package/dist/cartesian/funnel/type.d.ts +20 -57
- package/dist/cartesian/getCartesianPosition.d.ts +1 -3
- package/dist/cartesian/line/Line.d.ts +177 -77
- package/dist/cartesian/line/StaticLine.d.ts +0 -15
- package/dist/cartesian/line/hooks/useLine.d.ts +14 -15
- package/dist/cartesian/line/type.d.ts +52 -104
- package/dist/cartesian/reference-area/ReferenceArea.d.ts +42 -90
- package/dist/cartesian/reference-dot/ReferenceDot.d.ts +21 -63
- package/dist/cartesian/reference-line/ReferenceLine.d.ts +35 -67
- package/dist/cartesian/scatter/Scatter.d.ts +72 -53
- package/dist/cartesian/scatter/hooks/useScatter.d.ts +6 -5
- package/dist/cartesian/scatter/type.d.ts +89 -0
- package/dist/cartesian/useNeedsClip.d.ts +3 -2
- package/dist/cartesian/utils/get-ticks.d.ts +5 -6
- package/dist/cartesian/z-axis/ZAxis.d.ts +20 -21
- package/dist/chart/AreaChart.d.ts +231 -1
- package/dist/chart/BarChart.d.ts +231 -1
- package/dist/chart/BarList.d.ts +172 -0
- package/dist/chart/CalendarHeatmap.d.ts +308 -0
- package/dist/chart/CellGridLayer.d.ts +136 -0
- package/dist/chart/ChartShell.d.ts +85 -0
- package/dist/chart/ChartWrapper.d.ts +167 -0
- package/dist/chart/ChartsWrapper.d.ts +75 -87
- package/dist/chart/CohortChart.d.ts +254 -0
- package/dist/chart/ComposedChart.d.ts +231 -1
- package/dist/chart/FunnelChart.d.ts +201 -1
- package/dist/chart/Heatmap.d.ts +687 -0
- package/dist/chart/JourneySankey.d.ts +261 -0
- package/dist/chart/LineChart.d.ts +231 -1
- package/dist/chart/PieChart.d.ts +243 -1
- package/dist/chart/RadarChart.d.ts +243 -1
- package/dist/chart/RadialBarChart.d.ts +273 -1
- package/dist/chart/Sankey.d.ts +85 -157
- package/dist/chart/ScatterChart.d.ts +231 -1
- package/dist/chart/Sparkline.d.ts +257 -0
- package/dist/chart/SunburstChart.d.ts +101 -132
- package/dist/chart/Tracker.d.ts +211 -0
- package/dist/chart/Treemap.d.ts +101 -147
- package/dist/chart/cellGridProps.d.ts +40 -0
- package/dist/chart/cellGridUtils.d.ts +53 -0
- package/dist/chart/chartProps.d.ts +402 -0
- package/dist/chart/chartRoot.d.ts +144 -0
- package/dist/chart/const.d.ts +0 -2
- package/dist/chart/directChartTypes.d.ts +13 -0
- package/dist/chart/journeyTypes.d.ts +99 -0
- package/dist/chart/journeyUtils.d.ts +102 -0
- package/dist/chart/sankeyUtils.d.ts +2 -2
- package/dist/chart/shell.d.ts +14 -0
- package/dist/chart/sunburstUtils.d.ts +7 -3
- package/dist/chart/treemapUtils.d.ts +8 -6
- package/dist/componentNames.d.ts +2 -0
- package/dist/components/Cell.d.ts +1 -1
- package/dist/components/Customized.d.ts +12 -7
- package/dist/components/Text.d.ts +31 -31
- package/dist/components/label/Label.d.ts +14 -26
- package/dist/components/label/LabelList.d.ts +24 -14
- package/dist/components/label/LabelListView.d.ts +23 -0
- package/dist/components/label/LabelView.d.ts +79 -0
- package/dist/components/label/types.d.ts +70 -15
- package/dist/components/label/utils.d.ts +24 -12
- package/dist/components/legend/Legend.d.ts +109 -4
- package/dist/components/legend/LegendSymbol.d.ts +2 -3
- package/dist/components/legend/hooks/useLegend.d.ts +8 -10
- package/dist/components/legend/hooks/useLegendContent.d.ts +7 -14
- package/dist/components/legend/type.d.ts +17 -25
- package/dist/components/legend/utils.d.ts +4 -4
- package/dist/components/tooltip/Cursor.d.ts +19 -0
- package/dist/components/tooltip/DefaultTooltipContent.d.ts +35 -0
- package/dist/components/{Tooltip.d.ts → tooltip/Tooltip.d.ts} +72 -100
- package/dist/components/tooltip/TooltipBoundingBox.d.ts +40 -0
- package/dist/components/tooltip/types.d.ts +59 -0
- package/dist/components/types.d.ts +6 -6
- package/dist/components/utils.d.ts +3 -3
- package/dist/container/ClipPath.d.ts +1 -1
- package/dist/container/Layer.d.ts +1 -1
- package/dist/container/ResponsiveContainer.d.ts +10 -13
- package/dist/container/Surface.d.ts +9 -1
- package/dist/container/useSizeContext.d.ts +4 -10
- package/dist/context/cartesianLabelListContext.d.ts +6 -2
- package/dist/context/polarLabelViewBoxContext.d.ts +1 -1
- package/dist/core/area.d.ts +32 -0
- package/dist/core/axis/data.d.ts +28 -0
- package/dist/core/axis/domain.d.ts +11 -0
- package/dist/core/axis/key.d.ts +7 -0
- package/dist/core/axis/polar.d.ts +11 -0
- package/dist/core/axis/polarSettings.d.ts +5 -0
- package/dist/core/axis/position.d.ts +76 -0
- package/dist/core/axis/range.d.ts +8 -0
- package/dist/core/axis/references.d.ts +6 -0
- package/dist/core/axis/scale.d.ts +21 -0
- package/dist/core/axis/settings.d.ts +4 -0
- package/dist/core/axis/stacks.d.ts +14 -0
- package/dist/core/axis/ticks.d.ts +19 -0
- package/dist/core/axis/userDomain.d.ts +48 -0
- package/dist/core/bar.d.ts +22 -0
- package/dist/core/barSizing.d.ts +43 -0
- package/dist/core/color.d.ts +21 -0
- package/dist/core/coordinates.d.ts +34 -0
- package/dist/core/data.d.ts +2 -0
- package/dist/core/errorBar.d.ts +15 -0
- package/dist/core/funnel.d.ts +17 -0
- package/dist/core/interaction.d.ts +18 -0
- package/dist/core/layout.d.ts +43 -0
- package/dist/core/line.d.ts +14 -0
- package/dist/{state/selectors/pieSelectors.d.ts → core/pie.d.ts} +14 -16
- package/dist/core/polygon.d.ts +5 -0
- package/dist/core/radar.d.ts +20 -0
- package/dist/core/radialBar.d.ts +36 -0
- package/dist/core/rectangle.d.ts +10 -0
- package/dist/core/scatter.d.ts +18 -0
- package/dist/core/tooltip.d.ts +16 -0
- package/dist/es/animation/ActiveDot.mjs +39 -0
- package/dist/es/animation/MovingLabels.mjs +61 -0
- package/dist/es/animation/SweepClip.mjs +40 -0
- package/dist/es/animation/gridTransition.mjs +112 -0
- package/dist/es/animation/motion.mjs +100 -0
- package/dist/es/animation/ridingLabels.mjs +70 -0
- package/dist/es/animation/useAnimationCallbacks.mjs +23 -0
- package/dist/es/animation/useKeyedTransition.mjs +355 -0
- package/dist/es/animation/usePointTransition.mjs +119 -0
- package/dist/es/animation/useReducedMotion.mjs +12 -0
- package/dist/es/animation/useTickMotion.mjs +62 -0
- package/dist/es/cartesian/ActivePoints.mjs +65 -0
- package/dist/es/cartesian/GraphicalItemClipPath.mjs +50 -9
- package/dist/es/cartesian/area/Area.mjs +72 -35
- package/dist/es/cartesian/area/RenderArea.mjs +112 -105
- package/dist/es/cartesian/area/hooks/useArea.mjs +44 -42
- package/dist/es/cartesian/area/type.mjs +14 -46
- package/dist/es/cartesian/axis/AxisProps.mjs +94 -0
- package/dist/es/cartesian/axis/XAxis.mjs +37 -159
- package/dist/es/cartesian/axis/YAxis.mjs +63 -167
- package/dist/es/cartesian/bar/Bar.mjs +122 -53
- package/dist/es/cartesian/bar/components/BarBackground.mjs +1 -1
- package/dist/es/cartesian/bar/components/BarRectangles.mjs +188 -126
- package/dist/es/cartesian/bar/hooks/useBar.mjs +67 -31
- package/dist/es/cartesian/bar/type.mjs +4 -22
- package/dist/es/cartesian/brush/Brush.mjs +294 -0
- package/dist/es/cartesian/brush/components/Background.mjs +25 -0
- package/dist/es/cartesian/brush/components/BrushText.mjs +55 -0
- package/dist/es/cartesian/brush/components/Panorama.mjs +54 -0
- package/dist/es/cartesian/brush/components/Slide.mjs +40 -0
- package/dist/es/cartesian/brush/components/Traveller.mjs +46 -0
- package/dist/es/cartesian/brush/components/TravellerLayer.mjs +68 -0
- package/dist/es/cartesian/brush/hooks/useBrushHandlers.mjs +158 -0
- package/dist/es/cartesian/brush/hooks/useBrushState.mjs +67 -0
- package/dist/es/cartesian/brush/type.mjs +54 -0
- package/dist/es/cartesian/brush/utils.mjs +30 -0
- package/dist/es/cartesian/cartesian-axis/CartesianAxis.mjs +27 -20
- package/dist/es/cartesian/cartesian-grid/CartesianGrid.mjs +157 -72
- package/dist/es/cartesian/cartesian-grid/HorizontalGridLines.mjs +5 -1
- package/dist/es/cartesian/cartesian-grid/VerticalGridLines.mjs +5 -1
- package/dist/es/cartesian/cartesian-grid/const.mjs +3 -320
- package/dist/es/cartesian/cartesian-grid/utils.mjs +1 -1
- package/dist/es/cartesian/error-bar/ErrorBar.mjs +65 -102
- package/dist/es/cartesian/error-bar/ErrorBarContext.mjs +21 -5
- package/dist/es/cartesian/funnel/Funnel.mjs +247 -127
- package/dist/es/cartesian/funnel/type.mjs +8 -14
- package/dist/es/cartesian/line/Line.mjs +72 -25
- package/dist/es/cartesian/line/StaticLine.mjs +129 -166
- package/dist/es/cartesian/line/hooks/useLine.mjs +38 -35
- package/dist/es/cartesian/line/type.mjs +5 -43
- package/dist/es/cartesian/reference-area/ReferenceArea.mjs +108 -88
- package/dist/es/cartesian/reference-dot/ReferenceDot.mjs +87 -67
- package/dist/es/cartesian/reference-line/ReferenceLine.mjs +99 -74
- package/dist/es/cartesian/scatter/Scatter.mjs +188 -190
- package/dist/es/cartesian/scatter/hooks/useScatter.mjs +25 -6
- package/dist/es/cartesian/scatter/type.mjs +79 -0
- package/dist/es/cartesian/useNeedsClip.mjs +6 -14
- package/dist/es/cartesian/utils/get-ticks.mjs +6 -6
- package/dist/es/cartesian/z-axis/ZAxis.mjs +7 -11
- package/dist/es/chart/AreaChart.mjs +12 -4
- package/dist/es/chart/BarChart.mjs +12 -4
- package/dist/es/chart/BarList.mjs +265 -0
- package/dist/es/chart/CalendarHeatmap.mjs +299 -0
- package/dist/es/chart/CellGridLayer.mjs +380 -0
- package/dist/es/chart/ChartShell.mjs +139 -0
- package/dist/es/chart/ChartWrapper.mjs +215 -0
- package/dist/es/chart/ChartsWrapper.mjs +21 -176
- package/dist/es/chart/CohortChart.mjs +169 -0
- package/dist/es/chart/ComposedChart.mjs +14 -4
- package/dist/es/chart/FunnelChart.mjs +11 -5
- package/dist/es/chart/Heatmap.mjs +319 -0
- package/dist/es/chart/JourneySankey.mjs +682 -0
- package/dist/es/chart/LineChart.mjs +13 -4
- package/dist/es/chart/PieChart.mjs +13 -9
- package/dist/es/chart/RadarChart.mjs +13 -9
- package/dist/es/chart/RadialBarChart.mjs +18 -10
- package/dist/es/chart/Sankey.mjs +355 -244
- package/dist/es/chart/ScatterChart.mjs +12 -4
- package/dist/es/chart/Sparkline.mjs +458 -0
- package/dist/es/chart/SunburstChart.mjs +215 -158
- package/dist/es/chart/Tracker.mjs +175 -0
- package/dist/es/chart/Treemap.mjs +357 -300
- package/dist/es/chart/cellGridProps.mjs +42 -0
- package/dist/es/chart/cellGridUtils.mjs +80 -0
- package/dist/es/chart/chartProps.mjs +88 -0
- package/dist/es/chart/chartRoot.mjs +153 -0
- package/dist/es/chart/journeyTypes.mjs +90 -0
- package/dist/es/chart/journeyUtils.mjs +223 -0
- package/dist/es/chart/sankeyUtils.mjs +52 -1
- package/dist/es/chart/shell.mjs +30 -0
- package/dist/es/chart/sunburstUtils.mjs +14 -9
- package/dist/es/chart/treemapUtils.mjs +10 -8
- package/dist/es/componentNames.mjs +84 -0
- package/dist/es/components/Cell.mjs +3 -2
- package/dist/es/components/Customized.mjs +14 -9
- package/dist/es/components/Text.vue_vue_type_script_setup_true_lang.mjs +16 -10
- package/dist/es/components/label/Label.mjs +12 -30
- package/dist/es/components/label/LabelList.mjs +13 -48
- package/dist/es/components/label/LabelListView.mjs +73 -0
- package/dist/es/components/label/LabelView.mjs +45 -0
- package/dist/es/components/label/types.mjs +10 -5
- package/dist/es/components/label/utils.mjs +39 -19
- package/dist/es/components/legend/Legend.mjs +101 -36
- package/dist/es/components/legend/LegendSymbol.mjs +2 -2
- package/dist/es/components/legend/hooks/useLegend.mjs +39 -60
- package/dist/es/components/legend/hooks/useLegendContent.mjs +1 -13
- package/dist/es/components/legend/type.mjs +11 -9
- package/dist/es/components/legend/utils.mjs +8 -4
- package/dist/es/components/tooltip/Cursor.mjs +118 -0
- package/dist/es/components/tooltip/DefaultTooltipContent.mjs +107 -0
- package/dist/es/components/tooltip/Tooltip.mjs +229 -0
- package/dist/es/components/tooltip/TooltipBoundingBox.mjs +187 -0
- package/dist/es/components/utils.mjs +26 -27
- package/dist/es/container/ClipPath.mjs +2 -2
- package/dist/es/container/Layer.mjs +2 -2
- package/dist/es/container/ResponsiveContainer.vue_vue_type_script_setup_true_lang.mjs +20 -106
- package/dist/es/container/Surface.mjs +46 -7
- package/dist/es/container/useSizeContext.mjs +12 -3
- package/dist/es/context/cartesianLabelListContext.mjs +11 -2
- package/dist/es/{cartesian/area/utils.mjs → core/area.mjs} +5 -4
- package/dist/es/core/axis/data.mjs +75 -0
- package/dist/es/core/axis/domain.mjs +63 -0
- package/dist/es/core/axis/key.mjs +13 -0
- package/dist/es/core/axis/polar.mjs +16 -0
- package/dist/es/core/axis/polarSettings.mjs +100 -0
- package/dist/es/core/axis/position.mjs +51 -0
- package/dist/es/core/axis/range.mjs +46 -0
- package/dist/es/core/axis/references.mjs +26 -0
- package/dist/es/core/axis/scale.mjs +148 -0
- package/dist/es/core/axis/settings.mjs +76 -0
- package/dist/es/core/axis/stacks.mjs +97 -0
- package/dist/es/core/axis/ticks.mjs +82 -0
- package/dist/es/{utils/isDomainSpecifiedByUser.mjs → core/axis/userDomain.mjs} +5 -4
- package/dist/es/{cartesian/bar/utils.mjs → core/bar.mjs} +19 -16
- package/dist/es/core/barSizing.mjs +108 -0
- package/dist/es/core/color.mjs +23 -0
- package/dist/es/core/coordinates.mjs +57 -0
- package/dist/es/core/data.mjs +20 -0
- package/dist/es/core/errorBar.mjs +56 -0
- package/dist/es/{cartesian/funnel/utils.mjs → core/funnel.mjs} +31 -11
- package/dist/es/core/interaction.mjs +152 -0
- package/dist/es/core/layout.mjs +91 -0
- package/dist/es/{cartesian/line/utils.mjs → core/line.mjs} +7 -6
- package/dist/es/{state/selectors/pieSelectors.mjs → core/pie.mjs} +37 -65
- package/dist/es/core/polygon.mjs +7 -0
- package/dist/es/core/radar.mjs +58 -0
- package/dist/es/core/radialBar.mjs +92 -0
- package/dist/es/core/rectangle.mjs +25 -0
- package/dist/es/core/scatter.mjs +86 -0
- package/dist/es/core/tooltip.mjs +96 -0
- package/dist/es/events/componentEvents.mjs +58 -0
- package/dist/es/events/delegateItemEvents.mjs +24 -0
- package/dist/es/events/itemEvents.mjs +34 -0
- package/dist/es/events/sync.mjs +140 -0
- package/dist/es/events/useChartCallbacks.mjs +24 -0
- package/dist/es/events/useChartInteractions.mjs +143 -0
- package/dist/es/events/useItemInteractions.mjs +58 -0
- package/dist/es/events/useItemKeyboard.mjs +45 -0
- package/dist/es/events/usePointEvents.mjs +55 -0
- package/dist/es/hooks/deferredView.mjs +19 -0
- package/dist/es/hooks/publicHooks.mjs +36 -35
- package/dist/es/hooks/useActiveTooltipDataPoints.mjs +10 -0
- package/dist/es/hooks/useChartId.mjs +8 -0
- package/dist/es/hooks/useLayerTeleport.mjs +10 -0
- package/dist/es/hooks/useResponsiveSize.mjs +72 -15
- package/dist/es/hooks/useRoundedSize.mjs +0 -3
- package/dist/es/hooks/useSeriesProps.mjs +32 -0
- package/dist/es/hooks/useSetupGraphicalItem.mjs +74 -44
- package/dist/es/hooks/useTrackedData.mjs +17 -0
- package/dist/es/index.mjs +37 -23
- package/dist/es/model/animation.mjs +11 -0
- package/dist/es/model/axis.mjs +85 -0
- package/dist/es/model/axisLayout.mjs +27 -0
- package/dist/es/model/axisScale.mjs +52 -0
- package/dist/es/model/brush.mjs +27 -0
- package/dist/es/model/chart.mjs +122 -0
- package/dist/es/model/dataRange.mjs +54 -0
- package/dist/es/model/defaults.mjs +28 -0
- package/dist/es/model/layout.mjs +33 -0
- package/dist/es/model/legend.mjs +30 -0
- package/dist/es/model/options.mjs +8 -0
- package/dist/es/model/polar.mjs +29 -0
- package/dist/es/model/polarAxis.mjs +48 -0
- package/dist/es/model/presentation.mjs +13 -0
- package/dist/es/model/registries.mjs +38 -0
- package/dist/es/model/registry.mjs +20 -0
- package/dist/es/model/runtime.mjs +156 -0
- package/dist/es/model/tooltip.mjs +383 -0
- package/dist/es/nuxt.mjs +28 -0
- package/dist/es/polar/pie/Pie.mjs +260 -112
- package/dist/es/polar/pie/type.mjs +19 -8
- package/dist/es/polar/radar/PolarAngleAxis.mjs +117 -99
- package/dist/es/polar/radar/PolarGrid.mjs +73 -50
- package/dist/es/polar/radar/PolarRadiusAxis.mjs +124 -100
- package/dist/es/polar/radar/Radar.mjs +272 -219
- package/dist/es/polar/radial-bar/RadialBar.mjs +248 -130
- package/dist/es/polar/radial-bar/type.mjs +6 -7
- package/dist/es/resolver.mjs +19 -0
- package/dist/es/shape/Cross.mjs +2 -1
- package/dist/es/shape/Curve.mjs +7 -5
- package/dist/es/shape/Dot.mjs +9 -5
- package/dist/es/shape/Polygon.mjs +4 -7
- package/dist/es/shape/Rectangle.mjs +17 -10
- package/dist/es/shape/Sector.mjs +7 -4
- package/dist/es/shape/Symbols.mjs +13 -8
- package/dist/es/shape/Trapezoid.mjs +3 -1
- package/dist/es/typed.mjs +9 -0
- package/dist/es/types/base.mjs +6 -0
- package/dist/es/utils/ReduceCSSCalc.mjs +2 -2
- package/dist/es/utils/VueUtils.mjs +89 -3
- package/dist/es/utils/attributes.mjs +18 -0
- package/dist/es/utils/attrs.mjs +38 -26
- package/dist/es/utils/cartesian.mjs +1 -21
- package/dist/es/utils/cell.mjs +13 -1
- package/dist/es/utils/chart.mjs +3 -361
- package/dist/es/utils/const.mjs +2 -25
- package/dist/es/utils/createCategoricalInverse.mjs +2 -2
- package/dist/es/utils/data-utils.mjs +2 -6
- package/dist/es/utils/data.mjs +1 -1
- package/dist/es/utils/env.mjs +10 -0
- package/dist/es/utils/events.mjs +29 -2
- package/dist/es/utils/labelColor.mjs +16 -0
- package/dist/es/utils/log.mjs +23 -5
- package/dist/es/utils/pointer.mjs +13 -0
- package/dist/es/utils/polar.mjs +7 -2
- package/dist/es/utils/scale/getNiceTickValues.mjs +8 -8
- package/dist/es/utils/scale/utils/arithmetic.mjs +0 -15
- package/dist/es/utils/scale/utils/utils.mjs +9 -44
- package/dist/es/utils/style.mjs +1 -1
- package/dist/es/utils/svg.mjs +320 -0
- package/dist/es/utils/theme.mjs +50 -0
- package/dist/es/utils/tick.mjs +4 -3
- package/dist/es/utils/validate.mjs +21 -3
- package/dist/events/componentEvents.d.ts +60 -0
- package/dist/events/delegateItemEvents.d.ts +12 -0
- package/dist/events/itemEvents.d.ts +100 -0
- package/dist/events/sync.d.ts +6 -0
- package/dist/events/useChartCallbacks.d.ts +2 -0
- package/dist/events/useChartInteractions.d.ts +8 -0
- package/dist/events/useItemInteractions.d.ts +7 -0
- package/dist/events/useItemKeyboard.d.ts +24 -0
- package/dist/events/usePointEvents.d.ts +23 -0
- package/dist/hooks/deferredView.d.ts +12 -0
- package/dist/hooks/publicHooks.d.ts +27 -29
- package/dist/hooks/useActiveTooltipDataPoints.d.ts +2 -0
- package/dist/hooks/useChartId.d.ts +2 -0
- package/dist/hooks/useLayerTeleport.d.ts +5 -0
- package/dist/hooks/useResponsiveSize.d.ts +33 -18
- package/dist/hooks/useRoundedSize.d.ts +0 -3
- package/dist/hooks/useSeriesProps.d.ts +7 -0
- package/dist/hooks/useSetupGraphicalItem.d.ts +35 -4
- package/dist/hooks/useTrackedData.d.ts +3 -0
- package/dist/index.d.ts +130 -9
- package/dist/model/animation.d.ts +7 -0
- package/dist/model/axis.d.ts +29 -0
- package/dist/model/axisLayout.d.ts +85 -0
- package/dist/model/axisScale.d.ts +41 -0
- package/dist/model/brush.d.ts +17 -0
- package/dist/model/chart.d.ts +44 -0
- package/dist/model/dataRange.d.ts +19 -0
- package/dist/model/defaults.d.ts +7 -0
- package/dist/model/layout.d.ts +38 -0
- package/dist/model/legend.d.ts +28 -0
- package/dist/model/options.d.ts +30 -0
- package/dist/model/polar.d.ts +24 -0
- package/dist/model/polarAxis.d.ts +39 -0
- package/dist/model/presentation.d.ts +19 -0
- package/dist/model/registries.d.ts +27 -0
- package/dist/model/registry.d.ts +7 -0
- package/dist/model/runtime.d.ts +76 -0
- package/dist/model/tooltip.d.ts +437 -0
- package/dist/nuxt.d.ts +7 -0
- package/dist/polar/pie/Pie.d.ts +252 -2
- package/dist/polar/pie/type.d.ts +37 -25
- package/dist/polar/radar/PolarAngleAxis.d.ts +36 -39
- package/dist/polar/radar/PolarGrid.d.ts +10 -8
- package/dist/polar/radar/PolarRadiusAxis.d.ts +30 -28
- package/dist/polar/radar/Radar.d.ts +82 -53
- package/dist/polar/radial-bar/RadialBar.d.ts +251 -2
- package/dist/polar/radial-bar/type.d.ts +26 -26
- package/dist/publicProps.d.ts +96 -0
- package/dist/resolver.d.ts +9 -0
- package/dist/shape/Cross.d.ts +2 -1
- package/dist/shape/Curve.d.ts +8 -19
- package/dist/shape/Dot.d.ts +10 -6
- package/dist/shape/Polygon.d.ts +2 -1
- package/dist/shape/Rectangle.d.ts +9 -8
- package/dist/shape/Sector.d.ts +7 -6
- package/dist/shape/Symbols.d.ts +3 -3
- package/dist/shape/Trapezoid.d.ts +5 -5
- package/dist/typed.d.ts +92 -0
- package/dist/types/area.d.ts +5 -6
- package/dist/types/axis.d.ts +9 -36
- package/dist/types/axisSettings.d.ts +20 -0
- package/dist/types/bar.d.ts +17 -7
- package/dist/types/base.d.ts +46 -0
- package/dist/types/categorical.d.ts +5 -7
- package/dist/types/chartData.d.ts +21 -0
- package/dist/types/chartLayout.d.ts +7 -0
- package/dist/{state/rootPropsSlice.d.ts → types/chartOptions.d.ts} +4 -5
- package/dist/types/common.d.ts +16 -55
- package/dist/types/event.d.ts +2 -15
- package/dist/types/funnel.d.ts +23 -0
- package/dist/types/graphical.d.ts +77 -0
- package/dist/types/index.d.ts +4 -4
- package/dist/types/legend.d.ts +17 -0
- package/dist/types/line.d.ts +6 -0
- package/dist/types/polarOptions.d.ts +8 -0
- package/dist/types/radar.d.ts +4 -4
- package/dist/types/radialBar.d.ts +15 -0
- package/dist/types/reference.d.ts +22 -0
- package/dist/types/scale.d.ts +13 -2
- package/dist/{shape/types.d.ts → types/shape.d.ts} +6 -4
- package/dist/types/tick.d.ts +18 -7
- package/dist/types/tooltip.d.ts +181 -14
- package/dist/types/typed.d.ts +16 -0
- package/dist/{cartesian/type.d.ts → types/viewBox.d.ts} +0 -2
- package/dist/utils/ReduceCSSCalc.d.ts +0 -1
- package/dist/utils/VueUtils.d.ts +6 -9
- package/dist/utils/attributes.d.ts +56 -0
- package/dist/utils/attrs.d.ts +4 -45
- package/dist/utils/cartesian.d.ts +2 -16
- package/dist/utils/cell.d.ts +7 -2
- package/dist/utils/chart.d.ts +2 -99
- package/dist/utils/const.d.ts +1 -24
- package/dist/utils/createCategoricalInverse.d.ts +2 -6
- package/dist/utils/data-utils.d.ts +0 -1
- package/dist/utils/data.d.ts +1 -2
- package/dist/utils/env.d.ts +5 -0
- package/dist/utils/events.d.ts +14 -7
- package/dist/utils/grid.d.ts +1 -28
- package/dist/utils/index.d.ts +4 -5
- package/dist/utils/isDomainSpecifiedByUser.d.ts +1 -47
- package/dist/utils/labelColor.d.ts +2 -0
- package/dist/utils/log.d.ts +2 -1
- package/dist/utils/pointer.d.ts +2 -0
- package/dist/utils/polar.d.ts +2 -4
- package/dist/utils/scale/getNiceTickValues.d.ts +2 -61
- package/dist/utils/scale/utils/arithmetic.d.ts +3 -31
- package/dist/utils/scale/utils/utils.d.ts +2 -9
- package/dist/utils/scale.d.ts +1 -1
- package/dist/utils/style.d.ts +2 -1
- package/dist/utils/svg.d.ts +4 -0
- package/dist/utils/theme.d.ts +4 -0
- package/dist/utils/tick.d.ts +3 -3
- package/dist/utils/tooltip/translate.d.ts +9 -25
- package/dist/utils/validate.d.ts +12 -4
- package/package.json +46 -29
- package/dist/animation/Animate.d.ts +0 -72
- package/dist/cartesian/area/ActivePoints.d.ts +0 -77
- package/dist/cartesian/area/ClipRect.d.ts +0 -1
- package/dist/cartesian/area/__stories__/config.d.ts +0 -31
- package/dist/cartesian/area/index.d.ts +0 -2
- package/dist/cartesian/area/utils.d.ts +0 -19
- package/dist/cartesian/axis/index.d.ts +0 -2
- package/dist/cartesian/axis/type.d.ts +0 -57
- package/dist/cartesian/bar/index.d.ts +0 -1
- package/dist/cartesian/bar/utils.d.ts +0 -31
- package/dist/cartesian/brush/hooks/useBrushSetting.d.ts +0 -6
- package/dist/cartesian/brush/index.d.ts +0 -2
- package/dist/cartesian/cartesian-axis/const.d.ts +0 -24
- package/dist/cartesian/cartesian-axis/index.d.ts +0 -1
- package/dist/cartesian/cartesian-axis/use-axis-line.d.ts +0 -7
- package/dist/cartesian/cartesian-grid/index.d.ts +0 -1
- package/dist/cartesian/error-bar/index.d.ts +0 -2
- package/dist/cartesian/funnel/index.d.ts +0 -2
- package/dist/cartesian/funnel/utils.d.ts +0 -12
- package/dist/cartesian/index.d.ts +0 -14
- package/dist/cartesian/line/ActivePoints.d.ts +0 -77
- package/dist/cartesian/line/index.d.ts +0 -3
- package/dist/cartesian/line/utils.d.ts +0 -13
- package/dist/cartesian/reference-area/index.d.ts +0 -1
- package/dist/cartesian/reference-dot/index.d.ts +0 -2
- package/dist/cartesian/reference-line/index.d.ts +0 -1
- package/dist/cartesian/scatter/index.d.ts +0 -1
- package/dist/cartesian/z-axis/index.d.ts +0 -1
- package/dist/chart/LegendPortalContext.d.ts +0 -3
- package/dist/chart/Surface.d.ts +0 -41
- package/dist/chart/TooltipPortalContext.d.ts +0 -2
- package/dist/chart/generateCategoricalChart.d.ts +0 -123
- package/dist/chart/index.d.ts +0 -12
- package/dist/chart/provideClipPathId.d.ts +0 -12
- package/dist/components/DefaultLegendContent.d.ts +0 -18
- package/dist/components/index.d.ts +0 -6
- package/dist/components/label/index.d.ts +0 -2
- package/dist/components/legend/index.d.ts +0 -2
- package/dist/container/RootSurface.d.ts +0 -17
- package/dist/container/index.d.ts +0 -1
- package/dist/context/ChartDataContextProvider.d.ts +0 -17
- package/dist/context/PanoramaContextProvider.d.ts +0 -22
- package/dist/context/accessibilityContext.d.ts +0 -1
- package/dist/context/chartLayoutContext.d.ts +0 -8
- package/dist/context/cursorLayerContext.d.ts +0 -2
- package/dist/context/graphicalLayerContext.d.ts +0 -2
- package/dist/context/labelLayerContext.d.ts +0 -2
- package/dist/context/useTooltipAxis.d.ts +0 -2
- package/dist/es/animation/Animate.mjs +0 -89
- package/dist/es/cartesian/area/ActivePoints.mjs +0 -78
- package/dist/es/cartesian/area/ClipRect.mjs +0 -125
- package/dist/es/cartesian/line/ActivePoints.mjs +0 -79
- package/dist/es/chart/LegendPortalContext.mjs +0 -5
- package/dist/es/chart/Surface.mjs +0 -5
- package/dist/es/chart/Surface.vue_vue_type_script_setup_true_lang.mjs +0 -78
- package/dist/es/chart/TooltipPortalContext.mjs +0 -5
- package/dist/es/chart/generateCategoricalChart.mjs +0 -184
- package/dist/es/chart/provideClipPathId.mjs +0 -15
- package/dist/es/components/Tooltip.mjs +0 -479
- package/dist/es/context/ChartDataContextProvider.mjs +0 -27
- package/dist/es/context/PanoramaContextProvider.mjs +0 -24
- package/dist/es/context/accessibilityContext.mjs +0 -5
- package/dist/es/context/chartLayoutContext.mjs +0 -49
- package/dist/es/context/cursorLayerContext.mjs +0 -5
- package/dist/es/context/graphicalLayerContext.mjs +0 -5
- package/dist/es/context/labelLayerContext.mjs +0 -5
- package/dist/es/context/useTooltipAxis.mjs +0 -17
- package/dist/es/events/useChartSynchronisation.mjs +0 -113
- package/dist/es/hooks/useIsAnimating.mjs +0 -28
- package/dist/es/state/ReportChartProps.mjs +0 -62
- package/dist/es/state/ReportMainChartProps.mjs +0 -46
- package/dist/es/state/ReportPolarOptions.mjs +0 -56
- package/dist/es/state/SetGraphicalItem.mjs +0 -49
- package/dist/es/state/SetLegendPayload.mjs +0 -20
- package/dist/es/state/SetTooltipEntrySettings.mjs +0 -19
- package/dist/es/state/brushSlice.mjs +0 -26
- package/dist/es/state/cartesianAxisSlice.mjs +0 -50
- package/dist/es/state/chartDataSlice.mjs +0 -33
- package/dist/es/state/externalEventsMiddleware.mjs +0 -30
- package/dist/es/state/graphicalItemsSlice.mjs +0 -47
- package/dist/es/state/hooks.mjs +0 -26
- package/dist/es/state/keyboardEventsMiddleware.mjs +0 -63
- package/dist/es/state/layoutSlice.mjs +0 -39
- package/dist/es/state/legendSlice.mjs +0 -42
- package/dist/es/state/mouseEventsMiddleware.mjs +0 -41
- package/dist/es/state/optionsSlice.mjs +0 -25
- package/dist/es/state/polarAxisSlice.mjs +0 -28
- package/dist/es/state/polarOptionsSlice.mjs +0 -13
- package/dist/es/state/reduxDevtoolsJsonStringifyReplacer.mjs +0 -8
- package/dist/es/state/referenceElementsSlice.mjs +0 -36
- package/dist/es/state/rootPropsSlice.mjs +0 -32
- package/dist/es/state/selectors/areaSelectors.mjs +0 -77
- package/dist/es/state/selectors/axisSelectors.mjs +0 -908
- package/dist/es/state/selectors/barSelectors.mjs +0 -241
- package/dist/es/state/selectors/brushSelectors.mjs +0 -18
- package/dist/es/state/selectors/combiners/combineActiveLabel.mjs +0 -9
- package/dist/es/state/selectors/combiners/combineActiveTooltipIndex.mjs +0 -43
- package/dist/es/state/selectors/combiners/combineAxisRangeWithReverse.mjs +0 -8
- package/dist/es/state/selectors/combiners/combineCoordinateForDefaultIndex.mjs +0 -21
- package/dist/es/state/selectors/combiners/combineTooltipInteractionState.mjs +0 -37
- package/dist/es/state/selectors/combiners/combineTooltipPayloadConfigurations.mjs +0 -13
- package/dist/es/state/selectors/common.mjs +0 -4
- package/dist/es/state/selectors/containerSelectors.mjs +0 -7
- package/dist/es/state/selectors/dataSelectors.mjs +0 -35
- package/dist/es/state/selectors/funnelSelectors.mjs +0 -38
- package/dist/es/state/selectors/legendSelectors.mjs +0 -10
- package/dist/es/state/selectors/lineSelectors.mjs +0 -64
- package/dist/es/state/selectors/pickAxisId.mjs +0 -4
- package/dist/es/state/selectors/pickAxisType.mjs +0 -4
- package/dist/es/state/selectors/polarAxisSelectors.mjs +0 -167
- package/dist/es/state/selectors/polarGridSelectors.mjs +0 -19
- package/dist/es/state/selectors/polarScaleSelectors.mjs +0 -55
- package/dist/es/state/selectors/polarSelectors.mjs +0 -81
- package/dist/es/state/selectors/radarSelectors.mjs +0 -133
- package/dist/es/state/selectors/radialBarSelectors.mjs +0 -259
- package/dist/es/state/selectors/rootPropsSelectors.mjs +0 -14
- package/dist/es/state/selectors/scatterSelectors.mjs +0 -134
- package/dist/es/state/selectors/selectActivePropsFromChartPointer.mjs +0 -20
- package/dist/es/state/selectors/selectAllAxes.mjs +0 -10
- package/dist/es/state/selectors/selectChartOffset.mjs +0 -72
- package/dist/es/state/selectors/selectChartOffsetInternal.mjs +0 -66
- package/dist/es/state/selectors/selectLegendArea.mjs +0 -19
- package/dist/es/state/selectors/selectTooltipEventType.mjs +0 -22
- package/dist/es/state/selectors/selectTooltipPayloadSearcher.mjs +0 -6
- package/dist/es/state/selectors/selectTooltipSettings.mjs +0 -4
- package/dist/es/state/selectors/selectTooltipState.mjs +0 -4
- package/dist/es/state/selectors/selectors.mjs +0 -104
- package/dist/es/state/selectors/tooltipSelectors.mjs +0 -269
- package/dist/es/state/selectors/touchSelectors.mjs +0 -19
- package/dist/es/state/store.mjs +0 -55
- package/dist/es/state/tooltipSlice.mjs +0 -102
- package/dist/es/state/touchEventsMiddleware.mjs +0 -44
- package/dist/es/state/utils/useReportScale.mjs +0 -19
- package/dist/es/synchronisation/syncSelectors.mjs +0 -6
- package/dist/es/synchronisation/useChartSynchronisation.mjs +0 -38
- package/dist/es/utils/Global.mjs +0 -18
- package/dist/es/utils/createContext.mjs +0 -31
- package/dist/es/utils/legend.mjs +0 -41
- package/dist/es/utils/props.mjs +0 -20
- package/dist/es/utils/resolveDefaultProps.mjs +0 -26
- package/dist/events/useChartSynchronisation.d.ts +0 -8
- package/dist/hooks/useIsAnimating.d.ts +0 -14
- package/dist/polar/index.d.ts +0 -3
- package/dist/polar/pie/index.d.ts +0 -2
- package/dist/polar/radar/index.d.ts +0 -4
- package/dist/polar/radial-bar/index.d.ts +0 -2
- package/dist/shape/index.d.ts +0 -10
- package/dist/state/ReportBar.d.ts +0 -1
- package/dist/state/ReportChartProps.d.ts +0 -88
- package/dist/state/ReportMainChartProps.d.ts +0 -37
- package/dist/state/ReportPolarOptions.d.ts +0 -59
- package/dist/state/SetGraphicalItem.d.ts +0 -9
- package/dist/state/SetLegendPayload.d.ts +0 -3
- package/dist/state/SetTooltipEntrySettings.d.ts +0 -8
- package/dist/state/brushSlice.d.ts +0 -18
- package/dist/state/cartesianAxisSlice.d.ts +0 -96
- package/dist/state/chartDataSlice.d.ts +0 -44
- package/dist/state/externalEventsMiddleware.d.ts +0 -17
- package/dist/state/graphicalItemsSlice.d.ts +0 -108
- package/dist/state/hooks.d.ts +0 -54
- package/dist/state/keyboardEventsMiddleware.d.ts +0 -3
- package/dist/state/layoutSlice.d.ts +0 -15
- package/dist/state/legendSlice.d.ts +0 -29
- package/dist/state/mouseEventsMiddleware.d.ts +0 -5
- package/dist/state/optionsSlice.d.ts +0 -27
- package/dist/state/polarAxisSlice.d.ts +0 -10
- package/dist/state/polarOptionsSlice.d.ts +0 -10
- package/dist/state/reduxDevtoolsJsonStringifyReplacer.d.ts +0 -1
- package/dist/state/referenceElementsSlice.d.ts +0 -40
- package/dist/state/selectors/areaSelectors.d.ts +0 -24
- package/dist/state/selectors/axisSelectors.d.ts +0 -1833
- package/dist/state/selectors/barSelectors.d.ts +0 -944
- package/dist/state/selectors/brushSelectors.d.ts +0 -10
- package/dist/state/selectors/combiners/combineActiveLabel.d.ts +0 -3
- package/dist/state/selectors/combiners/combineActiveTooltipIndex.d.ts +0 -5
- package/dist/state/selectors/combiners/combineAxisRangeWithReverse.d.ts +0 -3
- package/dist/state/selectors/combiners/combineCoordinateForDefaultIndex.d.ts +0 -3
- package/dist/state/selectors/combiners/combineTooltipInteractionState.d.ts +0 -3
- package/dist/state/selectors/combiners/combineTooltipPayloadConfigurations.d.ts +0 -3
- package/dist/state/selectors/common.d.ts +0 -2
- package/dist/state/selectors/containerSelectors.d.ts +0 -6
- package/dist/state/selectors/dataSelectors.d.ts +0 -23
- package/dist/state/selectors/funnelSelectors.d.ts +0 -69
- package/dist/state/selectors/legendSelectors.d.ts +0 -7
- package/dist/state/selectors/lineSelectors.d.ts +0 -123
- package/dist/state/selectors/pickAxisId.d.ts +0 -3
- package/dist/state/selectors/pickAxisType.d.ts +0 -2
- package/dist/state/selectors/polarAxisSelectors.d.ts +0 -49
- package/dist/state/selectors/polarGridSelectors.d.ts +0 -118
- package/dist/state/selectors/polarScaleSelectors.d.ts +0 -9
- package/dist/state/selectors/polarSelectors.d.ts +0 -70
- package/dist/state/selectors/radarSelectors.d.ts +0 -76
- package/dist/state/selectors/radialBarSelectors.d.ts +0 -61
- package/dist/state/selectors/rootPropsSelectors.d.ts +0 -11
- package/dist/state/selectors/scatterSelectors.d.ts +0 -21
- package/dist/state/selectors/selectActivePropsFromChartPointer.d.ts +0 -382
- package/dist/state/selectors/selectAllAxes.d.ts +0 -4
- package/dist/state/selectors/selectChartOffset.d.ts +0 -116
- package/dist/state/selectors/selectChartOffsetInternal.d.ts +0 -9
- package/dist/state/selectors/selectLegendArea.d.ts +0 -7
- package/dist/state/selectors/selectTooltipEventType.d.ts +0 -8
- package/dist/state/selectors/selectTooltipPayloadSearcher.d.ts +0 -3
- package/dist/state/selectors/selectTooltipSettings.d.ts +0 -3
- package/dist/state/selectors/selectTooltipState.d.ts +0 -3
- package/dist/state/selectors/selectors.d.ts +0 -184
- package/dist/state/selectors/tooltipSelectors.d.ts +0 -581
- package/dist/state/selectors/touchSelectors.d.ts +0 -4
- package/dist/state/store.d.ts +0 -74
- package/dist/state/tooltipSlice.d.ts +0 -204
- package/dist/state/touchEventsMiddleware.d.ts +0 -2
- package/dist/state/utils/useReportScale.d.ts +0 -1
- package/dist/synchronisation/syncSelectors.d.ts +0 -3
- package/dist/synchronisation/useChartSynchronisation.d.ts +0 -11
- package/dist/types/offset.d.ts +0 -8
- package/dist/utils/Global.d.ts +0 -9
- package/dist/utils/context.d.ts +0 -8
- package/dist/utils/createContext.d.ts +0 -8
- package/dist/utils/legend.d.ts +0 -3
- package/dist/utils/props.d.ts +0 -15
- package/dist/utils/resolveDefaultProps.d.ts +0 -52
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { registeredAxes } from "../layout.mjs";
|
|
2
|
+
import { sameAxis } from "./key.mjs";
|
|
3
|
+
//#region src/core/axis/position.ts
|
|
4
|
+
function xAxisPosition(axes, axis, offset, height, id) {
|
|
5
|
+
const peers = registeredAxes(axes).filter((a) => a.orientation === axis.orientation && a.mirror === axis.mirror).sort((a, b) => a.id < b.id ? -1 : a.id > b.id ? 1 : 0);
|
|
6
|
+
let position = axis.orientation === "top" ? offset.top : height - offset.bottom;
|
|
7
|
+
const before = axis.orientation === "top" && !axis.mirror || axis.orientation === "bottom" && axis.mirror;
|
|
8
|
+
for (const peer of peers) {
|
|
9
|
+
if (sameAxis(peer.id, id)) return {
|
|
10
|
+
x: offset.left,
|
|
11
|
+
y: position - Number(before) * peer.height
|
|
12
|
+
};
|
|
13
|
+
position += (before ? -1 : 1) * peer.height;
|
|
14
|
+
}
|
|
15
|
+
return {
|
|
16
|
+
x: offset.left,
|
|
17
|
+
y: 0
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
function yAxisPosition(axes, axis, offset, width, id) {
|
|
21
|
+
const peers = registeredAxes(axes).filter((a) => a.orientation === axis.orientation && a.mirror === axis.mirror).sort((a, b) => a.id < b.id ? -1 : a.id > b.id ? 1 : 0);
|
|
22
|
+
let position = axis.orientation === "left" ? offset.left : width - offset.right;
|
|
23
|
+
const before = axis.orientation === "left" && !axis.mirror || axis.orientation === "right" && axis.mirror;
|
|
24
|
+
for (const peer of peers) {
|
|
25
|
+
const size = typeof peer.width === "number" ? peer.width : 60;
|
|
26
|
+
if (sameAxis(peer.id, id)) return {
|
|
27
|
+
x: position - Number(before) * size,
|
|
28
|
+
y: offset.top
|
|
29
|
+
};
|
|
30
|
+
position += (before ? -1 : 1) * size;
|
|
31
|
+
}
|
|
32
|
+
return {
|
|
33
|
+
x: 0,
|
|
34
|
+
y: offset.top
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
function gridAxis(axis, layout, type, categoricalDomain, duplicateDomain, niceTicks, range, realScaleType, scale) {
|
|
38
|
+
return {
|
|
39
|
+
...axis,
|
|
40
|
+
axisType: type,
|
|
41
|
+
categoricalDomain,
|
|
42
|
+
duplicateDomain,
|
|
43
|
+
isCategorical: layout === "horizontal" ? type === "xAxis" : type === "yAxis",
|
|
44
|
+
niceTicks,
|
|
45
|
+
range,
|
|
46
|
+
realScaleType,
|
|
47
|
+
scale
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
//#endregion
|
|
51
|
+
export { gridAxis, xAxisPosition, yAxisPosition };
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { isWellBehavedNumber } from "../../utils/validate.mjs";
|
|
2
|
+
import { getPercentValue } from "../../utils/data.mjs";
|
|
3
|
+
import { onlyAllowNumbers } from "./data.mjs";
|
|
4
|
+
//#region src/core/axis/range.ts
|
|
5
|
+
function smallestDistance(data, axis) {
|
|
6
|
+
if (axis.type !== "number") return void 0;
|
|
7
|
+
const values = [...onlyAllowNumbers(data.map((d) => d.value))].sort((a, b) => a - b);
|
|
8
|
+
const span = values[values.length - 1] - values[0];
|
|
9
|
+
if (values.length < 2 || span === 0) return Infinity;
|
|
10
|
+
let distance = Infinity;
|
|
11
|
+
for (let i = 0; i < values.length - 1; i++) distance = Math.min(distance, values[i + 1] - values[i]);
|
|
12
|
+
return distance / span;
|
|
13
|
+
}
|
|
14
|
+
function calculatedPadding(distance, layout, gap, offset, padding) {
|
|
15
|
+
if (!isWellBehavedNumber(distance)) return 0;
|
|
16
|
+
const width = layout === "vertical" ? offset.height : offset.width;
|
|
17
|
+
const halfBand = distance * width / 2;
|
|
18
|
+
if (padding === "gap") return halfBand;
|
|
19
|
+
if (padding === "no-gap") {
|
|
20
|
+
const space = getPercentValue(gap, distance * width);
|
|
21
|
+
return halfBand - space - (halfBand - space) / width * space;
|
|
22
|
+
}
|
|
23
|
+
return 0;
|
|
24
|
+
}
|
|
25
|
+
function axisRangeWithReverse(axis, range) {
|
|
26
|
+
if (!axis || !range) return void 0;
|
|
27
|
+
return axis.reversed ? [range[1], range[0]] : range;
|
|
28
|
+
}
|
|
29
|
+
function xAxisRange(offset, padding, calculated) {
|
|
30
|
+
const sides = typeof padding === "string" ? {
|
|
31
|
+
left: calculated,
|
|
32
|
+
right: calculated
|
|
33
|
+
} : padding;
|
|
34
|
+
return [offset.left + (sides.left ?? 0), offset.left + offset.width - (sides.right ?? 0)];
|
|
35
|
+
}
|
|
36
|
+
function yAxisRange(offset, layout, padding, calculated) {
|
|
37
|
+
const sides = typeof padding === "string" ? {
|
|
38
|
+
top: calculated,
|
|
39
|
+
bottom: calculated
|
|
40
|
+
} : padding;
|
|
41
|
+
const top = offset.top + (sides.top ?? 0);
|
|
42
|
+
const bottom = offset.top + offset.height - (sides.bottom ?? 0);
|
|
43
|
+
return layout === "horizontal" ? [bottom, top] : [top, bottom];
|
|
44
|
+
}
|
|
45
|
+
//#endregion
|
|
46
|
+
export { axisRangeWithReverse, calculatedPadding, smallestDistance, xAxisRange, yAxisRange };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { sameAxis } from "./key.mjs";
|
|
2
|
+
import { onlyAllowNumbers } from "./data.mjs";
|
|
3
|
+
//#region src/core/axis/references.ts
|
|
4
|
+
function filterReferenceElements(elements, axisType, axisId) {
|
|
5
|
+
return elements.filter((el) => el.ifOverflow === "extendDomain").filter((el) => {
|
|
6
|
+
if (axisType === "xAxis") return sameAxis(el.xAxisId, axisId);
|
|
7
|
+
return sameAxis(el.yAxisId, axisId);
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
function dotsDomain(dots, axisType) {
|
|
11
|
+
const allCoords = onlyAllowNumbers((dots ?? []).map((dot) => axisType === "xAxis" ? dot.x : dot.y));
|
|
12
|
+
if (allCoords.length === 0) return;
|
|
13
|
+
return [Math.min(...allCoords), Math.max(...allCoords)];
|
|
14
|
+
}
|
|
15
|
+
function areasDomain(areas, axisType) {
|
|
16
|
+
const allCoords = onlyAllowNumbers((areas ?? []).flatMap((area) => [axisType === "xAxis" ? area.x1 : area.y1, axisType === "xAxis" ? area.x2 : area.y2]));
|
|
17
|
+
if (allCoords.length === 0) return;
|
|
18
|
+
return [Math.min(...allCoords), Math.max(...allCoords)];
|
|
19
|
+
}
|
|
20
|
+
function linesDomain(lines, axisType) {
|
|
21
|
+
const allCoords = onlyAllowNumbers((lines ?? []).map((line) => axisType === "xAxis" ? line.x : line.y));
|
|
22
|
+
if (allCoords.length === 0) return;
|
|
23
|
+
return [Math.min(...allCoords), Math.max(...allCoords)];
|
|
24
|
+
}
|
|
25
|
+
//#endregion
|
|
26
|
+
export { areasDomain, dotsDomain, filterReferenceElements, linesDomain };
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
import { flushTiny, isCategoricalAxis } from "../../utils/validate.mjs";
|
|
2
|
+
import { hasDuplicate, mathSign } from "../../utils/data.mjs";
|
|
3
|
+
import { isWellFormedNumberDomain } from "./userDomain.mjs";
|
|
4
|
+
import { getNiceTickValues, getTickValuesFixedDomain } from "../../utils/scale/getNiceTickValues.mjs";
|
|
5
|
+
import { getDomainDefinition } from "./domain.mjs";
|
|
6
|
+
import { sortBy, upperFirst } from "es-toolkit/compat";
|
|
7
|
+
import * as d3Scales from "d3-scale";
|
|
8
|
+
//#region src/core/axis/scale.ts
|
|
9
|
+
function realScaleType(axisConfig, hasBar, categoryScale) {
|
|
10
|
+
if (axisConfig == null) return;
|
|
11
|
+
const { scale, type } = axisConfig;
|
|
12
|
+
if (scale === "auto") {
|
|
13
|
+
if (type === "category" && (categoryScale === "point" || categoryScale === "auto" && !hasBar)) return "point";
|
|
14
|
+
if (type === "category") return "band";
|
|
15
|
+
return "linear";
|
|
16
|
+
}
|
|
17
|
+
if (typeof scale === "string") {
|
|
18
|
+
const name = `scale${upperFirst(scale)}`;
|
|
19
|
+
return name in d3Scales ? name : "point";
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
function getD3ScaleFromType(realScaleType) {
|
|
23
|
+
if (realScaleType == null) return;
|
|
24
|
+
if (realScaleType in d3Scales) {
|
|
25
|
+
const factory = d3Scales[realScaleType];
|
|
26
|
+
return typeof factory === "function" ? factory() : void 0;
|
|
27
|
+
}
|
|
28
|
+
const name = `scale${upperFirst(realScaleType)}`;
|
|
29
|
+
if (name in d3Scales) {
|
|
30
|
+
const factory = d3Scales[name];
|
|
31
|
+
return typeof factory === "function" ? factory() : void 0;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
function guardScale(scale) {
|
|
35
|
+
return new Proxy(scale, { apply(target, thisArg, args) {
|
|
36
|
+
const value = args[0];
|
|
37
|
+
if (typeof value === "object" && value !== null && typeof value.valueOf !== "function") return void 0;
|
|
38
|
+
return Reflect.apply(target, thisArg, args);
|
|
39
|
+
} });
|
|
40
|
+
}
|
|
41
|
+
function scaleFunction(axis, realScaleType, axisDomain, axisRange) {
|
|
42
|
+
if (axis == null || axisDomain == null || axisRange == null) return;
|
|
43
|
+
if (typeof axis.scale === "function") return guardScale(axis.scale.copy().domain(axisDomain).range(axisRange));
|
|
44
|
+
const d3ScaleFunction = getD3ScaleFromType(realScaleType);
|
|
45
|
+
if (d3ScaleFunction == null) return;
|
|
46
|
+
const domain = axisDomain.map((value) => typeof value === "number" ? flushTiny(value) : value);
|
|
47
|
+
const scale = d3ScaleFunction.domain(domain).range(axisRange);
|
|
48
|
+
checkDomainOfScale(scale);
|
|
49
|
+
return guardScale(scale);
|
|
50
|
+
}
|
|
51
|
+
function niceTicks(axisDomain, axisSettings, realScaleType) {
|
|
52
|
+
const domainDefinition = getDomainDefinition(axisSettings);
|
|
53
|
+
if (realScaleType !== "auto" && realScaleType !== "linear") return;
|
|
54
|
+
if (axisSettings != null && axisSettings.tickCount && Array.isArray(domainDefinition) && (domainDefinition[0] === "auto" || domainDefinition[1] === "auto") && isWellFormedNumberDomain(axisDomain)) return getNiceTickValues(axisDomain, axisSettings.tickCount, axisSettings.allowDecimals);
|
|
55
|
+
if (axisSettings != null && axisSettings.tickCount && axisSettings.type === "number" && axisDomain != null) return getTickValuesFixedDomain(axisDomain, axisSettings.tickCount, axisSettings.allowDecimals);
|
|
56
|
+
}
|
|
57
|
+
function axisDomainWithNiceTicks(axisSettings, domain, niceTicks, axisType) {
|
|
58
|
+
if (axisType !== "angleAxis" && axisSettings?.type === "number" && isWellFormedNumberDomain(domain) && Array.isArray(niceTicks) && niceTicks.length > 0) {
|
|
59
|
+
const minFromDomain = domain[0];
|
|
60
|
+
const minFromTicks = niceTicks[0];
|
|
61
|
+
const maxFromDomain = domain[1];
|
|
62
|
+
const maxFromTicks = niceTicks[niceTicks.length - 1];
|
|
63
|
+
return [Math.min(minFromDomain, minFromTicks), Math.max(maxFromDomain, maxFromTicks)];
|
|
64
|
+
}
|
|
65
|
+
return domain;
|
|
66
|
+
}
|
|
67
|
+
function sortBy$1(a, b) {
|
|
68
|
+
const aNum = Number(a);
|
|
69
|
+
const bNum = Number(b);
|
|
70
|
+
if (Number.isNaN(aNum) && Number.isNaN(bNum)) return 0;
|
|
71
|
+
if (Number.isNaN(aNum)) return -1;
|
|
72
|
+
if (Number.isNaN(bNum)) return 1;
|
|
73
|
+
return aNum - bNum;
|
|
74
|
+
}
|
|
75
|
+
function duplicateDomain(chartLayout, appliedValues, axis, axisType) {
|
|
76
|
+
if (axis == null) return;
|
|
77
|
+
const { allowDuplicatedCategory, type, dataKey } = axis;
|
|
78
|
+
const isCategorical = isCategoricalAxis(chartLayout, axisType);
|
|
79
|
+
const allData = appliedValues.map((av) => av.value);
|
|
80
|
+
if (dataKey && isCategorical && type === "category" && allowDuplicatedCategory && hasDuplicate(allData)) return allData;
|
|
81
|
+
}
|
|
82
|
+
function categoricalDomain(layout, appliedValues, axis, axisType) {
|
|
83
|
+
if (axis == null || axis.dataKey == null) return;
|
|
84
|
+
const { type, scale } = axis;
|
|
85
|
+
if (isCategoricalAxis(layout, axisType) && (type === "number" || scale !== "auto")) return appliedValues.map((d) => d.value);
|
|
86
|
+
}
|
|
87
|
+
function graphicalItemTicks(layout, axis, scale, axisRange, duplicateDomain, categoricalDomain, axisType) {
|
|
88
|
+
if (axis == null || scale == null || axisRange == null || axisRange[0] === axisRange[1]) return null;
|
|
89
|
+
const isCategorical = isCategoricalAxis(layout, axisType);
|
|
90
|
+
const { tickCount } = axis;
|
|
91
|
+
let offset = 0;
|
|
92
|
+
offset = axisType === "angleAxis" && axisRange?.length >= 2 ? mathSign(axisRange[0] - axisRange[1]) * 2 * offset : offset;
|
|
93
|
+
if (isCategorical && categoricalDomain) return categoricalDomain.map((entry, index) => ({
|
|
94
|
+
coordinate: scale(entry) + offset,
|
|
95
|
+
value: entry,
|
|
96
|
+
index,
|
|
97
|
+
offset
|
|
98
|
+
}));
|
|
99
|
+
if (scale.ticks) return scale.ticks(tickCount).map((entry) => ({
|
|
100
|
+
coordinate: scale(entry) + offset,
|
|
101
|
+
value: entry,
|
|
102
|
+
offset
|
|
103
|
+
}));
|
|
104
|
+
return scale.domain().map((entry, index) => ({
|
|
105
|
+
coordinate: scale(entry) + offset,
|
|
106
|
+
value: duplicateDomain ? duplicateDomain[entry] : entry,
|
|
107
|
+
index,
|
|
108
|
+
offset
|
|
109
|
+
}));
|
|
110
|
+
}
|
|
111
|
+
function inverseTickScale(ticks) {
|
|
112
|
+
if (!ticks?.length) return void 0;
|
|
113
|
+
return function snap(pixel) {
|
|
114
|
+
let closest = ticks[0];
|
|
115
|
+
for (const tick of ticks) if (Math.abs(tick.coordinate - pixel) < Math.abs(closest.coordinate - pixel)) closest = tick;
|
|
116
|
+
return closest.value;
|
|
117
|
+
};
|
|
118
|
+
}
|
|
119
|
+
function getBandSizeOfAxis(axis, ticks, isBar) {
|
|
120
|
+
if (axis && axis.scale && axis.scale.bandwidth) {
|
|
121
|
+
const bandWidth = axis.scale.bandwidth();
|
|
122
|
+
if (!isBar || bandWidth > 0) return bandWidth;
|
|
123
|
+
}
|
|
124
|
+
if (axis && ticks && ticks.length >= 2) {
|
|
125
|
+
const orderedTicks = sortBy(ticks, (o) => o.coordinate);
|
|
126
|
+
let bandSize = Infinity;
|
|
127
|
+
for (let i = 1, len = orderedTicks.length; i < len; i++) {
|
|
128
|
+
const cur = orderedTicks[i];
|
|
129
|
+
const prev = orderedTicks[i - 1];
|
|
130
|
+
bandSize = Math.min((cur.coordinate || 0) - (prev.coordinate || 0), bandSize);
|
|
131
|
+
}
|
|
132
|
+
return bandSize === Infinity ? 0 : bandSize;
|
|
133
|
+
}
|
|
134
|
+
return isBar ? void 0 : 0;
|
|
135
|
+
}
|
|
136
|
+
function checkDomainOfScale(scale) {
|
|
137
|
+
const domain = scale.domain();
|
|
138
|
+
if (!domain || domain.length <= 2) return;
|
|
139
|
+
const len = domain.length;
|
|
140
|
+
const range = scale.range();
|
|
141
|
+
const minValue = Math.min(Number(range[0]), Number(range[1])) - 1e-4;
|
|
142
|
+
const maxValue = Math.max(Number(range[0]), Number(range[1])) + 1e-4;
|
|
143
|
+
const first = scale(domain[0]);
|
|
144
|
+
const last = scale(domain[len - 1]);
|
|
145
|
+
if (first < minValue || first > maxValue || last < minValue || last > maxValue) scale.domain([domain[0], domain[len - 1]]);
|
|
146
|
+
}
|
|
147
|
+
//#endregion
|
|
148
|
+
export { axisDomainWithNiceTicks, categoricalDomain, checkDomainOfScale, duplicateDomain, getBandSizeOfAxis, graphicalItemTicks, inverseTickScale, niceTicks, realScaleType, scaleFunction, sortBy$1 as sortBy };
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { defaultNumericDomain } from "./domain.mjs";
|
|
2
|
+
//#region src/core/axis/settings.ts
|
|
3
|
+
var implicitXAxis = {
|
|
4
|
+
allowDataOverflow: false,
|
|
5
|
+
allowDecimals: true,
|
|
6
|
+
allowDuplicatedCategory: true,
|
|
7
|
+
angle: 0,
|
|
8
|
+
dataKey: void 0,
|
|
9
|
+
domain: void 0,
|
|
10
|
+
height: 30,
|
|
11
|
+
hide: true,
|
|
12
|
+
id: void 0,
|
|
13
|
+
includeHidden: false,
|
|
14
|
+
interval: "preserveEnd",
|
|
15
|
+
minTickGap: 5,
|
|
16
|
+
mirror: false,
|
|
17
|
+
name: void 0,
|
|
18
|
+
orientation: "bottom",
|
|
19
|
+
padding: {
|
|
20
|
+
left: 0,
|
|
21
|
+
right: 0
|
|
22
|
+
},
|
|
23
|
+
reversed: false,
|
|
24
|
+
scale: "auto",
|
|
25
|
+
tick: true,
|
|
26
|
+
tickCount: 5,
|
|
27
|
+
tickFormatter: void 0,
|
|
28
|
+
ticks: void 0,
|
|
29
|
+
type: "category",
|
|
30
|
+
unit: void 0
|
|
31
|
+
};
|
|
32
|
+
var implicitYAxis = {
|
|
33
|
+
allowDataOverflow: false,
|
|
34
|
+
allowDecimals: true,
|
|
35
|
+
allowDuplicatedCategory: true,
|
|
36
|
+
angle: 0,
|
|
37
|
+
dataKey: void 0,
|
|
38
|
+
domain: defaultNumericDomain,
|
|
39
|
+
hide: true,
|
|
40
|
+
id: void 0,
|
|
41
|
+
includeHidden: false,
|
|
42
|
+
interval: "preserveEnd",
|
|
43
|
+
minTickGap: 5,
|
|
44
|
+
mirror: false,
|
|
45
|
+
name: void 0,
|
|
46
|
+
orientation: "left",
|
|
47
|
+
padding: {
|
|
48
|
+
top: 0,
|
|
49
|
+
bottom: 0
|
|
50
|
+
},
|
|
51
|
+
reversed: false,
|
|
52
|
+
scale: "auto",
|
|
53
|
+
tick: true,
|
|
54
|
+
tickCount: 5,
|
|
55
|
+
tickFormatter: void 0,
|
|
56
|
+
ticks: void 0,
|
|
57
|
+
type: "number",
|
|
58
|
+
unit: void 0,
|
|
59
|
+
width: 60
|
|
60
|
+
};
|
|
61
|
+
var implicitZAxis = {
|
|
62
|
+
domain: [0, "auto"],
|
|
63
|
+
includeHidden: false,
|
|
64
|
+
reversed: false,
|
|
65
|
+
allowDataOverflow: false,
|
|
66
|
+
allowDuplicatedCategory: false,
|
|
67
|
+
dataKey: void 0,
|
|
68
|
+
id: void 0,
|
|
69
|
+
name: "",
|
|
70
|
+
range: [64, 64],
|
|
71
|
+
scale: "auto",
|
|
72
|
+
type: "number",
|
|
73
|
+
unit: ""
|
|
74
|
+
};
|
|
75
|
+
//#endregion
|
|
76
|
+
export { implicitXAxis, implicitYAxis, implicitZAxis };
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { isNan, isNumber, toFiniteNumber } from "../../utils/validate.mjs";
|
|
2
|
+
import { getValueByDataKey } from "../data.mjs";
|
|
3
|
+
import { stack, stackOffsetExpand, stackOffsetNone, stackOffsetSilhouette, stackOffsetWiggle, stackOrderNone } from "d3-shape";
|
|
4
|
+
//#region src/core/axis/stacks.ts
|
|
5
|
+
function makeDomainFinite(domain) {
|
|
6
|
+
return [domain[0] === Infinity ? 0 : domain[0], domain[1] === -Infinity ? 0 : domain[1]];
|
|
7
|
+
}
|
|
8
|
+
function getDomainOfSingle(data) {
|
|
9
|
+
const flat = data.flat(2).filter(isNumber);
|
|
10
|
+
return [Math.min(...flat), Math.max(...flat)];
|
|
11
|
+
}
|
|
12
|
+
function getDomainOfStackGroups(stackGroups, startIndex, endIndex) {
|
|
13
|
+
if (stackGroups == null) return;
|
|
14
|
+
return makeDomainFinite(Object.keys(stackGroups).reduce((result, stackId) => {
|
|
15
|
+
const { stackedData } = stackGroups[stackId];
|
|
16
|
+
const domain = stackedData.reduce((res, entry) => {
|
|
17
|
+
const s = getDomainOfSingle(entry.slice(startIndex, endIndex + 1));
|
|
18
|
+
return [Math.min(res[0], s[0]), Math.max(res[1], s[1])];
|
|
19
|
+
}, [Infinity, -Infinity]);
|
|
20
|
+
return [Math.min(domain[0], result[0]), Math.max(domain[1], result[1])];
|
|
21
|
+
}, [Infinity, -Infinity]));
|
|
22
|
+
}
|
|
23
|
+
var offsetSign = (series) => {
|
|
24
|
+
const n = series.length;
|
|
25
|
+
if (n <= 0) return;
|
|
26
|
+
for (let j = 0, m = series[0].length; j < m; ++j) {
|
|
27
|
+
let positive = 0;
|
|
28
|
+
let negative = 0;
|
|
29
|
+
for (let i = 0; i < n; ++i) {
|
|
30
|
+
const value = isNan(series[i][j][1]) ? series[i][j][0] : series[i][j][1];
|
|
31
|
+
if (value >= 0) {
|
|
32
|
+
series[i][j][0] = positive;
|
|
33
|
+
series[i][j][1] = positive + value;
|
|
34
|
+
positive = series[i][j][1];
|
|
35
|
+
} else {
|
|
36
|
+
series[i][j][0] = negative;
|
|
37
|
+
series[i][j][1] = negative + value;
|
|
38
|
+
negative = series[i][j][1];
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
var offsetPositive = (series) => {
|
|
44
|
+
const n = series.length;
|
|
45
|
+
if (n <= 0) return;
|
|
46
|
+
for (let j = 0, m = series[0].length; j < m; ++j) {
|
|
47
|
+
let positive = 0;
|
|
48
|
+
for (let i = 0; i < n; ++i) {
|
|
49
|
+
const value = isNan(series[i][j][1]) ? series[i][j][0] : series[i][j][1];
|
|
50
|
+
if (value >= 0) {
|
|
51
|
+
series[i][j][0] = positive;
|
|
52
|
+
series[i][j][1] = positive + value;
|
|
53
|
+
positive = series[i][j][1];
|
|
54
|
+
} else {
|
|
55
|
+
series[i][j][0] = 0;
|
|
56
|
+
series[i][j][1] = 0;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
var STACK_OFFSET_MAP = {
|
|
62
|
+
sign: offsetSign,
|
|
63
|
+
expand: stackOffsetExpand,
|
|
64
|
+
none: stackOffsetNone,
|
|
65
|
+
silhouette: stackOffsetSilhouette,
|
|
66
|
+
wiggle: stackOffsetWiggle,
|
|
67
|
+
positive: offsetPositive
|
|
68
|
+
};
|
|
69
|
+
function getStackedData(data, dataKeys, offsetType) {
|
|
70
|
+
const offsetAccessor = STACK_OFFSET_MAP[offsetType];
|
|
71
|
+
return stack().keys(dataKeys).value((d, key) => toFiniteNumber(getValueByDataKey(d, key)) ?? 0).order(stackOrderNone).offset(offsetAccessor)(data);
|
|
72
|
+
}
|
|
73
|
+
function stackGroups(displayedData, items, stackOffsetType, reverseStackOrder = false) {
|
|
74
|
+
const initialItemsGroups = Object.create(null);
|
|
75
|
+
const itemsGroup = items.reduce((acc, item) => {
|
|
76
|
+
if (item.stackId == null) return acc;
|
|
77
|
+
if (acc[item.stackId] == null) acc[item.stackId] = [];
|
|
78
|
+
acc[item.stackId].push(item);
|
|
79
|
+
return acc;
|
|
80
|
+
}, initialItemsGroups);
|
|
81
|
+
return Object.fromEntries(Object.entries(itemsGroup).map(([stackId, groupItems]) => {
|
|
82
|
+
const graphicalItems = reverseStackOrder ? [...groupItems].reverse() : groupItems;
|
|
83
|
+
const dataKeys = graphicalItems.flatMap((item) => item.dataKey == null ? [] : [item.dataKey]);
|
|
84
|
+
return [stackId, {
|
|
85
|
+
stackedData: getStackedData(displayedData ?? [], dataKeys, stackOffsetType),
|
|
86
|
+
graphicalItems
|
|
87
|
+
}];
|
|
88
|
+
}));
|
|
89
|
+
}
|
|
90
|
+
function stackDomain(stackGroups, { dataStartIndex, dataEndIndex }, axisType) {
|
|
91
|
+
if (axisType === "zAxis") return;
|
|
92
|
+
const domainOfStackGroups = getDomainOfStackGroups(stackGroups, dataStartIndex, dataEndIndex);
|
|
93
|
+
if (domainOfStackGroups != null && domainOfStackGroups[0] === 0 && domainOfStackGroups[1] === 0) return;
|
|
94
|
+
return domainOfStackGroups;
|
|
95
|
+
}
|
|
96
|
+
//#endregion
|
|
97
|
+
export { getDomainOfStackGroups, getStackedData, stackDomain, stackGroups };
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { isCategoricalAxis, isNan } from "../../utils/validate.mjs";
|
|
2
|
+
import { mathSign } from "../../utils/data.mjs";
|
|
3
|
+
import { isNaN } from "es-toolkit/compat";
|
|
4
|
+
//#region src/core/axis/ticks.ts
|
|
5
|
+
function axisTicks(layout, axis, realScaleType, scale, niceTicks, axisRange, duplicateDomain, categoricalDomain, axisType) {
|
|
6
|
+
if (axis == null || scale == null) return;
|
|
7
|
+
const isCategorical = isCategoricalAxis(layout, axisType);
|
|
8
|
+
const { type, ticks, tickCount } = axis;
|
|
9
|
+
const offsetForBand = realScaleType === "scaleBand" ? scale.bandwidth() / 2 : 2;
|
|
10
|
+
let offset = type === "category" && scale.bandwidth ? scale.bandwidth() / offsetForBand : 0;
|
|
11
|
+
if (axisType === "angleAxis" && axisRange && axisRange.length >= 2) offset = mathSign(axisRange[0] - axisRange[1]) * 2 * offset;
|
|
12
|
+
const ticksOrNiceTicks = ticks || niceTicks;
|
|
13
|
+
if (ticksOrNiceTicks) return ticksOrNiceTicks.map((entry, index) => {
|
|
14
|
+
return {
|
|
15
|
+
index,
|
|
16
|
+
coordinate: scale(duplicateDomain ? duplicateDomain.indexOf(entry) : entry) + offset,
|
|
17
|
+
value: entry,
|
|
18
|
+
offset
|
|
19
|
+
};
|
|
20
|
+
}).filter((row) => !isNan(row.coordinate));
|
|
21
|
+
if (isCategorical && categoricalDomain) return categoricalDomain.map((entry, index) => ({
|
|
22
|
+
coordinate: scale(entry) + offset,
|
|
23
|
+
value: entry,
|
|
24
|
+
index,
|
|
25
|
+
offset
|
|
26
|
+
}));
|
|
27
|
+
if (scale.ticks) return scale.ticks(tickCount).map((entry) => ({
|
|
28
|
+
coordinate: scale(entry) + offset,
|
|
29
|
+
value: entry,
|
|
30
|
+
offset
|
|
31
|
+
}));
|
|
32
|
+
return scale.domain().map((entry, index) => ({
|
|
33
|
+
coordinate: scale(entry) + offset,
|
|
34
|
+
value: duplicateDomain ? duplicateDomain[entry] : entry,
|
|
35
|
+
index,
|
|
36
|
+
offset
|
|
37
|
+
}));
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* Get the ticks of an axis
|
|
41
|
+
* @param {object} axis The configuration of an axis
|
|
42
|
+
* @param {boolean} isGrid Whether or not are the ticks in grid
|
|
43
|
+
* @param {boolean} isAll Return the ticks of all the points or not
|
|
44
|
+
* @return {Array} Ticks
|
|
45
|
+
*/
|
|
46
|
+
function getTicksOfAxis(axis, isGrid, isAll) {
|
|
47
|
+
if (!axis) return null;
|
|
48
|
+
const { duplicateDomain, type, range, scale, realScaleType, isCategorical, categoricalDomain, tickCount, ticks, niceTicks, axisType } = axis;
|
|
49
|
+
if (!scale) return null;
|
|
50
|
+
const offsetForBand = realScaleType === "scaleBand" ? scale.bandwidth() / 2 : 2;
|
|
51
|
+
let offset = (isGrid || isAll) && type === "category" && scale.bandwidth ? scale.bandwidth() / offsetForBand : 0;
|
|
52
|
+
offset = axisType === "angleAxis" && range.length >= 2 ? mathSign(range[0] - range[1]) * 2 * offset : offset;
|
|
53
|
+
if (isGrid && (ticks || niceTicks)) return (ticks || niceTicks).map((entry, index) => {
|
|
54
|
+
const scaleContent = duplicateDomain ? duplicateDomain.indexOf(entry) : entry;
|
|
55
|
+
return {
|
|
56
|
+
coordinate: scale(scaleContent) + offset,
|
|
57
|
+
value: entry,
|
|
58
|
+
offset,
|
|
59
|
+
index
|
|
60
|
+
};
|
|
61
|
+
}).filter((row) => !isNaN(row.coordinate));
|
|
62
|
+
if (isCategorical && categoricalDomain) return categoricalDomain.map((entry, index) => ({
|
|
63
|
+
coordinate: scale(entry) + offset,
|
|
64
|
+
value: entry,
|
|
65
|
+
index,
|
|
66
|
+
offset
|
|
67
|
+
}));
|
|
68
|
+
if (scale.ticks && !isAll) return scale.ticks(tickCount).map((entry, index) => ({
|
|
69
|
+
coordinate: scale(entry) + offset,
|
|
70
|
+
value: entry,
|
|
71
|
+
offset,
|
|
72
|
+
index
|
|
73
|
+
}));
|
|
74
|
+
return scale.domain().map((entry, index) => ({
|
|
75
|
+
coordinate: scale(entry) + offset,
|
|
76
|
+
value: duplicateDomain ? duplicateDomain[entry] : entry,
|
|
77
|
+
index,
|
|
78
|
+
offset
|
|
79
|
+
}));
|
|
80
|
+
}
|
|
81
|
+
//#endregion
|
|
82
|
+
export { axisTicks, getTicksOfAxis };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { isNumber, isWellBehavedNumber } from "
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { isNumber, isWellBehavedNumber } from "../../utils/validate.mjs";
|
|
2
|
+
//#region src/core/axis/userDomain.ts
|
|
3
|
+
var MIN_VALUE_REG = /^dataMin\s*-\s*(\d+(\.\d+)?)$/;
|
|
4
|
+
var MAX_VALUE_REG = /^dataMax\s*\+\s*(\d+(\.\d+)?)$/;
|
|
4
5
|
function isWellFormedNumberDomain(v) {
|
|
5
6
|
if (Array.isArray(v) && v.length === 2) {
|
|
6
7
|
const [min, max] = v;
|
|
@@ -113,4 +114,4 @@ function parseNumericalUserDomain(userDomain, dataDomain, allowDataOverflow) {
|
|
|
113
114
|
}
|
|
114
115
|
}
|
|
115
116
|
//#endregion
|
|
116
|
-
export { isWellFormedNumberDomain, numericalDomainSpecifiedWithoutRequiringData, parseNumericalUserDomain };
|
|
117
|
+
export { MAX_VALUE_REG, MIN_VALUE_REG, isWellFormedNumberDomain, numericalDomainSpecifiedWithoutRequiringData, parseNumericalUserDomain };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { isNullish, isNumber } from "
|
|
2
|
-
import { mathSign } from "
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { isNullish, isNumber } from "../utils/validate.mjs";
|
|
2
|
+
import { mathSign } from "../utils/data.mjs";
|
|
3
|
+
import { getValueByDataKey } from "./data.mjs";
|
|
4
|
+
import { getBaseValueOfBar, getCateCoordinateOfBar, truncateByDomain } from "./coordinates.mjs";
|
|
5
5
|
import { isNaN } from "es-toolkit/compat";
|
|
6
6
|
import { invariant } from "es-toolkit";
|
|
7
|
-
//#region src/
|
|
7
|
+
//#region src/core/bar.ts
|
|
8
8
|
/**
|
|
9
9
|
* Safely gets minPointSize from the minPointSize prop if it is a function
|
|
10
10
|
* @param minPointSize minPointSize as passed to the Bar component
|
|
@@ -22,6 +22,8 @@ function minPointSizeCallback(minPointSize, defaultValue = 0) {
|
|
|
22
22
|
}
|
|
23
23
|
var defaultMinPointSize = 0;
|
|
24
24
|
function computeBarRectangles({ layout, barSettings: { dataKey, minPointSize: minPointSizeProp }, pos, bandSize, xAxis, yAxis, xAxisTicks, yAxisTicks, stackedData, displayedData, offset }) {
|
|
25
|
+
const size = pos.size;
|
|
26
|
+
if (size == null) return void 0;
|
|
25
27
|
const parentViewBox = {
|
|
26
28
|
x: offset.left,
|
|
27
29
|
y: offset.top,
|
|
@@ -33,14 +35,15 @@ function computeBarRectangles({ layout, barSettings: { dataKey, minPointSize: mi
|
|
|
33
35
|
const baseValue = getBaseValueOfBar({ numericAxis });
|
|
34
36
|
const stackedBarStart = numericAxis.scale(baseValue);
|
|
35
37
|
return displayedData.map((rawEntry, index) => {
|
|
36
|
-
const entry =
|
|
37
|
-
let value
|
|
38
|
+
const entry = rawEntry;
|
|
39
|
+
let value;
|
|
40
|
+
let x, y, width, height, background;
|
|
38
41
|
if (stackedData) value = truncateByDomain(stackedData[index], stackedDomain);
|
|
39
42
|
else {
|
|
40
|
-
|
|
41
|
-
|
|
43
|
+
const rawValue = getValueByDataKey(entry, dataKey);
|
|
44
|
+
value = Array.isArray(rawValue) ? rawValue : [baseValue, rawValue];
|
|
42
45
|
}
|
|
43
|
-
const minPointSize = minPointSizeCallback(minPointSizeProp, defaultMinPointSize)(value[1], index);
|
|
46
|
+
const minPointSize = minPointSizeCallback(minPointSizeProp ?? defaultMinPointSize, defaultMinPointSize)(value[1], index);
|
|
44
47
|
if (layout === "horizontal") {
|
|
45
48
|
const [baseValueScale, currentValueScale] = [yAxis.scale(value[0]), yAxis.scale(value[1])];
|
|
46
49
|
x = getCateCoordinateOfBar({
|
|
@@ -51,8 +54,8 @@ function computeBarRectangles({ layout, barSettings: { dataKey, minPointSize: mi
|
|
|
51
54
|
entry,
|
|
52
55
|
index
|
|
53
56
|
});
|
|
54
|
-
y = currentValueScale ?? baseValueScale
|
|
55
|
-
width =
|
|
57
|
+
y = currentValueScale ?? baseValueScale;
|
|
58
|
+
width = size;
|
|
56
59
|
const computedHeight = baseValueScale - currentValueScale;
|
|
57
60
|
height = isNaN(computedHeight) ? 0 : computedHeight;
|
|
58
61
|
background = {
|
|
@@ -78,7 +81,7 @@ function computeBarRectangles({ layout, barSettings: { dataKey, minPointSize: mi
|
|
|
78
81
|
index
|
|
79
82
|
});
|
|
80
83
|
width = currentValueScale - baseValueScale;
|
|
81
|
-
height =
|
|
84
|
+
height = size;
|
|
82
85
|
background = {
|
|
83
86
|
x: offset.left,
|
|
84
87
|
y,
|
|
@@ -96,12 +99,12 @@ function computeBarRectangles({ layout, barSettings: { dataKey, minPointSize: mi
|
|
|
96
99
|
width,
|
|
97
100
|
height,
|
|
98
101
|
stackedBarStart: stackedBarStart ?? 0,
|
|
99
|
-
value: stackedData ? value : value[1],
|
|
102
|
+
value: stackedData ? [value[0], value[1]] : value[1],
|
|
100
103
|
payload: entry,
|
|
101
104
|
background,
|
|
102
105
|
tooltipPosition: {
|
|
103
|
-
x: x + width / 2,
|
|
104
|
-
y: y + height / 2
|
|
106
|
+
x: (x ?? 0) + width / 2,
|
|
107
|
+
y: (y ?? 0) + height / 2
|
|
105
108
|
},
|
|
106
109
|
parentViewBox
|
|
107
110
|
};
|