echart:雷達圖

radarChartOption = {
    title : {
        // text: '清單費用構成',
textStyle:{
            fontWeight:'normal',
fontSize:'14',
color:'#666'
},
x:'center',
y:'15'
},
tooltip : {
        trigger: 'axis',
padding:10,
formatter:function(params){
            var data = '';
$.each(params,function (index,
 
item) {
                data += item.name+':'+item.value+'&nbsp;萬元 '+ '<br/>';
});
return params[0].indicator+'<br/>'+data;
}
    },
polar : [
        {
            radius:95,   //半徑
center:['50%','50%'], // 圖的位置
name:{
                // show: true, // 是否文字
                // formatter: null, // 文字的顯示形式
 
textStyle: {
                    color:'#999'   // 文字顏色
}
            },
indicator : [
                { text: '建築面積', max: 6000},
{ text: '主體結構面積', max: 16000},
{ text: '出入口通道面積', max: 30000},
{ text: '基坑埋深', max: 38000},
{ text: '車站長度', max: 52000},
{ text: '標準段寬', max: 32000}
            ],
splitArea : {
                show 
 
: true,
areaStyle : {
                    color: ["#f8f8f8","#e9e9e9"]  // 圖表背景網格區域的顏色
}
            },
splitLine : {
                show : true,
lineStyle : {
                    width : 1,
color : '#dbdbdb' // 圖表背景網格線的顏色
}
            }
        }
    ],
calculable : true,
series : [
        {
            name: '',
type: 'radar',
symbol:'emptyCircle',  /*曲線圓點*/
symbolSize:4,
data : [
                {
                    value : [4300, 8000, 18000, 35000, 40000, 19000,18000],
name: '模擬站',
totalNumber:1000,
itemStyle: {
                        normal: {
                            color : "#f4bc65"   // 圖表中各個圖區域的邊框線顏色
}
                    }
                },
{
                    value : [4000, 11000, 21000, 31000, 42000, 21000,11000],
name: '系統指標 ',
totalNumber:1000,
itemStyle: {
                        normal: {
                            color : "#e15c64" // 圖表中各個圖區域的邊框線拐點顏色
}
                    }
                }
            ]
        }
    ]
};

附圖：