RadialBarChart

父组件

子组件

Properties

  • widthNumber

    图表的宽度。

  • heightNumber

    图表的高度。

  • dataArray

    The source data which each element is an object.

    格式:

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

    图表四周的留白大小,支持传入部分值(如: { top: 5 })。

    默认值:{ top: 5, right: 5, bottom: 5, left: 5 }

    格式:

    { top: 5, right: 5, bottom: 5, left: 5 }
  • barCategoryGapPercentage| Number

    两个类目之间的间隔距离,如果值为百分比,会根据类目宽度来计算实际值。

    默认值:'10%'

  • barGapNumber

    某一个类目下,相邻的两个柱条的间隔大小。如果值为百分比,会根据类目宽度来计算实际值。

    默认值:4

  • cxPercentage | Number

    圆心的 x 坐标,如果值为百分比,会根据图表的宽度来计算最后的值。

    默认值:'50%'

  • cyPercentage | Number

    圆心的 y 坐标,如果值为百分比,会根据图表的高度来计算最后的值。

    默认值:'50%'

  • startAngleNumber

    柱条的起始角度。

    默认值:0

  • endAngleNumber

    柱条的结束角度。

    默认值:360

  • innerRadiusPercentage | Number

    径向柱图最内侧柱条的内径。如果值为百分比,我们首先会根据圆心的坐标、图表的宽度、图表的高度计算一个最大半径,然后根据这个最大半径来计算真实的半径。

    默认值:'30%'

  • outerRadiusPercentage | Number

    径向柱图最外侧柱条的外径。如果值为百分比,我们首先会根据圆心的坐标、图表的宽度、图表的高度计算一个最大半径,然后根据这个最大半径来计算真实的半径。

    默认值:'100%'

  • barSizeNumberoptional

    柱条的宽度。如果指定这个值,会根据 barCategoryGap 和 barGap 来计算柱条的宽度,每组柱条的宽度是一样的。

  • onMouseEnterFunctionoptional

    每个柱条的 mouseenter 事件的回调函数,如果当子组件 RadialBar 上也绑定了同样的事件,子组件的事件回调函数才会被绑定。

  • onMouseLeaveFunctionoptional

    每个柱条的 mouseleave 事件的回调函数,如果当子组件 RadialBar 上也绑定了同样的事件,子组件的事件回调函数才会被绑定。

  • onClickFunctionoptional

    每个柱条的 click 事件的回调函数,如果当子组件 RadialBar 上也绑定了同样的事件,子组件的事件回调函数才会被绑定。

  • onDoubleClickFunctionoptional

    The customized event handler of dblclick in this chart.

  • onContextMenuFunctionoptional

    The customized event handler of contextmenu in this chart.