@gravity-ui/charts 1.10.2 → 1.11.1

package/dist/esm/hooks/useZoom/utils.js

@@ -1,5 +1,5 @@
 export function selectionToZoomBounds(args) {
-    const { selection, xAxis, xScale, yAxises, yScales, zoomType } = args;
+    const { selection, xAxis, xScale, yAxes, yScales, zoomType } = args;
     const zoomState = {};
     switch (zoomType) {
         case 'x': {
@@ -9,7 +9,7 @@ export function selectionToZoomBounds(args) {
         }
         case 'y': {
             const [y1, y0] = selection;
-            yAxises.forEach((yAxis, index) => {
+            yAxes.forEach((yAxis, index) => {
                 if (!Array.isArray(zoomState.y)) {
                     zoomState.y = [];
                 }
@@ -25,7 +25,7 @@ export function selectionToZoomBounds(args) {
             const [x0, y0] = selection[0];
             const [x1, y1] = selection[1];
             zoomState.x = selectionXToZoomBounds({ xAxis, xScale, selection: [x0, x1] });
-            yAxises.forEach((yAxis, index) => {
+            yAxes.forEach((yAxis, index) => {
                 if (!Array.isArray(zoomState.y)) {
                     zoomState.y = [];
                 }

package/dist/esm/types/chart/axis.d.ts

@@ -53,6 +53,8 @@ export interface ChartAxis {
     };
     /** The minimum value of the axis. If undefined the min value is automatically calculate. */
     min?: number;
+    /** The maximum value of the axis. If undefined the max value is automatically calculate. */
+    max?: number;
     /** The grid lines settings. */
     grid?: {
         /** Enable or disable the grid lines.
@@ -130,11 +132,8 @@ export interface AxisCrosshair extends Omit<AxisPlotLine, 'value'> {
     enabled?: boolean;
 }
 export interface ChartYAxis extends ChartAxis {
-    /** Axis location.
-     * Possible values - 'left' and 'right'.
-     * */
+    /** Axis location. */
     position?: 'left' | 'right';
-    /** Property for splitting charts. Determines which area the axis is located in.
-     * */
+    /** Property for splitting charts. Determines which area the axis is located in. */
     plotIndex?: number;
 }

package/dist/esm/utils/chart/axis-generators/bottom.js

@@ -106,6 +106,7 @@ export async function axisBottom(args) {
                 .remove();
             // add an ellipsis to the labels that go beyond the boundaries of the chart
             labels.each(function (_d, i, nodes) {
+                var _a;
                 if (i === 0) {
                     const currentElement = this;
                     const text = select(currentElement);
@@ -113,7 +114,8 @@ export async function axisBottom(args) {
                     const nextElement = nodes[i + 1];
                     const nextElementPosition = nextElement === null || nextElement === void 0 ? void 0 : nextElement.getBoundingClientRect();
                     if (currentElementPosition.left < leftmostLimit) {
-                        const remainSpace = nextElementPosition.left -
+                        const rightmostPossiblePoint = (_a = nextElementPosition === null || nextElementPosition === void 0 ? void 0 : nextElementPosition.left) !== null && _a !== void 0 ? _a : right;
+                        const remainSpace = rightmostPossiblePoint -
                             currentElementPosition.right +
                             x -
                             labelsMargin;

package/dist/esm/utils/chart/index.d.ts

@@ -44,6 +44,8 @@ export declare function isSeriesWithCategoryValues(series: UnknownSeries): serie
 };
 export declare const getDomainDataXBySeries: (series: UnknownSeries[]) => unknown[];
 export declare function getDefaultMaxXAxisValue(series: UnknownSeries[]): 0 | undefined;
+export declare function getDefaultMinXAxisValue(series: UnknownSeries[]): number | undefined;
+export declare function getDefaultMinYAxisValue(series?: UnknownSeries[]): number | undefined;
 export declare const getDomainDataYBySeries: (series: UnknownSeries[]) => unknown[];
 export declare const getSeriesNames: (series: ChartSeries[]) => string[];
 export declare const getOnlyVisibleSeries: <T extends {

package/dist/esm/utils/chart/index.js

@@ -6,6 +6,7 @@ import sortBy from 'lodash/sortBy';
 import { DEFAULT_AXIS_LABEL_FONT_SIZE } from '../../constants';
 import { getSeriesStackId } from '../../hooks/useSeries/utils';
 import { formatNumber, getNumberUnitRate } from '../../libs/format-number';
+import { getWaterfallPointSubtotal } from './series/waterfall';
 import { getDefaultDateFormat } from './time';
 export * from './math';
 export * from './text';
@@ -90,6 +91,36 @@ export function getDefaultMaxXAxisValue(series) {
     }
     return undefined;
 }
+export function getDefaultMinXAxisValue(series) {
+    if (series === null || series === void 0 ? void 0 : series.some((s) => CHART_SERIES_WITH_VOLUME_ON_X_AXIS.includes(s.type))) {
+        return series.reduce((minValue, s) => {
+            // https://github.com/gravity-ui/charts/issues/160
+            // @ts-expect-error
+            const minXValue = s.data.reduce((res, d) => Math.min(res, get(d, 'x', 0)), 0);
+            return Math.min(minValue, minXValue);
+        }, 0);
+    }
+    return undefined;
+}
+export function getDefaultMinYAxisValue(series) {
+    if (series === null || series === void 0 ? void 0 : series.some((s) => CHART_SERIES_WITH_VOLUME_ON_Y_AXIS.includes(s.type))) {
+        return series.reduce((minValue, s) => {
+            switch (s.type) {
+                case 'waterfall': {
+                    const minSubTotal = s.data.reduce((res, d) => Math.min(res, getWaterfallPointSubtotal(d, s) || 0), 0);
+                    return Math.min(minValue, minSubTotal);
+                }
+                default: {
+                    // https://github.com/gravity-ui/charts/issues/160
+                    // @ts-expect-error
+                    const minYValue = s.data.reduce((res, d) => Math.min(res, get(d, 'y', 0)), 0);
+                    return Math.min(minValue, minYValue);
+                }
+            }
+        }, 0);
+    }
+    return undefined;
+}
 export const getDomainDataYBySeries = (series) => {
     const groupedSeries = group(series, (item) => item.type);
     return Array.from(groupedSeries).reduce((acc, [type, seriesList]) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/charts",
-  "version": "1.10.2",
+  "version": "1.11.1",
   "description": "React component used to render charts",
   "license": "MIT",
   "main": "dist/cjs/index.js",