<Recharts />

RadialBarChart

Properties

• widthNumber

  The width of chart container.

• heightNumber

  The height of chart container.

• dataArray

  The source data which each element is an object.

  FORMAT:

  [{name: 'a', value: 12}]

• marginObject

  The sizes of whitespace around the container.

  DEFAULT: { top: 5, right: 5, bottom: 5, left: 5 }

  FORMAT:

  { top: 5, right: 5, bottom: 5, left: 5 }

• barCategoryGapPercentage| Number

  The gap between two bar categories, which can be a percent value or a fixed value.

  DEFAULT: '10%'

• barGapNumber

  The gap between two bars in the same category.

  DEFAULT: 4

• cxPercentage | Number

  The x-coordinate of center. If set a percentage, the final value is obtained by multiplying the percentage of width.

  DEFAULT: '50%'

• cyPercentage | Number

  The y-coordinate of center. If set a percentage, the final value is obtained by multiplying the percentage of height.

  DEFAULT: '50%'

• startAngleNumber

  The start angle of all the bars.

  DEFAULT: 0

• endAngleNumber

  The end angle of all the bars.

  DEFAULT: 360

• innerRadiusPercentage | Number

  The innerRadius of the radial bar which is most close to the center. If set a percentage, the final value is obtained by multiplying the percentage of maxRadius which is calculated by the width, height, cx, cy.

  DEFAULT: '30%'

• outerRadiusPercentage | Number

  The outerRadius of the radial bar which is most far away from the center. If set a percentage, the final value is obtained by multiplying the percentage of maxRadius which is calculated by the width, height, cx, cy.

  DEFAULT: '100%'

• barSizeNumberoptional

  The size of each bar. If the barSize is not specified, the size of bar will be calculated by the barCategoryGap, barGap and the quantity of bar groups.

• onMouseEnterFunctionoptional

  The function will be called when mouse enter bars.

• onMouseLeaveFunctionoptional

  The function will be called when mouse leave bars.

• onClickFunctionoptional

  The function will be called when click bars.

• onDoubleClickFunctionoptional

  The customized event handler of dblclick in this chart.

• onContextMenuFunctionoptional

  The customized event handler of contextmenu in this chart.