RadialBarChart
Parent Components
RadialBarChart consumes context provided by these components:
Child Components
RadialBarChart provides context for these components:
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:
4cxPercentage | 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:
0endAngleNumber
The end angle of all the bars.
DEFAULT:
360innerRadiusPercentage | 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:
0outerRadiusPercentage | 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:
"80%"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.