Vue ECharts简易实现雷达图

目录

• 前言
• 雷达图特点
• 雷达图的基本实现
• 雷达图的常见效果
• 显示数值
• 区域面积
• 绘制类型
• 完整代码

前言

本篇来学习写雷达图

雷达图特点

可以用来分析多个维度的数据与标准数据的对比情况

雷达图的基本实现

• ECharts 最基本的代码结构
• 定义各个维度的最大值
• 准备具体产品的数据
• 在 series 下设置 type:radar

效果

雷达图的常见效果

显示数值

var option = {
  series: [
   {
      type: 'radar',
      label: {
        show: true
   }
 ]
}

效果

区域面积

areaStyle：{}

绘制类型

shape：支持 ‘polygon’ (多边行 )和’circle’ (圆形)

完整代码

到此这篇关于Vue ECharts简易实现雷达图的文章就介绍到这了,更多相关Vue ECharts雷达图内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！