• 步骤1 ECharts 最基本的代码结构 ```javascript <!DOCTYPE html> 

    2. - 步骤2 定义各个维度的最大值
    3. ```javascript
    4. var dataMax = [ { name: '易用性', max: 100 },
    5.                { name: '功能', max: 100 },
    6.                { name: '拍照', max: 100 },
    7.                { name: '跑分', max: 100 },
    8.                { name: '续航', max: 100 } ]

    • 步骤3 准备具体产品的数据

      1. var hwScore = [80, 90, 80, 82, 90]
      2. var zxScore = [70, 82, 75, 70, 78]

    • 步骤4 在 series 下设置 type:radar 

      1. var option = { radar: { 
      2. indicator: dataMax },
      3.             series: [ { 
      4.               type: 'radar',
      5.               data: [ 
      6.                      { name: '华为手机1', value: hwScore },
      7.                      { name: '中兴手机1', value: zxScore }
      8.                     ]
      9.             } ]

      image.png

      绘制类型 shape 雷达图绘制类型，支持 ‘polygon’ 和 ‘circle’ ‘polygon’ : 多边形 ‘circle’ 圆形

    1. var option = { 
    2.               radar: { indicator: dataMax, shape: 'circle' },
    3.               series: [ { type: 'radar', label: { show: true },
    4.                          data: [
    5.                            { name: '华为手机1', value: hwScore },
    6.                            { name: '中兴手机1', value: zxScore } ]
    7.                         } ] 
    8.              }