radar

::: tip TIP radar为雷达图提供坐标系支持,如果需要使用雷达图,则需要该配置。 :::

show

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

center

  1. /**
  2. * @description 坐标系中心点
  3. * @type {Array}
  4. * @default center = ['50%','50%']
  5. * @example center = ['50%','50%'] | [100, 100]
  6. */

radius

  1. /**
  2. * @description 坐标系半径
  3. * @type {String|Number}
  4. * @default radius = '65%'
  5. * @example radius = '65%' | 100
  6. */

startAngle

  1. /**
  2. * @description 坐标系起始角度 (弧度值)
  3. * @type {Number}
  4. * @default startAngle = -Math.PI / 2
  5. * @example startAngle = -Math.PI
  6. */

splitNum

  1. /**
  2. * @description 坐标系分隔数目
  3. * @type {Number}
  4. * @default splitNum = 5
  5. */

polygon

  1. /**
  2. * @description 是否启用多边形坐标系
  3. * @type {Boolean}
  4. * @default polygon = false
  5. */

indicator

  1. /**
  2. * @description 坐标系指示符
  3. * @type {Array}
  4. */

indicator[i].name

  1. /**
  2. * @description 指示符标签名
  3. * @type {String}
  4. * @example name = 'itemA'
  5. */

indicator[i].min

  1. /**
  2. * @description 指示符最小值
  3. * @type {Number}
  4. * @default min = 0
  5. */

indicator[i].max

  1. /**
  2. * @description 指示符最大值
  3. * @type {Number}
  4. * @default max = Undefined
  5. */

axisLabel

  1. /**
  2. * @description 坐标系标签配置
  3. * @type {Object}
  4. */

axisLabel.show

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

axisLabel.labelGap

  1. /**
  2. * @description 标签与坐标系间的间距
  3. * @type {Number}
  4. * @default labelGap = 15
  5. */

axisLabel.color

  1. /**
  2. * @description 标签颜色 (Hex|rgb|rgba), 将覆盖style.fill
  3. * @type {Array}
  4. * @default color = []
  5. */

axisLabel.style

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

axisLine

  1. /**
  2. * @description 坐标轴线配置
  3. * @type {Object}
  4. */

axisLine.show

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

axisLine.color

  1. /**
  2. * @description 轴线颜色 (Hex|rgb|rgba), 将覆盖style.stroke
  3. * @type {Array}
  4. * @default color = []
  5. */

axisLine.style

  1. /**
  2. * @description 轴线默认样式
  3. * @type {Object}
  4. * @default style = {Class Style的配置项}
  5. */
  6. style: {
  7. stroke: '#999',
  8. lineWidth: 1
  9. }

splitLine

  1. /**
  2. * @description 坐标系分隔线配置
  3. * @type {Object}
  4. */

splitLine.show

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

splitLine.color

  1. /**
  2. * @description 分割线颜色 (Hex|rgb|rgba), 将覆盖 style.stroke
  3. * @type {Array}
  4. * @default color = []
  5. */

splitLine.style

  1. /**
  2. * @description 分割线默认样式
  3. * @type {Object}
  4. * @default style = {Class Style的配置项}
  5. */
  6. style: {
  7. stroke: '#d4d4d4',
  8. lineWidth: 1
  9. }

splitArea

  1. /**
  2. * @description 坐标系分隔区配置
  3. * @type {Object}
  4. */

splitArea.show

  1. /**
  2. * @description 是否显示分隔区
  3. * @type {Boolean}
  4. * @default show = false
  5. */

splitArea.color

  1. /**
  2. * @description 分隔区颜色 (Hex|rgb|rgba), 将覆盖 style.stroke
  3. * @type {Array}
  4. * @default color = []
  5. */

splitArea.style

  1. /**
  2. * @description 分隔区默认样式
  3. * @type {Object}
  4. * @default style = {Class Style的配置项}
  5. */

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. */

animationFrame

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