RadarChart

Properties

• widthNumber

  The width of chart container.

• heightNumber

  The height of chart container.

• dataArray

  The source data, in which each element is an object.

  FORMAT:

  [{ 'subject': 'a', 'key': 120, 'fullMark': 150 }]
  [{ 'subject': 'a', 'key': 100, 'secondKey': 50, 'fullMark': 150 }]

• 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 angle of first radial direction line.

  DEFAULT: 90

• endAngleNumber

  The angle of last point in the circle which should be startAngle - 360 or startAngle + 360. We'll calculate the direction of chart by 'startAngle' and 'endAngle'.

  DEFAULT: -270

• innerRadiusPercentage | Number

  The inner radius of first circle grid. 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: 0

• outerRadiusPercentage | Number

  The outer radius of last circle grid. 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%'

• marginObject

  The sizes of whitespace around the container.

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

  FORMAT:

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

• onMouseEnterFunctionoptional

  The function will be called when mouse enter the 'Radar'.

• onMouseLeaveFunctionoptional

  The function will be called when mouse leave the 'Radar'.

• onClickFunctionoptional

  The function will be called when click the 'Radar'.

• onDoubleClickFunctionoptional

  The customized event handler of dblclick in this chart.

• onContextMenuFunctionoptional

  The customized event handler of contextmenu in this chart.