上次介绍了Echarts的饼图，现在简单介绍下Echarts的雷达图

首先，老规矩，在使用Echarts时，要先引用Echarts，然后创建容器挂载绘制的图表，接着将当前容器传进去，创建Echarts实例，此处比较简单，往期也有，所以一律省略这个

雷达图

雷达图主要用来展示四维及以上的数据，但是最好不要超过六维，否则搭配其他图表来做复杂效果的时候，数据辨识度较低。 这里主要做一个展示五个维度数据的雷达图，以历史人物的各项指标（统率、智力、武力、政治、魅力）为例（数据非真实），主要涉及了标题组件、图例组件、提示框组件、雷达图坐标系组件以及数据列组件 标题组件、图例组件、提示框组件跟以前没有什么区别，看下代码就好

title:{ text:'人物各项指标雷达图',//标题 subtext:'数据非真实',//副标题 left:'center' }

legend:{ data:['孙武','张良','项籍'],//图例名称 top:'bottom', formatter: function(name,params){ return name; } }

tooltip:{ trigger:'item', backgroundColor:'#27727B',//'#C1232B' //修改背景颜色 padding:10,//加个内边距 }

  主要是雷达图坐标系组件以及数据列组件，首先是雷达图坐标系组件，要绘制雷达图必须要配合雷达图的坐标系组件，该组件有个indicator属性，用来指定雷达图的多个维度，同时可以设置最大最小值。详细代码如下，主要是指定了雷达图每个维度以及对每个维度名称进行了配置，包括格式化以及文本样式修改

radar:{ name:{ formatter: function (value, indicator) { return value + '（' + indicator.max + '）'; }, textStyle:{ color:'#D7504B', fontStyle:'oblique', fontWeight:'bolder', fontSize:14 } }, indicator:[ {name:'统率',max:100}, {name:'智力',max:100}, {name:'武力',max:100}, {name:'政治',max:100}, {name:'魅力',max:100} ] }

  然后是数据列组件，使用雷达图的数据列配置，看图例的代码可以知道是有3个雷达图数据配置的，但是3个除了数据不一样以外，其他配置基本一样的，所以这里只贴一个的代码，其他类似。代码如下，主要是对图表的线条样式、区域填充样式做了些修改，同时把拐点标记的图形给他去掉，然后再加上数据

series:[ { type:'radar', name:'张良', center:['50%','50%'], lineStyle:{ normal:{ type:'dotted', opacity:0.5 } }, data:[ { value:[60,100,50,85,80], symbol:'none', areaStyle:{ normal:{ opacity:0.3 } } } ] } ]

  将配置项设置到Echarts实例上，然后运行一下，我们就可以看到一个简单的雷达图出来了。