@wonderflow/react-components/dist/examples/charts/storybook/line-chart.stories.d.ts

UI components from Wonderflow's Wanda design system

/// <reference types="react" />
import { ComponentMeta, ComponentStory } from '@storybook/react';
import { CartesianChartLayout, LineChart } from '@wonderflow/charts';
export declare const FakeMenu: JSX.Element;
declare const story: ComponentMeta<typeof LineChart>;
export default story;
export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const withOverlay: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const withMultipleOverlay: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const withAverage: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const withTrendline: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const withMissingData: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const withMultipleSeries: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const withCategoriesOnIndex: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const withNestedData: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const withCustomLineStyle: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const withBrush: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const withCustomDomain: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const withVerticalLayout: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const withNoData: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const WithMenu: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const renderAsLines: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const renderAsSteps: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
export declare const WithinCard: ComponentStory<import("react").ForwardRefExoticComponent<{
    theme?: import("@wonderflow/charts").ThemeVariants | undefined;
    layout?: CartesianChartLayout | undefined;
    data: import("@wonderflow/charts").Data;
    renderAs?: import("@wonderflow/charts").LineChartRenderType | undefined;
    index: import("@wonderflow/charts").LineChartIndex;
    series: import("@wonderflow/charts").LineChartSeries;
    overlay?: import("@wonderflow/charts").LineChartSeries | undefined;
    showAverage?: boolean | undefined;
    showTrendline?: boolean | undefined;
    tooltipExtraContent?: import("react").ReactNode;
    preventTooltipDisplay?: boolean | undefined;
    hideMissingDataConnection?: boolean | undefined;
    showMarker?: boolean | undefined;
    showMarkerLabel?: boolean | undefined;
    hidePadding?: boolean | undefined;
} & import("type-fest/source/except").Except<import("@wonderflow/charts").CartesianBaseProps, "axis" | "axisFiltered" | "onBrushChange"> & import("react").RefAttributes<HTMLElement>>>;
//# sourceMappingURL=line-chart.stories.d.ts.map