@gravity-ui/chartkit 5.17.1 → 5.18.0

package/build/plugins/d3/renderer/hooks/useShapes/waterfall/prepare-data.js

@@ -1,133 +0,0 @@
-import get from 'lodash/get';
-import sortBy from 'lodash/sortBy';
-import { getLabelsSize } from '../../../utils';
-import { MIN_BAR_GAP, MIN_BAR_WIDTH } from '../constants';
-import { getXValue, getYValue } from '../utils';
-function getLabelData(d, plotHeight) {
-    if (!d.series.dataLabels.enabled) {
-        return undefined;
-    }
-    const text = String(d.data.label || d.subTotal);
-    const style = d.series.dataLabels.style;
-    const { maxHeight: height, maxWidth: width } = getLabelsSize({ labels: [text], style });
-    let y;
-    if (Number(d.data.y) > 0 || d.data.total) {
-        y = Math.max(height, d.y - d.series.dataLabels.padding);
-    }
-    else {
-        y = Math.min(plotHeight - d.series.dataLabels.padding, d.y + d.height + d.series.dataLabels.padding + height);
-    }
-    return {
-        text,
-        x: d.x + d.width / 2,
-        y,
-        style,
-        size: { width, height },
-        textAnchor: 'middle',
-        series: d.series,
-    };
-}
-function getBandWidth(args) {
-    const { series, xAxis, xScale } = args;
-    if (xAxis.type === 'category') {
-        const xBandScale = xScale;
-        return xBandScale.bandwidth();
-    }
-    const xLinearScale = xScale;
-    const xValues = series.reduce((acc, s) => {
-        s.data.forEach((dataItem) => acc.push(Number(dataItem.x)));
-        return acc;
-    }, []);
-    let bandWidth = Infinity;
-    xValues.sort().forEach((xValue, index) => {
-        if (index > 0 && xValue !== xValues[index - 1]) {
-            const dist = xLinearScale(xValue) - xLinearScale(xValues[index - 1]);
-            if (dist < bandWidth) {
-                bandWidth = dist;
-            }
-        }
-    });
-    return bandWidth;
-}
-export const prepareWaterfallData = (args) => {
-    const { series, seriesOptions, xAxis, xScale, yAxis: [yAxis], yScale: [yScale], } = args;
-    const yLinearScale = yScale;
-    const plotHeight = yLinearScale(yLinearScale.domain()[0]);
-    const barMaxWidth = get(seriesOptions, 'waterfall.barMaxWidth');
-    const barPadding = get(seriesOptions, 'waterfall.barPadding');
-    const flattenData = series.reduce((acc, s) => {
-        acc.push(...s.data.map((d) => ({ data: d, series: s })));
-        return acc;
-    }, []);
-    const data = sortBy(flattenData, (d) => d.data.x);
-    const bandWidth = getBandWidth({
-        series,
-        xAxis,
-        xScale,
-    });
-    const rectGap = Math.max(bandWidth * barPadding, MIN_BAR_GAP);
-    const rectWidth = Math.max(MIN_BAR_WIDTH, Math.min(bandWidth - rectGap, barMaxWidth));
-    const yZero = getYValue({
-        point: { y: 0 },
-        yScale,
-        yAxis,
-    });
-    let totalValue = 0;
-    const result = [];
-    data.forEach((item, _index) => {
-        if (typeof item.data.y !== 'number' && !item.data.total) {
-            return;
-        }
-        if (!item.data.total) {
-            totalValue += Number(item.data.y);
-        }
-        const prevPoint = result[result.length - 1];
-        const xCenter = getXValue({ point: item.data, xAxis, xScale });
-        const x = xCenter - rectWidth / 2;
-        const yValue = Number(item.data.total ? totalValue : item.data.y);
-        const height = yZero -
-            getYValue({
-                point: { y: Math.abs(yValue) },
-                yScale,
-                yAxis,
-            });
-        let y;
-        if (!prevPoint || item.data.total) {
-            y = getYValue({
-                point: {
-                    y: yValue > 0 ? yValue : 0,
-                },
-                yScale,
-                yAxis,
-            });
-        }
-        else if (Number(prevPoint.data.y) < 0) {
-            if (Number(item.data.y) > 0) {
-                y = prevPoint.y + prevPoint.height - height;
-            }
-            else {
-                y = prevPoint.y + prevPoint.height;
-            }
-        }
-        else if (Number(item.data.y) < 0) {
-            y = prevPoint.y;
-        }
-        else {
-            y = prevPoint.y - height;
-        }
-        const preparedData = {
-            x,
-            y,
-            width: rectWidth,
-            height,
-            opacity: get(item.data, 'opacity', null),
-            data: item.data,
-            series: item.series,
-            subTotal: totalValue,
-            htmlElements: [],
-        };
-        preparedData.label = getLabelData(preparedData, plotHeight);
-        result.push(preparedData);
-    });
-    return result;
-};

package/build/plugins/d3/renderer/hooks/useShapes/waterfall/types.d.ts

@@ -1,15 +0,0 @@
-import { WaterfallSeriesData } from '../../../../../../types';
-import { HtmlItem, LabelData } from '../../../types';
-import { PreparedWaterfallSeries } from '../../useSeries/types';
-export type PreparedWaterfallData = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    opacity: number | null;
-    series: PreparedWaterfallSeries;
-    data: WaterfallSeriesData;
-    label?: LabelData;
-    subTotal: number;
-    htmlElements: HtmlItem[];
-};

package/build/plugins/d3/renderer/hooks/useShapes/waterfall/types.js

@@ -1 +0,0 @@
-export {};

package/build/plugins/d3/renderer/hooks/useSplit/index.d.ts

@@ -1,14 +0,0 @@
-import type { ChartKitWidgetSplit } from '../../../../../types';
-import type { PreparedSplit } from './types';
-type UseSplitArgs = {
-    split?: ChartKitWidgetSplit;
-    boundsHeight: number;
-    chartWidth: number;
-};
-export declare function getPlotHeight(args: {
-    split: ChartKitWidgetSplit | undefined;
-    boundsHeight: number;
-    gap: number;
-}): number;
-export declare const useSplit: (args: UseSplitArgs) => PreparedSplit;
-export {};

package/build/plugins/d3/renderer/hooks/useSplit/index.js

@@ -1,57 +0,0 @@
-import get from 'lodash/get';
-import { calculateNumericProperty, getHorisontalSvgTextHeight } from '../../utils';
-const DEFAULT_TITLE_FONT_SIZE = '15px';
-const TITLE_TOP_BOTTOM_PADDING = 8;
-function preparePlotTitle(args) {
-    const { title, plotIndex, plotHeight, chartWidth, gap } = args;
-    const titleText = (title === null || title === void 0 ? void 0 : title.text) || '';
-    const titleStyle = {
-        fontSize: get(title, 'style.fontSize', DEFAULT_TITLE_FONT_SIZE),
-        fontWeight: get(title, 'style.fontWeight'),
-    };
-    const titleHeight = titleText
-        ? getHorisontalSvgTextHeight({ text: titleText, style: titleStyle }) +
-            TITLE_TOP_BOTTOM_PADDING * 2
-        : 0;
-    const top = plotIndex * (plotHeight + gap);
-    return {
-        text: titleText,
-        x: chartWidth / 2,
-        y: top + titleHeight / 2,
-        style: titleStyle,
-        height: titleHeight,
-    };
-}
-export function getPlotHeight(args) {
-    const { split, boundsHeight, gap } = args;
-    const plots = (split === null || split === void 0 ? void 0 : split.plots) || [];
-    if (plots.length > 1) {
-        return (boundsHeight - gap * (plots.length - 1)) / plots.length;
-    }
-    return boundsHeight;
-}
-export const useSplit = (args) => {
-    var _a;
-    const { split, boundsHeight, chartWidth } = args;
-    const splitGap = (_a = calculateNumericProperty({ value: split === null || split === void 0 ? void 0 : split.gap, base: boundsHeight })) !== null && _a !== void 0 ? _a : 0;
-    const plotHeight = getPlotHeight({ split: split, boundsHeight, gap: splitGap });
-    const plots = (split === null || split === void 0 ? void 0 : split.plots) || [];
-    return {
-        plots: plots.map((p, index) => {
-            const title = preparePlotTitle({
-                title: p.title,
-                plotIndex: index,
-                gap: splitGap,
-                plotHeight,
-                chartWidth,
-            });
-            const top = index * (plotHeight + splitGap);
-            return {
-                top: top + title.height,
-                height: plotHeight - title.height,
-                title,
-            };
-        }),
-        gap: splitGap,
-    };
-};

package/build/plugins/d3/renderer/hooks/useSplit/types.d.ts

@@ -1,17 +0,0 @@
-import type { BaseTextStyle } from '../../../../../types';
-export type PreparedSplit = {
-    plots: PreparedPlot[];
-    gap: number;
-};
-export type PreparedPlot = {
-    title: PreparedPlotTitle;
-    top: number;
-    height: number;
-};
-export type PreparedPlotTitle = {
-    x: number;
-    y: number;
-    text: string;
-    style?: Partial<BaseTextStyle>;
-    height: number;
-};

package/build/plugins/d3/renderer/hooks/useSplit/types.js

@@ -1 +0,0 @@
-export {};

package/build/plugins/d3/renderer/hooks/useTooltip/index.d.ts

@@ -1,13 +0,0 @@
-import type { Dispatch } from 'd3';
-import type { TooltipDataChunk } from '../../../../../types/widget-data';
-import { PreparedTooltip } from '../useChartOptions/types';
-import type { PointerPosition } from './types';
-type Args = {
-    dispatcher: Dispatch<object>;
-    tooltip: PreparedTooltip;
-};
-export declare const useTooltip: ({ dispatcher, tooltip }: Args) => {
-    hovered: TooltipDataChunk[] | undefined;
-    pointerPosition: PointerPosition | undefined;
-};
-export {};

package/build/plugins/d3/renderer/hooks/useTooltip/index.js

@@ -1,17 +0,0 @@
-import React from 'react';
-export const useTooltip = ({ dispatcher, tooltip }) => {
-    const [{ hovered, pointerPosition }, setTooltipState] = React.useState({});
-    React.useEffect(() => {
-        if (tooltip === null || tooltip === void 0 ? void 0 : tooltip.enabled) {
-            dispatcher.on('hover-shape.tooltip', (nextHovered, nextPointerPosition) => {
-                setTooltipState({ hovered: nextHovered, pointerPosition: nextPointerPosition });
-            });
-        }
-        return () => {
-            if (tooltip === null || tooltip === void 0 ? void 0 : tooltip.enabled) {
-                dispatcher.on('hover-shape.tooltip', null);
-            }
-        };
-    }, [dispatcher, tooltip]);
-    return { hovered, pointerPosition };
-};

package/build/plugins/d3/renderer/hooks/useTooltip/types.d.ts

@@ -1 +0,0 @@
-export type PointerPosition = [number, number];

package/build/plugins/d3/renderer/hooks/useTooltip/types.js

@@ -1 +0,0 @@
-export {};

package/build/plugins/d3/renderer/types/index.d.ts

@@ -1,24 +0,0 @@
-import { BaseTextStyle } from '../../../../types';
-export type LabelData = {
-    text: string;
-    x: number;
-    y: number;
-    style: BaseTextStyle;
-    size: {
-        width: number;
-        height: number;
-    };
-    textAnchor: 'start' | 'end' | 'middle';
-    series: {
-        id: string;
-    };
-    active?: boolean;
-};
-export type HtmlItem = {
-    x: number;
-    y: number;
-    content: string;
-};
-export type ShapeDataWithHtmlItems = {
-    htmlElements: HtmlItem[];
-};

package/build/plugins/d3/renderer/types/index.js

@@ -1 +0,0 @@
-export {};

package/build/plugins/d3/renderer/utils/axis-generators/bottom.d.ts

@@ -1,24 +0,0 @@
-import type { AxisDomain, AxisScale, Selection } from 'd3';
-import { BaseTextStyle } from '../../../../../types';
-type AxisBottomArgs = {
-    scale: AxisScale<AxisDomain>;
-    ticks: {
-        count?: number;
-        maxTickCount?: number;
-        labelFormat?: (value: any) => string;
-        labelsPaddings?: number;
-        labelsMargin?: number;
-        labelsStyle?: BaseTextStyle;
-        labelsMaxWidth?: number;
-        labelsLineHeight: number;
-        items?: [number, number][];
-        rotation?: number;
-        tickColor?: string;
-    };
-    domain: {
-        size: number;
-        color?: string;
-    };
-};
-export declare function axisBottom(args: AxisBottomArgs): (selection: Selection<SVGGElement, unknown, null, undefined>) => void;
-export {};

package/build/plugins/d3/renderer/utils/axis-generators/bottom.js

@@ -1,126 +0,0 @@
-import { path, select } from 'd3';
-import { getXAxisItems, getXAxisOffset, getXTickPosition } from '../axis';
-import { calculateCos, calculateSin } from '../math';
-import { getLabelsSize, setEllipsisForOverflowText } from '../text';
-function addDomain(selection, options) {
-    const { size, color } = options;
-    const domainPath = selection
-        .selectAll('.domain')
-        .data([null])
-        .enter()
-        .insert('path', '.tick')
-        .attr('class', 'domain')
-        .attr('d', `M0,0V0H${size}`);
-    if (color) {
-        domainPath.style('stroke', color);
-    }
-}
-export function axisBottom(args) {
-    const { scale, ticks: { labelFormat = (value) => String(value), labelsPaddings = 0, labelsMargin = 0, labelsMaxWidth = Infinity, labelsStyle, labelsLineHeight, items: tickItems, count: ticksCount, maxTickCount, rotation = 0, tickColor, }, domain, } = args;
-    const offset = getXAxisOffset();
-    const position = getXTickPosition({ scale, offset });
-    const values = getXAxisItems({ scale, count: ticksCount, maxCount: maxTickCount });
-    const labelHeight = getLabelsSize({
-        labels: values,
-        style: labelsStyle,
-    }).maxHeight;
-    return function (selection) {
-        var _a, _b, _c;
-        const rect = (_a = selection.node()) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-        const x = (rect === null || rect === void 0 ? void 0 : rect.x) || 0;
-        const right = x + domain.size;
-        const top = -((_c = (_b = tickItems === null || tickItems === void 0 ? void 0 : tickItems[0]) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : 0);
-        let transform = `translate(0, ${labelHeight + labelsMargin - top}px)`;
-        if (rotation) {
-            const labelsOffsetTop = labelHeight * calculateCos(rotation) + labelsMargin - top;
-            let labelsOffsetLeft = calculateSin(rotation) * labelHeight;
-            if (Math.abs(rotation) % 360 === 90) {
-                labelsOffsetLeft += ((rotation > 0 ? -1 : 1) * labelHeight) / 2;
-            }
-            transform = `translate(${-labelsOffsetLeft}px, ${labelsOffsetTop}px) rotate(${rotation}deg)`;
-        }
-        const tickPath = path();
-        tickItems === null || tickItems === void 0 ? void 0 : tickItems.forEach(([start, end]) => {
-            tickPath.moveTo(0, start);
-            tickPath.lineTo(0, end);
-        });
-        selection
-            .selectAll('.tick')
-            .data(values)
-            .order()
-            .join((el) => {
-            const tick = el.append('g').attr('class', 'tick');
-            tick.append('path')
-                .attr('d', tickPath.toString())
-                .attr('stroke', tickColor !== null && tickColor !== void 0 ? tickColor : 'currentColor');
-            tick.append('text')
-                .text(labelFormat)
-                .attr('fill', 'currentColor')
-                .attr('text-anchor', () => {
-                if (rotation) {
-                    return rotation > 0 ? 'start' : 'end';
-                }
-                return 'middle';
-            })
-                .style('transform', transform)
-                .style('alignment-baseline', 'after-edge');
-            return tick;
-        })
-            .attr('transform', function (d) {
-            return `translate(${position(d) + offset}, ${top})`;
-        });
-        // Remove tick that has the same x coordinate like domain
-        selection
-            .select('.tick')
-            .filter((d) => {
-            return position(d) === 0;
-        })
-            .select('line')
-            .remove();
-        const labels = selection.selectAll('.tick text');
-        // FIXME: handle rotated overlapping labels (with a smarter approach)
-        if (rotation) {
-            const maxWidth = labelsMaxWidth * calculateCos(rotation) + labelsLineHeight * calculateSin(rotation);
-            labels.each(function () {
-                setEllipsisForOverflowText(select(this), maxWidth);
-            });
-        }
-        else {
-            // remove overlapping labels
-            let elementX = 0;
-            selection
-                .selectAll('.tick')
-                .filter(function () {
-                const node = this;
-                const r = node.getBoundingClientRect();
-                if (r.left < elementX) {
-                    return true;
-                }
-                elementX = r.right + labelsPaddings;
-                return false;
-            })
-                .remove();
-            // add an ellipsis to the labels that go beyond the boundaries of the chart
-            labels.each(function (_d, i, nodes) {
-                if (i === nodes.length - 1) {
-                    const currentElement = this;
-                    const prevElement = nodes[i - 1];
-                    const text = select(currentElement);
-                    const currentElementPosition = currentElement.getBoundingClientRect();
-                    const prevElementPosition = prevElement === null || prevElement === void 0 ? void 0 : prevElement.getBoundingClientRect();
-                    const lackingSpace = Math.max(0, currentElementPosition.right - right);
-                    if (lackingSpace) {
-                        const remainSpace = right - ((prevElementPosition === null || prevElementPosition === void 0 ? void 0 : prevElementPosition.right) || 0) - labelsPaddings;
-                        const translateX = currentElementPosition.width / 2 - lackingSpace;
-                        text.attr('text-anchor', 'end').attr('transform', `translate(${translateX},0)`);
-                        setEllipsisForOverflowText(text, remainSpace);
-                    }
-                }
-            });
-        }
-        const { size: domainSize, color: domainColor } = domain;
-        selection
-            .call(addDomain, { size: domainSize, color: domainColor })
-            .style('font-size', (labelsStyle === null || labelsStyle === void 0 ? void 0 : labelsStyle.fontSize) || '');
-    };
-}

package/build/plugins/d3/renderer/utils/axis-generators/index.d.ts

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

package/build/plugins/d3/renderer/utils/axis-generators/index.js

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

package/build/plugins/d3/renderer/utils/axis.d.ts

@@ -1,31 +0,0 @@
-import type { AxisDomain, AxisScale, ScaleBand } from 'd3';
-import type { PreparedAxis, PreparedSplit } from '../hooks';
-import type { TextRow } from './text';
-export declare function getTicksCount({ axis, range }: {
-    axis: PreparedAxis;
-    range: number;
-}): number | undefined;
-export declare function isBandScale(scale: AxisScale<AxisDomain>): scale is ScaleBand<AxisDomain>;
-export declare function getScaleTicks(scale: AxisScale<AxisDomain>, ticksCount?: number): any;
-export declare function getXAxisOffset(): 0 | 0.5;
-export declare function getXTickPosition({ scale, offset }: {
-    scale: AxisScale<AxisDomain>;
-    offset: number;
-}): (d: AxisDomain) => number;
-export declare function getXAxisItems({ scale, count, maxCount, }: {
-    scale: AxisScale<AxisDomain>;
-    count?: number;
-    maxCount?: number;
-}): any;
-export declare function getMaxTickCount({ axis, width }: {
-    axis: PreparedAxis;
-    width: number;
-}): number;
-export declare function getAxisHeight(args: {
-    split: PreparedSplit;
-    boundsHeight: number;
-}): number;
-export declare function getAxisTitleRows(args: {
-    axis: PreparedAxis;
-    textMaxWidth: number;
-}): TextRow[];

package/build/plugins/d3/renderer/utils/axis.js

@@ -1,71 +0,0 @@
-import { wrapText } from './text';
-export function getTicksCount({ axis, range }) {
-    let ticksCount;
-    if (axis.ticks.pixelInterval) {
-        ticksCount = Math.ceil(range / axis.ticks.pixelInterval);
-    }
-    return ticksCount;
-}
-export function isBandScale(scale) {
-    return 'bandwidth' in scale && typeof scale.bandwidth === 'function';
-}
-export function getScaleTicks(scale, ticksCount) {
-    return 'ticks' in scale && typeof scale.ticks === 'function'
-        ? scale.ticks(ticksCount)
-        : scale.domain();
-}
-export function getXAxisOffset() {
-    return typeof window !== 'undefined' && window.devicePixelRatio > 1 ? 0 : 0.5;
-}
-function number(scale) {
-    return (d) => Number(scale(d));
-}
-function center(scale, offset) {
-    offset = Math.max(0, scale.bandwidth() - offset * 2) / 2;
-    if (scale.round()) {
-        offset = Math.round(offset);
-    }
-    return (d) => Number(scale(d)) + offset;
-}
-export function getXTickPosition({ scale, offset }) {
-    return isBandScale(scale) ? center(scale.copy(), offset) : number(scale.copy());
-}
-export function getXAxisItems({ scale, count, maxCount, }) {
-    let values = getScaleTicks(scale, count);
-    if (maxCount && values.length > maxCount) {
-        const step = Math.ceil(values.length / maxCount);
-        values = values.filter((_, i) => i % step === 0);
-    }
-    return values;
-}
-export function getMaxTickCount({ axis, width }) {
-    const minTickWidth = parseInt(axis.labels.style.fontSize) + axis.labels.padding;
-    return Math.floor(width / minTickWidth);
-}
-export function getAxisHeight(args) {
-    const { split, boundsHeight } = args;
-    if (split.plots.length > 1) {
-        return split.plots[0].height;
-    }
-    return boundsHeight;
-}
-export function getAxisTitleRows(args) {
-    const { axis, textMaxWidth } = args;
-    if (axis.title.maxRowCount < 1) {
-        return [];
-    }
-    const textRows = wrapText({
-        text: axis.title.text,
-        style: axis.title.style,
-        width: textMaxWidth,
-    });
-    return textRows.reduce((acc, row, index) => {
-        if (index < axis.title.maxRowCount) {
-            acc.push(row);
-        }
-        else {
-            acc[axis.title.maxRowCount - 1].text += row.text;
-        }
-        return acc;
-    }, []);
-}

package/build/plugins/d3/renderer/utils/color.d.ts

@@ -1,10 +0,0 @@
-import { ChartKitWidgetData } from '../../../../types';
-export declare function getDomainForContinuousColorScale(args: {
-    series: ChartKitWidgetData['series']['data'];
-}): number[];
-export declare function getDefaultColorStops(size: number): number[];
-export declare function getContinuesColorFn(args: {
-    values: number[];
-    colors: string[];
-    stops?: number[];
-}): (value: number) => string;

package/build/plugins/d3/renderer/utils/color.js

@@ -1,43 +0,0 @@
-import { range, scaleLinear } from 'd3';
-export function getDomainForContinuousColorScale(args) {
-    const { series } = args;
-    const values = series.reduce((acc, s) => {
-        switch (s.type) {
-            case 'pie': {
-                acc.push(...s.data.map((d) => d.value));
-                break;
-            }
-            case 'bar-y': {
-                acc.push(...s.data.map((d) => Number(d.x)));
-                break;
-            }
-            case 'scatter':
-            case 'bar-x':
-            case 'waterfall':
-            case 'line':
-            case 'area': {
-                acc.push(...s.data.map((d) => Number(d.y)));
-                break;
-            }
-            default: {
-                throw Error(`The method for calculation a domain for a continuous color scale for the "${s.type}" series is not defined`);
-            }
-        }
-        return acc;
-    }, []);
-    return [Math.min(...values), Math.max(...values)];
-}
-export function getDefaultColorStops(size) {
-    return range(size).map((d) => d / size);
-}
-export function getContinuesColorFn(args) {
-    const { values, colors, stops: customStops } = args;
-    const min = Math.min(...values);
-    const max = Math.max(...values);
-    const stops = customStops !== null && customStops !== void 0 ? customStops : getDefaultColorStops(colors.length);
-    const color = scaleLinear(stops, colors);
-    return (value) => {
-        const colorValue = (value - min) / (max - min);
-        return color(colorValue);
-    };
-}

package/build/plugins/d3/renderer/utils/get-closest-data.d.ts

@@ -1,15 +0,0 @@
-import type { ChartKitWidgetSeries, ChartKitWidgetSeriesData, TooltipDataChunk } from '../../../../types';
-import type { ShapeData } from '../hooks';
-type GetClosestPointsArgs = {
-    position: [number, number];
-    shapesData: ShapeData[];
-};
-export type ShapePoint = {
-    x: number;
-    y0: number;
-    y1: number;
-    data: ChartKitWidgetSeriesData;
-    series: ChartKitWidgetSeries;
-};
-export declare function getClosestPoints(args: GetClosestPointsArgs): TooltipDataChunk[];
-export {};