双十一雷达图是其他基础图表的一种,与基本雷达图相比,双十一雷达图仅支持单个维度的数据展示,支持自定义雷达面积区域和动画样式,支持标签文本的外部显示,支持通过预设最大值来映射雷达区域的面积占比,适用于双十一期间各区域所售卖的商品数量的大屏展示,例如展示华北、华东、华南等区域的商品销售数量。本文档为您介绍双十一雷达图各配置项的含义,帮助您快速准确地使用双十一雷达图组件。

样式

  • 基础属性
    • 图表尺寸:组件的宽度和高度,单位为px。
    • 图表位置:组件在大屏中的位置,通过横纵坐标来定义,单位为px。
    • 其他:组件的旋转角度和透明度。
  • 全局

    • 顶部偏移值:雷达图相对于组件顶部的偏移值。
  • 外圈样式

    • 边线颜色:外圈边线的颜色,可参考颜色选择器说明进行修改。
    • 边线宽:外圈边线的宽度。
  • 雷达面积区域

    • 预设最大值:雷达面积区域预设的最大值。当预设最大值大于数据的最大value值时,预设最大值越大,雷达区域占比越少。
    • 颜色:雷达图的渐变颜色,单击右侧的+号或垃圾桶图标,添加或删除一个颜色区域。
      • 位置:各颜色在渐变带中的位置。
      • 颜色:各位置的颜色。
    • 边线宽:区域边线的宽度,单位为px。
    • 边线样式:区域边线的样式,可选:曲线、直线。
    • 曲线弧度:边线为曲线时的弧度,范围为0到1,为1时边线变为直线。
  • 文本框及连线

    • 文本框距连线距离:文本框与连线之间的纵向距离,单位为px。
    • 字体:组件中所有文本的字体系列,默认为微软雅黑
    • 字体颜色:组件中所有文本的字体颜色。
    • 字号:组件中所有文本的字体大小。
    • 字体粗细:组件所有文本的字体粗细。
    • 连线颜色:连线的颜色。
    • 连线宽:连线的宽度,单位为px。
  • 扫光:扫光效果的样式,可单击眼睛图标开启或关闭扫光效果。

    • 图片:扫光效果所使用的图片,输入为图片的url链接。
    • 动画时长:扫光动画持续的时间,单位为s。

数据



上图中的示例JSON代码如下:
[

  {

    "type": "Type1",

    "value": 80

  },

  {

    "type": "Type2",

    "value": 120

  },

  {

    "type": "Type3",

    "value": 95

  },

  {

    "type": "Type4",

    "value": 80

  },

  {

    "type": "Type5",

    "value": 90

  },

  {

    "type": "Type6",

    "value": 78

  }

]
  • type:类目值,对应具体的文本内容。
  • value:数值,对应图中雷达区域中的具体数据。数值越大,距离外圈越近。

交互

此组件没有交互事件。