雷达图

组件说明

雷达图主要用于表现多变量的数据,例如球员的各个属性分析。

效果案例

An image

样式

在样式中可以设置组件的基本属性、全局、坐标轴、和系列配置。

1. 基本属性

  • 位置尺寸
    位置包括组件的横坐标和纵坐标,单位为px;横坐标为组件左上角距离页面左边界的像素距离,纵坐标为组件左上角距离页面上边界的像素距离。尺寸包括组件的宽度和高度,单位为px;可单击比例锁锁定组件宽高比,等比例调整组件的宽高,比例锁默认不锁定。

2. 全局

支持圆心位置、内外半径的设置。

  • 数值标签
    An image
  • 图例
    An image

3. 坐标轴

配置项说明
轴线轴线颜色和粗细
刻度刻度线的颜色、粗细、长度
刻度标签标签文本样式
指示器名称指示器文本样式
分隔线分隔线颜色和粗细
分隔区域区域颜色

4. 系列

配置项说明
映射字段名和显示名之间的映射。
折线线颜色改变指定系列的折线样式,样式内容包括折线类型、颜色、粗细、曲线、null值连接和粗细。
数据标记数据标记 改变指定系列的数据标记模式,单圆/双圆标记样式
区域区域颜色。

数据

点击查看数据结构
[
  {
    "seriesName": "系列一",
    "name": "维度一",
    "value": 20
  },
  {
    "seriesName": "系列一",
    "name": "维度二",
    "value": 80
  },
  {
    "seriesName": "系列一",
    "name": "维度三",
    "value": 50
  },
  {
    "seriesName": "系列一",
    "name": "维度四",
    "value": 20
  },
  {
    "seriesName": "系列一",
    "name": "维度五",
    "value": 90
  },
  {
    "seriesName": "系列一",
    "name": "维度六",
    "value": 40
  },
  {
    "seriesName": "系列二",
    "name": "维度一",
    "value": 80
  },
  {
    "seriesName": "系列二",
    "name": "维度二",
    "value": 80
  },
  {
    "seriesName": "系列二",
    "name": "维度三",
    "value": 20
  },
  {
    "seriesName": "系列二",
    "name": "维度四",
    "value": 95
  },
  {
    "seriesName": "系列二",
    "name": "维度五",
    "value": 80
  },
  {
    "seriesName": "系列二",
    "name": "维度六",
    "value": 88
  }
]