![](/assets/img/weixin-blog.311ae013.png)
技术咨询、项目合作、广告投放、简历咨询、技术文档下载
点击这里 联系博主
![](/images/oview/qrcode.png)
# 一、 雷达图基础构建
<p class="item-desc">普通的雷达图</p>
<o-chart :data="normalData" :legend="normalLegend" :col-defs="normalColumnConfig">
<o-radar :axis="normaAxis" position="item*score" color-field="user"></o-radar>
</o-chart>
这是一个光滑雷达图的案例,其中包括的配置项,
- 必须有的是data和position;
- col-defs:对提供的每个数据进行配置,legend:显示图例,
- axis:坐标系配置,
- color-field:对数据中的那个字段显示颜色
说明:
- 坐标轴position为必传项。
- 公用配置信息已在前文提及,请查阅
样例中有普通的雷达图,雷达面积图,自定义图标-雷达图其不同之处在于对每一项的配置不同而已,如您需要实现其中的某一部分请看样例源码 (opens new window) ,查看具体配置,具体配置信息和作用已在前文和下文中注明,请查阅。
# 二、雷达图额外配置
# isArea (以区域方式显示)
- 是否必须:False
- 参数类型:Boolean
- 默认:False
- 说明:是否以区域方式显示,如果为True则显示为雷达面积图。
# customDefine (是否自定义显示)
- 是否必须:False
- 参数类型:Boolean
- 默认:False
- 说明:是否自定义显示各个图表的logo.
- 本文链接: https://mrgaogang.github.io/article/oview/chart/radar.html
- 版权声明: 本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 许可协议。转载请注明出处!