@gravity-ui/charts 1.46.0 → 1.47.0

package/dist/cjs/components/ChartInner/index.js

@@ -55,6 +55,7 @@ export const ChartInner = (props) => {
     const { activeLegendItems, allPreparedSeries, boundsHeight, boundsOffsetLeft, boundsOffsetTop, boundsWidth, handleLegendItemClick, legendConfig, legendItems, preparedLegend, preparedSeries, preparedSeriesOptions, preparedSplit, shapes, shapesData, shapesReady, xAxis, xScale, yAxis, yScale, preparedTitle, preparedChart, } = useChartInnerProps(Object.assign(Object.assign({}, props), { clipPathId,
         dispatcher,
         htmlLayout, plotNode: plotRef.current, rangeSliderState,
+        updateRangeSliderState,
         updateZoomState,
         zoomState }));
     const prevWidth = usePrevious(width);

package/dist/cjs/components/ChartInner/useChartInnerProps.d.ts

@@ -9,6 +9,7 @@ type Props = ChartInnerProps & {
     dispatcher: Dispatch<object>;
     htmlLayout: HTMLElement | null;
     plotNode: SVGGElement | null;
+    updateRangeSliderState: (nextState?: RangeSliderState) => void;
     updateZoomState: (nextZoomState: Partial<ZoomState>) => void;
     zoomState: Partial<ZoomState>;
     rangeSliderState?: RangeSliderState;

package/dist/cjs/components/ChartInner/useChartInnerProps.js

@@ -3,9 +3,9 @@ import isEqual from 'lodash/isEqual';
 import { DEFAULT_PALETTE, SERIES_TYPE } from '../../core/constants';
 import { getLegendComponents, getPreparedLegend } from '../../core/series/prepare-legend';
 import { getPreparedOptions } from '../../core/series/prepare-options';
+import { getActiveLegendItems, getAllLegendItems } from '../../core/series/utils';
 import { getChartDimensions, getEffectiveXRange, getSortedSeriesData, getYAxisWidth, getZoomedSeriesData, isAxisRelatedSeries, } from '../../core/utils';
 import { createScales, getAxes, getPreparedSeries, getShapes, getSplit, getVisibleSeries, useZoom, } from '../../hooks';
-import { getActiveLegendItems, getAllLegendItems } from '../../hooks/useSeries/utils';
 import { getNormalizedXAxis, getNormalizedYAxis, getPreparedChart, getPreparedTitle, recalculateYAxisLabelsWidth, } from './utils';
 import { hasAtLeastOneSeriesDataPerPlot } from './utils/common';
 const CLIP_PATH_BY_SERIES_TYPE = {
@@ -38,7 +38,7 @@ function getBoundsOffsetLeft(args) {
 }
 export function useChartInnerProps(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { clipPathId, data, dispatcher, height, htmlLayout, plotNode, rangeSliderState, width, updateZoomState, zoomState, } = props;
+    const { clipPathId, data, dispatcher, height, htmlLayout, plotNode, rangeSliderState, width, updateRangeSliderState, updateZoomState, zoomState, } = props;
     const [selectedLegendItems, setSelectedLegendItems] = React.useState(null);
     const [chartState, setState] = React.useState(null);
     const prevStateValue = React.useRef(chartState);
@@ -48,20 +48,26 @@ export function useChartInnerProps(props) {
         currentRunRef.current++;
         const currentRun = currentRunRef.current;
         (async function () {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e, _f, _g;
             const chartDataChanged = !(previousChartData.current && isEqual(previousChartData.current, data));
+            const axisTypeChanged = ((_b = (_a = previousChartData.current) === null || _a === void 0 ? void 0 : _a.xAxis) === null || _b === void 0 ? void 0 : _b.type) !== undefined &&
+                previousChartData.current.xAxis.type !== ((_c = data.xAxis) === null || _c === void 0 ? void 0 : _c.type);
+            if (axisTypeChanged && rangeSliderState !== undefined) {
+                updateRangeSliderState(undefined);
+                return;
+            }
             const preparedTitle = await getPreparedTitle({
                 title: data.title,
                 chartWidth: width,
                 chartHeight: height,
-                chartMargin: (_a = data.chart) === null || _a === void 0 ? void 0 : _a.margin,
+                chartMargin: (_d = data.chart) === null || _d === void 0 ? void 0 : _d.margin,
             });
             const preparedChart = getPreparedChart({
                 chart: data.chart,
                 seriesData: data.series.data,
                 preparedTitle,
             });
-            const colors = (_b = data.colors) !== null && _b !== void 0 ? _b : DEFAULT_PALETTE;
+            const colors = (_e = data.colors) !== null && _e !== void 0 ? _e : DEFAULT_PALETTE;
             const normalizedSeriesData = getSortedSeriesData({
                 seriesData: data.series.data,
                 xAxis: data.xAxis,
@@ -84,7 +90,7 @@ export function useChartInnerProps(props) {
                 });
             }
             else {
-                allPreparedSeries = (_d = (_c = prevStateValue.current) === null || _c === void 0 ? void 0 : _c.allPreparedSeries) !== null && _d !== void 0 ? _d : [];
+                allPreparedSeries = (_g = (_f = prevStateValue.current) === null || _f === void 0 ? void 0 : _f.allPreparedSeries) !== null && _g !== void 0 ? _g : [];
             }
             const activeLegendItems = selectedLegendItems !== null && selectedLegendItems !== void 0 ? selectedLegendItems : getActiveLegendItems(allPreparedSeries);
             const visiblePreparedSeries = getVisibleSeries({
@@ -243,6 +249,7 @@ export function useChartInnerProps(props) {
         rangeSliderState,
         dispatcher,
         htmlLayout,
+        updateRangeSliderState,
         clipPathId,
     ]);
     // additional start

package/dist/cjs/components/Legend/index.js

@@ -24,11 +24,16 @@ const getLegendPosition = (args) => {
     const { offsetLeft, offsetTop, contentWidth, width } = args;
     return { top: offsetTop, left: offsetLeft + width / 2 - contentWidth / 2 };
 };
-const appendPaginator = (args) => {
+async function appendPaginator(args) {
     const { container, pageIndex, legend, transform, pages, onArrowClick } = args;
     const paginationLine = container.append('g').attr('class', b('pagination'));
     const maxPage = pages.length;
-    let computedWidth = 0;
+    const paginationCounterText = `${pageIndex + 1}/${maxPage}`;
+    const getTextSize = getTextSizeFn({ style: legend.itemStyle });
+    const [arrowIcon, counter] = await Promise.all([
+        getTextSize('▲'),
+        getTextSize(paginationCounterText),
+    ]);
     paginationLine
         .append('text')
         .text('▲')
@@ -36,9 +41,6 @@ const appendPaginator = (args) => {
         return b('pagination-arrow', { inactive: pageIndex === 0 });
     })
         .style('font-size', legend.itemStyle.fontSize)
-        .each(function () {
-        computedWidth += this.getComputedTextLength();
-    })
         .on('click', function () {
         if (pageIndex - 1 >= 0) {
             onArrowClick(pageIndex - 1);
@@ -46,20 +48,17 @@ const appendPaginator = (args) => {
     });
     paginationLine
         .append('text')
-        .text(`${pageIndex + 1}/${maxPage}`)
+        .text(paginationCounterText)
         .attr('class', b('pagination-counter'))
-        .attr('x', computedWidth)
-        .style('font-size', legend.itemStyle.fontSize)
-        .each(function () {
-        computedWidth += this.getComputedTextLength();
-    });
+        .attr('x', arrowIcon.width)
+        .style('font-size', legend.itemStyle.fontSize);
     paginationLine
         .append('text')
         .text('▼')
         .attr('class', function () {
         return b('pagination-arrow', { inactive: pageIndex === maxPage - 1 });
     })
-        .attr('x', computedWidth)
+        .attr('x', arrowIcon.width + counter.width)
         .style('font-size', legend.itemStyle.fontSize)
         .on('click', function () {
         if (pageIndex + 1 < maxPage) {
@@ -67,7 +66,7 @@ const appendPaginator = (args) => {
         }
     });
     paginationLine.attr('transform', transform);
-};
+}
 function renderLegendSymbol(args) {
     const { selection, legend, legendLineHeight } = args;
     const line = selection.data();
@@ -277,7 +276,7 @@ export const Legend = (props) => {
                 });
                 if (config.pagination) {
                     const transform = `translate(${[0, legend.height - legend.lineHeight / 2].join(',')})`;
-                    appendPaginator({
+                    await appendPaginator({
                         container: svgElement,
                         pageIndex: pageIndex,
                         legend,

package/dist/cjs/components/Tooltip/index.js

@@ -13,7 +13,28 @@ export const Tooltip = (props) => {
         xAxis,
         yAxis,
     });
-    const containerRect = (svgContainer === null || svgContainer === void 0 ? void 0 : svgContainer.getBoundingClientRect()) || { left: 0, top: 0 };
+    const containerRectRef = React.useRef({ left: 0, top: 0 });
+    React.useEffect(() => {
+        if (!svgContainer)
+            return undefined;
+        const updateRect = (e) => {
+            // Skip synthetic events (e.g. the CustomEvent('scroll') dispatched by the
+            // sibling useEffect below to reposition the Popup). Only native browser
+            // scroll events have isTrusted === true, so those still update the rect.
+            if (e && !e.isTrusted)
+                return;
+            containerRectRef.current = svgContainer.getBoundingClientRect();
+        };
+        updateRect();
+        const resizeObserver = new ResizeObserver(() => updateRect());
+        resizeObserver.observe(svgContainer);
+        window.addEventListener('scroll', updateRect, { passive: true, capture: true });
+        return () => {
+            resizeObserver.disconnect();
+            window.removeEventListener('scroll', updateRect, { capture: true });
+        };
+    }, [svgContainer]);
+    const containerRect = containerRectRef.current;
     const left = ((pointerPosition === null || pointerPosition === void 0 ? void 0 : pointerPosition[0]) || 0) + containerRect.left;
     const top = ((pointerPosition === null || pointerPosition === void 0 ? void 0 : pointerPosition[1]) || 0) + containerRect.top;
     const { anchor } = useVirtualElement({ left, top });

package/dist/cjs/core/axes/x-axis.js

@@ -1,7 +1,7 @@
 import get from 'lodash/get';
-import { TIME_UNITS, calculateCos, calculateNumericProperty, calculateSin, formatAxisTickLabel, getDefaultDateFormat, getHorizontalHtmlTextHeight, getLabelsSize, getMinSpaceBetween, getTextSizeFn, isAxisRelatedSeries, wrapText, } from '../utils';
 import { DASH_STYLE, DEFAULT_AXIS_LABEL_FONT_SIZE, PLOT_LINE_HOVER_THRESHOLD, SERIES_TYPE, axisCrosshairDefaults, axisLabelsDefaults, axisTickMarksDefaults, xAxisTitleDefaults, } from '../constants';
 import { createXScale } from '../scales/x-scale';
+import { TIME_UNITS, calculateCos, calculateNumericProperty, calculateSin, formatAxisTickLabel, getDefaultDateFormat, getHorizontalHtmlTextHeight, getLabelsSize, getMinSpaceBetween, getTextSizeFn, isAxisRelatedSeries, wrapText, } from '../utils';
 import { getXAxisTickValues } from '../utils/axis/x-axis';
 import { getPreparedRangeSlider } from './range-slider';
 import { prepareAxisPlotLabel } from './utils';

package/dist/cjs/core/axes/y-axis.js

@@ -1,8 +1,8 @@
 import get from 'lodash/get';
-import { calculateNumericProperty, formatAxisTickLabel, getDefaultDateFormat, getHorizontalHtmlTextHeight, getLabelsSize, getMinSpaceBetween, getTextSizeFn, isAxisRelatedSeries, shouldSyncAxisWithPrimary, wrapText, } from '../utils';
 import { getTickValues } from '../../components/AxisY/utils';
 import { DASH_STYLE, DEFAULT_AXIS_LABEL_FONT_SIZE, DEFAULT_AXIS_TYPE, PLOT_LINE_HOVER_THRESHOLD, SERIES_TYPE, axisCrosshairDefaults, axisLabelsDefaults, axisTickMarksDefaults, yAxisTitleDefaults, } from '../constants';
 import { createYScale } from '../scales/y-scale';
+import { calculateNumericProperty, formatAxisTickLabel, getDefaultDateFormat, getHorizontalHtmlTextHeight, getLabelsSize, getMinSpaceBetween, getTextSizeFn, isAxisRelatedSeries, shouldSyncAxisWithPrimary, wrapText, } from '../utils';
 import { prepareAxisPlotLabel } from './utils';
 export const getYAxisLabelMaxWidth = async (args) => {
     const { axis, scale, seriesData } = args;

package/dist/cjs/core/brush/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './utils';

package/dist/cjs/core/brush/index.js

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './utils';

package/dist/cjs/{hooks/useBrush → core/brush}/types.d.ts

@@ -1,6 +1,6 @@
 import type { BrushBehavior } from 'd3-brush';
-import type { ZoomType } from '../../core/constants';
-import type { ChartBrush, DeepRequired } from '../../types';
+import type { ZoomType } from '../constants';
+import type { ChartBrush, DeepRequired } from '../types';
 export type BrushSelection = [number, number] | [[number, number], [number, number]];
 export interface BrushArea {
     /**

package/dist/cjs/{hooks/useBrush → core/brush}/utils.d.ts

@@ -1,5 +1,5 @@
 import type { BrushBehavior } from 'd3-brush';
-import type { ChartBrush, DeepRequired } from '../../types';
+import type { ChartBrush, DeepRequired } from '../types';
 import type { BrushSelection } from './types';
 export declare function isOneDimensionalSelection(selection?: BrushSelection | null): selection is [number, number];
 export declare function setBrushBorder(this: SVGGElement, _brushInstance: BrushBehavior<unknown>, selection: BrushSelection | null, options: {

package/dist/cjs/core/chart/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/dist/cjs/core/chart/index.js

@@ -0,0 +1 @@
+export * from './types';

package/dist/cjs/core/chart/types.d.ts

@@ -0,0 +1,8 @@
+import type { ChartBrush, ChartMargin, ChartZoom, DeepRequired } from '../types';
+export type PreparedZoom = DeepRequired<Omit<ChartZoom, 'enabled' | 'brush'>> & DeepRequired<{
+    brush: ChartBrush;
+}>;
+export type PreparedChart = {
+    margin: ChartMargin;
+    zoom: PreparedZoom | null;
+};

package/dist/cjs/core/index.d.ts

@@ -8,3 +8,6 @@ export * from './scales';
 export * from './axes';
 export * from './layout';
 export * from './zoom';
+export * from './brush';
+export * from './range-slider';
+export * from './chart';

package/dist/cjs/core/index.js

@@ -8,3 +8,6 @@ export * from './scales';
 export * from './axes';
 export * from './layout';
 export * from './zoom';
+export * from './brush';
+export * from './range-slider';
+export * from './chart';

package/dist/cjs/core/layout/chart-dimensions.d.ts

@@ -1,6 +1,6 @@
-import type { PreparedChart } from '../../hooks/types';
 import type { ChartMargin, LegendConfig } from '../../types';
 import type { PreparedXAxis, PreparedYAxis } from '../axes/types';
+import type { PreparedChart } from '../chart/types';
 import type { PreparedLegend, PreparedSeries } from '../series';
 export declare const getBoundsWidth: (args: {
     chartWidth: number;

package/dist/cjs/core/range-slider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './utils';

package/dist/cjs/core/range-slider/index.js

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './utils';

package/dist/cjs/core/range-slider/types.d.ts

@@ -0,0 +1,4 @@
+export type RangeSliderState = {
+    max: number;
+    min: number;
+};

package/dist/{esm/hooks/useRangeSlider → cjs/core/range-slider}/utils.d.ts

@@ -1,8 +1,8 @@
-import type { ChartScale } from '../../core/scales/types';
-import type { PreparedChart } from '../types';
-import type { PreparedRangeSlider } from '../useAxis/types';
-import type { BrushSelection } from '../useBrush/types';
-import type { PreparedLegend } from '../useSeries/types';
+import type { PreparedRangeSlider } from '../axes/types';
+import type { BrushSelection } from '../brush/types';
+import type { PreparedChart } from '../chart/types';
+import type { ChartScale } from '../scales/types';
+import type { PreparedLegend } from '../series/types';
 import type { RangeSliderState } from './types';
 export declare function getRangeSliderOffsetTop(args: {
     height: number;

package/dist/{esm/hooks/useRangeSlider → cjs/core/range-slider}/utils.js

@@ -1,4 +1,4 @@
-import { isBandScale } from '../../core/utils';
+import { isBandScale } from '../utils';
 export function getRangeSliderOffsetTop(args) {
     var _a, _b;
     const { height, preparedChart, preparedLegend, preparedRangeSlider } = args;

package/dist/cjs/core/scales/utils.d.ts

@@ -1,7 +1,7 @@
-import type { AxisDirection } from '../utils';
 import type { ChartAxis, ChartSeries } from '../../types';
 import type { PreparedAxis, PreparedYAxis } from '../axes/types';
 import type { PreparedSeries } from '../series';
+import type { AxisDirection } from '../utils';
 type OptionalNumber = number | undefined;
 export declare function getMinMaxPropsOrState(args: {
     axis: PreparedAxis | ChartAxis;

package/dist/cjs/core/scales/utils.js

@@ -1,6 +1,6 @@
 import get from 'lodash/get';
-import { getDataCategoryValue, isSeriesWithCategoryValues } from '../utils';
 import { SERIES_TYPE } from '../constants';
+import { getDataCategoryValue, isSeriesWithCategoryValues } from '../utils';
 const MARKER_SERIES_TYPES = [SERIES_TYPE.Area, SERIES_TYPE.Line, SERIES_TYPE.Scatter];
 function getNormilizedMinMax(args) {
     const { maxValues, minValues } = args;

package/dist/cjs/core/scales/x-scale.d.ts

@@ -1,7 +1,7 @@
-import type { RangeSliderState } from '../../hooks';
-import type { ChartAxis, ChartSeries } from '../../types';
 import type { PreparedAxis } from '../axes/types';
+import type { RangeSliderState } from '../range-slider/types';
 import type { PreparedSeries } from '../series';
+import type { ChartAxis, ChartSeries } from '../types';
 export declare function createXScale(args: {
     axis: PreparedAxis | ChartAxis;
     boundsWidth: number;

package/dist/cjs/core/scales/x-scale.js

@@ -1,9 +1,9 @@
 import { extent } from 'd3-array';
 import { scaleBand, scaleLinear, scaleLog, scaleUtc } from 'd3-scale';
 import get from 'lodash/get';
-import { getDefaultMaxXAxisValue, getDefaultMinXAxisValue, getDomainDataXBySeries, getEffectiveXRange, } from '../utils';
-import { getBandSize } from '../../hooks/utils/get-band-size';
 import { DEFAULT_AXIS_TYPE, SERIES_TYPE } from '../constants';
+import { getDefaultMaxXAxisValue, getDefaultMinXAxisValue, getDomainDataXBySeries, getEffectiveXRange, } from '../utils';
+import { getBandSize } from '../utils/band-size';
 import { checkIsPointDomain, filterCategoriesByVisibleSeries, getMinMaxPropsOrState, hasOnlyMarkerSeries, validateArrayData, } from './utils';
 const X_AXIS_ZOOM_PADDING = 0.02;
 function calculateXAxisPadding(series) {

package/dist/cjs/core/scales/y-scale.js

@@ -1,10 +1,10 @@
 import { extent, tickStep, ticks } from 'd3-array';
 import { scaleBand, scaleLinear, scaleLog, scaleUtc } from 'd3-scale';
 import get from 'lodash/get';
-import { CHART_SERIES_WITH_VOLUME_ON_Y_AXIS, getDefaultMinYAxisValue, getDomainDataYBySeries, shouldSyncAxisWithPrimary, } from '../utils';
 import { getTickValues } from '../../components/AxisY/utils';
-import { getBandSize } from '../../hooks/utils/get-band-size';
 import { SERIES_TYPE } from '../constants';
+import { CHART_SERIES_WITH_VOLUME_ON_Y_AXIS, getDefaultMinYAxisValue, getDomainDataYBySeries, shouldSyncAxisWithPrimary, } from '../utils';
+import { getBandSize } from '../utils/band-size';
 import { checkIsPointDomain, filterCategoriesByVisibleSeries, getMinMaxPropsOrState, hasOnlyMarkerSeries, validateArrayData, } from './utils';
 // axis is validated in `validation/index.ts`, so the value of `axis.type` is definitely valid.
 // eslint-disable-next-line consistent-return
@@ -70,6 +70,34 @@ function getDomainSyncedToPrimaryTicks(args) {
     }
     return [secondaryTicks[0], secondaryTicks[secondaryTicks.length - 1]];
 }
+function getLogarithmicYMin(args) {
+    var _a;
+    const { axis, domain, yMinDomain, hasSeriesWithVolumeOnYAxis } = args;
+    // scaleLog cannot represent values <= 0. Pick the smallest positive value
+    // present in the domain, falling back to 1 if there is none.
+    const smallestPositive = yMinDomain > 0
+        ? yMinDomain
+        : ((_a = domain.reduce((min, v) => {
+            if (typeof v === 'number' && v > 0) {
+                return min === null ? v : Math.min(min, v);
+            }
+            return min;
+        }, null)) !== null && _a !== void 0 ? _a : 1);
+    if (!hasSeriesWithVolumeOnYAxis) {
+        return smallestPositive;
+    }
+    // Volume series (bar-x, area, waterfall) draw bars from yMin up to the
+    // value, so a bar whose value equals yMin collapses to zero height. Drop
+    // the baseline one decade below to give it visible space — but only when
+    // the later `nice()` pass (triggered by startOnTick) won't supply that
+    // headroom on its own. nice() rounds down to the previous decade, which
+    // covers any value strictly between two decades; it has nothing to round
+    // when the smallest value already sits on a decade (e.g. 1, 10, 100).
+    const startOnTick = get(axis, 'startOnTick', false);
+    const isOnDecade = Number.isInteger(Math.log10(smallestPositive));
+    const needsHeadroom = !startOnTick || isOnDecade;
+    return needsHeadroom ? smallestPositive / 10 : smallestPositive;
+}
 function getDomainMinAlignedToStartTick(args) {
     var _a, _b;
     const { axis, range, scale, series } = args;
@@ -80,6 +108,9 @@ function getDomainMinAlignedToStartTick(args) {
         labelLineHeight: axis.labels.lineHeight,
         series,
     });
+    if (tickValues.length === 0) {
+        return dMin;
+    }
     const isStartOnTick = tickValues[0].y === range[0];
     let dNewMin = dMin;
     if (!isStartOnTick) {
@@ -111,6 +142,9 @@ function getDomainMaxAlignedToEndTick(args) {
         labelLineHeight: axis.labels.lineHeight,
         series,
     });
+    if (tickValues.length === 0) {
+        return dMax;
+    }
     let dNewMax = dMax;
     const isEndOnTick = tickValues[tickValues.length - 1].y === range[1];
     if (!isEndOnTick) {
@@ -155,12 +189,18 @@ export function createYScale(args) {
             }
             if (hasNumberAndNullValues) {
                 const [yMinDomain, yMaxDomain] = extent(domain);
+                const hasSeriesWithVolumeOnYAxis = series.some((s) => CHART_SERIES_WITH_VOLUME_ON_Y_AXIS.includes(s.type));
                 let yMin;
                 if (typeof yMinPropsOrState === 'number') {
                     yMin = yMinPropsOrState;
                 }
                 else if (axis.type === 'logarithmic') {
-                    yMin = yMinDomain;
+                    yMin = getLogarithmicYMin({
+                        axis,
+                        domain,
+                        yMinDomain,
+                        hasSeriesWithVolumeOnYAxis,
+                    });
                 }
                 else {
                     const yMinDefault = getDefaultMinYAxisValue(series);
@@ -170,10 +210,35 @@ export function createYScale(args) {
                 if (typeof yMaxPropsOrState === 'number') {
                     yMax = yMaxPropsOrState;
                 }
+                else if (axis.type === 'logarithmic') {
+                    // scaleLog cannot represent values <= 0; ensure yMax is strictly
+                    // greater than yMin so the resulting domain stays valid.
+                    yMax = yMaxDomain > yMin ? yMaxDomain : yMin * 10;
+                }
                 else {
-                    const hasSeriesWithVolumeOnYAxis = series.some((s) => CHART_SERIES_WITH_VOLUME_ON_Y_AXIS.includes(s.type));
                     yMax = hasSeriesWithVolumeOnYAxis ? Math.max(yMaxDomain, 0) : yMaxDomain;
                 }
+                // When the user pins only one of min/max on the wrong side of all data,
+                // d3 produces either an inverted scale (yMax<yMin, silently flips the
+                // axis) or a degenerate one (yMax===yMin, maps everything to the range
+                // midpoint); both leave phantom hover targets inside an empty plot.
+                // Expand the auto-computed side so the scale stays sane. Only applies
+                // when the opposite bound is auto-derived — if the user supplied both
+                // bounds, trust the explicit range and let point filtering hide the
+                // rest. Comparison uses the raw data extent because upstream coercions
+                // like volume-series `yMax = Math.max(yMaxDomain, 0)` can make the
+                // post-coerced yMin/yMax lie about where data actually sits.
+                // Logarithmic has its own guard.
+                if (axis.type === 'linear') {
+                    const minIsUserSet = typeof yMinPropsOrState === 'number';
+                    const maxIsUserSet = typeof yMaxPropsOrState === 'number';
+                    if (minIsUserSet && !maxIsUserSet && yMaxDomain < yMin) {
+                        yMax = yMin + Math.max(Math.abs(yMin), 1);
+                    }
+                    else if (maxIsUserSet && !minIsUserSet && yMinDomain > yMax) {
+                        yMin = yMax - Math.max(Math.abs(yMax), 1);
+                    }
+                }
                 const scaleFn = axis.type === 'logarithmic' ? scaleLog : scaleLinear;
                 let scale = scaleFn().domain([yMin, yMax]).range(range);
                 let offsetMin = 0;

package/dist/cjs/core/series/prepare-area.js

@@ -1,7 +1,7 @@
 import get from 'lodash/get';
 import merge from 'lodash/merge';
-import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_STYLE, seriesRangeSliderOptionsDefaults } from '../constants';
+import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_PADDING, DEFAULT_HALO_OPTIONS, DEFAULT_POINT_MARKER_OPTIONS, } from './constants';
 import { getSeriesStackId, prepareLegendSymbol } from './utils';
 export const DEFAULT_LINE_WIDTH = 1;

package/dist/cjs/core/series/prepare-bar-x.js

@@ -1,6 +1,6 @@
 import get from 'lodash/get';
-import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_STYLE, seriesRangeSliderOptionsDefaults } from '../constants';
+import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_PADDING } from './constants';
 import { getSeriesStackId, prepareLegendSymbol } from './utils';
 function prepareSeriesData(series) {

package/dist/cjs/core/series/prepare-bar-y.js

@@ -1,6 +1,6 @@
 import get from 'lodash/get';
-import { getLabelsSize, getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_STYLE } from '../constants';
+import { getLabelsSize, getUniqId } from '../utils';
 import { getFormattedValue } from '../utils/format';
 import { getSeriesStackId, prepareLegendSymbol } from './utils';
 const DEFAULT_LABEL_PADDING = 7;

package/dist/cjs/core/series/prepare-funnel.js

@@ -1,7 +1,7 @@
 import { scaleOrdinal } from 'd3-scale';
 import get from 'lodash/get';
-import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_STYLE } from '../constants';
+import { getUniqId } from '../utils';
 import { prepareLegendSymbol } from './utils';
 export function prepareFunnelSeries(args) {
     var _a, _b;

package/dist/cjs/core/series/prepare-heatmap.js

@@ -1,6 +1,6 @@
 import get from 'lodash/get';
-import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_STYLE } from '../constants';
+import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_PADDING } from './constants';
 import { prepareLegendSymbol } from './utils';
 function prepareSeriesData(series) {

package/dist/cjs/core/series/prepare-legend.d.ts

@@ -1,5 +1,5 @@
-import type { PreparedChart } from '../../hooks/types';
 import type { ChartData } from '../../types';
+import type { PreparedChart } from '../chart/types';
 import type { LegendItem, PreparedLegend, PreparedSeries } from './types';
 export declare function getPreparedLegend(args: {
     legend: ChartData['legend'];

package/dist/cjs/core/series/prepare-legend.js

@@ -2,8 +2,8 @@ import { groupBy } from 'lodash';
 import clone from 'lodash/clone';
 import get from 'lodash/get';
 import merge from 'lodash/merge';
-import { getDefaultColorStops, getDomainForContinuousColorScale, getLabelsSize, getTextSizeFn, getTextWithElipsis, } from '../utils';
 import { CONTINUOUS_LEGEND_SIZE, legendDefaults } from '../constants';
+import { getDefaultColorStops, getDomainForContinuousColorScale, getLabelsSize, getTextSizeFn, getTextWithElipsis, } from '../utils';
 export async function getPreparedLegend(args) {
     var _a, _b, _c, _d, _e, _f, _g;
     const { legend, series } = args;
@@ -120,8 +120,8 @@ async function getGroupedLegendItems(args) {
         }
         resultItem.height = textHeight;
         if (textWidth > maxTextWidth) {
+            resultItem.overflowed = true;
             if (preparedLegend.html) {
-                resultItem.overflowed = true;
                 resultItem.textWidth = maxTextWidth;
             }
             else {

package/dist/cjs/core/series/prepare-line.js

@@ -1,7 +1,7 @@
 import get from 'lodash/get';
 import merge from 'lodash/merge';
-import { getUniqId } from '../utils';
 import { DASH_STYLE, DEFAULT_DATALABELS_STYLE, LineCap, LineJoin, seriesRangeSliderOptionsDefaults, } from '../constants';
+import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_PADDING, DEFAULT_HALO_OPTIONS, DEFAULT_LEGEND_SYMBOL_PADDING, DEFAULT_POINT_MARKER_OPTIONS, } from './constants';
 export const DEFAULT_LEGEND_SYMBOL_SIZE = 16;
 export const DEFAULT_LINE_WIDTH = 1;

package/dist/cjs/core/series/prepare-pie.js

@@ -1,7 +1,7 @@
 import { scaleOrdinal } from 'd3-scale';
 import get from 'lodash/get';
-import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_STYLE } from '../constants';
+import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_PADDING } from './constants';
 import { prepareLegendSymbol } from './utils';
 function prepareSeriesData(series) {

package/dist/cjs/core/series/prepare-radar.js

@@ -1,8 +1,8 @@
 import { scaleOrdinal } from 'd3-scale';
 import get from 'lodash/get';
 import merge from 'lodash/merge';
-import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_STYLE } from '../constants';
+import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_PADDING, DEFAULT_HALO_OPTIONS, DEFAULT_POINT_MARKER_OPTIONS, } from './constants';
 import { prepareLegendSymbol } from './utils';
 export const DEFAULT_MARKER = Object.assign(Object.assign({}, DEFAULT_POINT_MARKER_OPTIONS), { enabled: true, radius: 2 });

package/dist/cjs/core/series/prepare-sankey.js

@@ -1,6 +1,6 @@
 import get from 'lodash/get';
-import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_STYLE } from '../constants';
+import { getUniqId } from '../utils';
 import { prepareLegendSymbol } from './utils';
 export function prepareSankeySeries(args) {
     const { colorScale, legend, series } = args;

package/dist/cjs/core/series/prepare-scatter.js

@@ -1,7 +1,7 @@
 import get from 'lodash/get';
 import merge from 'lodash/merge';
-import { getSymbolType, getUniqId } from '../utils';
 import { seriesRangeSliderOptionsDefaults } from '../constants';
+import { getSymbolType, getUniqId } from '../utils';
 import { DEFAULT_HALO_OPTIONS, DEFAULT_POINT_MARKER_OPTIONS } from './constants';
 import { prepareLegendSymbol } from './utils';
 function prepareMarker(series, seriesOptions, index) {

package/dist/cjs/core/series/prepare-treemap.js

@@ -1,6 +1,6 @@
 import get from 'lodash/get';
-import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_STYLE, LayoutAlgorithm } from '../constants';
+import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_PADDING } from './constants';
 import { prepareLegendSymbol } from './utils';
 export function prepareTreemap(args) {

package/dist/cjs/core/series/prepare-waterfall.js

@@ -1,6 +1,6 @@
 import get from 'lodash/get';
-import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_STYLE } from '../constants';
+import { getUniqId } from '../utils';
 import { DEFAULT_DATALABELS_PADDING } from './constants';
 import { prepareLegendSymbol } from './utils';
 function prepareSeriesData(series) {