使用雷达图表示某一物体在多个维度下的综合信息

实现步骤

echarts的基本代码结构

引入js文件，DOM容器，初始化对象，设置option

定义各个维度的最大值

indicator:[{name:’续航能力’，max:2}，{name：’价格’，max：12000}，….]

将各个属性和最大值存放为一个数组

image.png
image.png

准备具体产品的数据

data:[{name:’华为手机’，value:[80,90,80,82,90]}，…….]
image.png

指明图表类型

在series下设置type:radar
image.png

雷达图常用配置

显示数值

label节点配置
image.png

区域面积

areaStyle
image.png
image.png

绘制类型

shape这个属性节点配置
shape是配置在radar节点下的，不是配置在series节点下的，默认是polygon
image.png
image.png

总结

最大值就是标准值，可以产看产品和标准值的差距，还可以进行不同产品的对比
image.png