Hex Core JS
    Preparing search index...

    Type Alias AreaProps

    type AreaProps = {
        activeDot?: RechartsAreaProps["activeDot"];
        animateNewValues?: RechartsAreaProps["animateNewValues"];
        animationBegin?: RechartsAreaProps["animationBegin"];
        animationDuration?: RechartsAreaProps["animationDuration"];
        animationEasing?: RechartsAreaProps["animationEasing"];
        className?: RechartsAreaProps["className"];
        connectNulls?: RechartsAreaProps["connectNulls"];
        dot?: RechartsAreaProps["dot"];
        hide?: RechartsAreaProps["hide"];
        isAnimationActive?: RechartsAreaProps["isAnimationActive"];
        legendType?: RechartsAreaProps["legendType"];
        name?: RechartsAreaProps["name"];
        onAnimationEnd?: RechartsAreaProps["onAnimationEnd"];
        onAnimationStart?: RechartsAreaProps["onAnimationStart"];
        stackId?: RechartsAreaProps["stackId"];
        tooltipType?: RechartsAreaProps["tooltipType"];
        type?: RechartsAreaProps["type"];
        unit?: RechartsAreaProps["unit"];
        xAxisId?: RechartsAreaProps["xAxisId"];
        yAxisId?: RechartsAreaProps["yAxisId"];
    }
    Index

    Properties

    activeDot? animateNewValues? animationBegin? animationDuration? animationEasing? className? connectNulls? dot? hide? isAnimationActive? legendType? name? onAnimationEnd? onAnimationStart? stackId? tooltipType? type? unit? xAxisId? yAxisId?

    Properties

    activeDot?: RechartsAreaProps["activeDot"]

    Just like dot but only for hovered data points. A boolean, indicating whether a dot should appear on each data point Or an object with keys className, cx, cy and r defining size and position of dots Or a custom (svg) component to render instead of a dot. recharts.org docs

    animateNewValues?: RechartsAreaProps["animateNewValues"]

    whether to animate values when data is updated. Seems to require isAnimationActive to be true.

    animationBegin?: RechartsAreaProps["animationBegin"]
    animationDuration?: RechartsAreaProps["animationDuration"]
    animationEasing?: RechartsAreaProps["animationEasing"]
    className?: RechartsAreaProps["className"]

    className attached to each area

    connectNulls?: RechartsAreaProps["connectNulls"]

    Whether to fill null values with interpolated data. recharts.org docs

    dot?: RechartsAreaProps["dot"]

    A boolean, indicating whether a dot should appear on each data point Or an object with keys className, cx, cy and r defining size and position of dots Or a custom (svg) component to render instead of a dot. recharts.org docs

    hide?: RechartsAreaProps["hide"]

    Whether to hide the current area.

    isAnimationActive?: RechartsAreaProps["isAnimationActive"]

    Whether to animate values. recharts.org docs

    legendType?: RechartsAreaProps["legendType"]

    the type of icon to display in legends. recharts.org docs

    name?: RechartsAreaProps["name"]

    label to appear in tooltips and legends. recharts.org docs

    onAnimationEnd?: RechartsAreaProps["onAnimationEnd"]
    onAnimationStart?: RechartsAreaProps["onAnimationStart"]
    stackId?: RechartsAreaProps["stackId"]
    tooltipType?: RechartsAreaProps["tooltipType"]

    what kind of tooltip to display for this area. Only seems to accept "none". Otherwise displays as normal.

    type?: RechartsAreaProps["type"]

    smoothing type. Defaults to "monotone". recharts.org docs

    unit?: RechartsAreaProps["unit"]

    units to show in tooltips. recharts.org docs

    xAxisId?: RechartsAreaProps["xAxisId"]

    id of x axis. Used when there are multiple x axes in a single chart. recharts.org docs

    yAxisId?: RechartsAreaProps["yAxisId"]

    id of y axis. Used when there are multiple y axes in a single chart. recharts.org docs

    Settings

    Member Visibility

    On This Page

    Properties