Radar

父组件

Radar consumes context provided by these components:

子组件

Radar provides context for these components:

Props

  • activeDotFunction | Partial<ActiveDotProps> | ReactNode | false | trueoptional

    默认值:true

  • angleAxisIdnumber | stringoptional

    默认值:0

  • animationBeginnumberoptional

    Specifies when the animation should begin, the unit of this option is ms.

    默认值:0

  • animationDurationnumberoptional

    Specifies the duration of animation, the unit of this option is ms.

    默认值:1500

  • animationEasing"ease" | "ease-in" | "ease-in-out" | "ease-out" | "linear"optional

    The type of easing function.

    默认值:"ease"

  • baseLinePointsArray<RadarPoint>optional

  • classNamestringoptional

  • connectNullsbooleanoptional

  • dataKeyFunction | number | stringoptional

    Decides how to extract the value of this Radar from the data:

    • string: the name of the field in the data object;
    • number: the index of the field in the data;
    • function: a function that receives the data object and returns the value of this Radar.

  • dotFunction | Partial<Props> | ReactNode | false | trueoptional

    Renders a circle element at each data point. Options:

    • false: no dots are drawn;
    • true: renders the dots with default settings;
    • object: the props of the dot. This will be merged with the internal calculated props of each dot;
    • ReactElement: the custom dot element;
    • function: a render function of the custom dot.

    默认值:false

  • hidebooleanoptional

    默认值:false

  • isAnimationActive"auto" | false | trueoptional

    If set false, animation of polygon will be disabled. If set "auto", the animation will be disabled in SSR and enabled in browser.

    默认值:"auto"

  • isRangebooleanoptional

  • labelFunction | Props | ReactNode | false | trueoptional

    Renders one label for each point. Options:

    • true: renders default labels;
    • false: no labels are rendered;
    • object: the props of LabelList component;
    • ReactElement: a custom label element;
    • function: a render function of custom label.

    默认值:false

  • legendType"circle" | "cross" | "diamond" | "line" | "none" | "plainline" | "rect" | "square" | "star" | "triangle" | "wye"optional

    The type of icon in legend. If set to 'none', no legend item will be rendered.

    默认值:"rect"

  • pointsArray<RadarPoint>optional

    The coordinates of all the vertexes of the radar shape, like an array of objects with x and y coordinates.

  • radiusAxisIdnumber | stringoptional

    默认值:0

  • shapeFunction | ReactNodeoptional

    If set a ReactElement, the shape of radar can be customized. If set a function, the function will be called to render customized shape.

  • tooltipType"none"optional

  • zIndexnumberoptional

    默认值:100

  • onAnimationEndReact.AnimationEventHandler<T>optional

    The customized event handler of animation end

  • onAnimationStartReact.AnimationEventHandler<T>optional

    The customized event handler of animation start

  • onMouseEnterFunctionoptional

  • onMouseLeaveFunctionoptional