series[i] ({type: ‘radar’, …})

将series子元素的type属性配置为radar,即可使用雷达图。

::: tip TIP 使用雷达图需要配置radar雷达坐标系。 :::

show

  1. /**
  2. * @description 是否显示该雷达图
  3. * @type {Boolean}
  4. * @default show = true
  5. */

name

  1. /**
  2. * @description 图例标签名
  3. * @type {String}
  4. * @default name = ''
  5. */

data

  1. /**
  2. * @description 构成雷达图的数据
  3. * @type {Array}
  4. * @default data = []
  5. * @example data = [100, 200, 300]
  6. */

radarStyle

  1. /**
  2. * @description 雷达图默认样式
  3. * @type {Object}
  4. * @default style = {Class Style的配置项}
  5. */
  6. radarStyle: {
  7. lineWidth: 1
  8. }

point

  1. /**
  2. * @description 雷达图球点配置
  3. * @type {Object}
  4. */

point.show

  1. /**
  2. * @description 是否显示雷达图球点
  3. * @type {Boolean}
  4. * @default show = true
  5. */

point.radius

  1. /**
  2. * @description 球点半径
  3. * @type {Number}
  4. * @default radius = 2
  5. */

point.style

  1. /**
  2. * @description 雷达图球点默认样式
  3. * @type {Object}
  4. * @default style = {Class Style的配置项}
  5. */
  6. style: {
  7. fill: '#fff'
  8. }

label

  1. /**
  2. * @description 雷达图标签配置
  3. * @type {Object}
  4. */

label.show

  1. /**
  2. * @description 是否显示标签
  3. * @type {Boolean}
  4. * @default show = true
  5. */

label.offset

  1. /**
  2. * @description 标签位置偏移
  3. * @type {Array}
  4. * @default offset = [0, 0]
  5. */

label.labelGap

  1. /**
  2. * @description 标签与雷达图间的间隔
  3. * @type {Number}
  4. * @default labelGap = 5
  5. */

label.formatter

  1. /**
  2. * @description 标签格式化
  3. * @type {String|Function}
  4. * @default formatter = null
  5. * @example formatter = 'Score-{value}'
  6. * @example formatter = (label) => (label)
  7. */

label.style

  1. /**
  2. * @description 标签默认样式
  3. * @type {Object}
  4. * @default style = {Class Style的配置项}
  5. */
  6. style: {
  7. fontSize: 10
  8. }

rLevel

  1. /**
  2. * @description 雷达图渲染级别
  3. * 级别高者优先渲染
  4. * @type {Number}
  5. * @default rLevel = 10
  6. */

animationCurve

  1. /**
  2. * @description 雷达图缓动曲线
  3. * @type {String}
  4. * @default animationCurve = 'easeOutCubic'
  5. */

animationFrane

  1. /**
  2. * @description 雷达图缓动效果帧数
  3. * @type {Number}
  4. * @default animationFrame = 50
  5. */