var legendData = ['車輛數', '設計車位']; //圖例
var indicator = [{
        text: '小型車',
        max: 6000,
    },
    {
        text: '中型車',
        max: 5000
    },
    {
        text: '大型車',
        max: 5000
    },
    {
        text: '貨車',
        max: 5000,
        //  axisLabel: {show: true, textStyle: {fontSize: 18, color: '#333'}}
 

    },
    {
        text: '特種車',
        max: 5000
    },
    {
        text: '貴賓車',
        max: 5000
    }
];
var dataArr = [{
        value: [4300, 4700, 3600, 3900, 3800, 4200],
        name: legendData[0],
        itemStyle: {
            normal: {
                lineStyle: {
                    color: '#4A99FF',
                    
 
// shadowColor: '#4A99FF',
                    // shadowBlur: 10,
                },
                shadowColor: '#4A99FF',
                shadowBlur: 10,
            },
        },
        areaStyle: {
                normal: { // 單項區域填充樣式
                    color: {
                        type: 'linear',
                        x: 
 
0, //右
                        y: 0, //下
                        x2: 1, //左
                        y2: 1, //上
                        colorStops: [{
                            offset: 0,
                            color: '#4A99FF'
                        }, {
                            offset: 0.5,
                            color: 'rgba(0,0,0,0)'
                        }, {
                            offset: 1,
                            color: '#4A99FF'
                        }],
                        globalCoord: false
                    },
                    opacity: 1 // 區域透明度
                }
            }
    },
    {
        value: [3200, 3000, 3400, 2000, 3900, 2000],
        name: legendData[1],
        itemStyle: {
            normal: {
                lineStyle: {
                    color: '#4BFFFC',
                    // shadowColor: '#4BFFFC',
                    // shadowBlur: 10,
                },
                shadowColor: '#4BFFFC',
                shadowBlur: 10,
            },
        },
         areaStyle: {
                normal: { // 單項區域填充樣式
                    color: {
                        type: 'linear',
                        x: 0, //右
                        y: 0, //下
                        x2: 1, //左
                        y2: 1, //上
                        colorStops: [{
                            offset: 0,
                            color: '#4BFFFC'
                        }, {
                            offset: 0.5,
                            color: 'rgba(0,0,0,0)'
                        }, {
                            offset: 1,
                            color: '#4BFFFC'
                        }],
                        globalCoord: false
                    },
                    opacity: 1 // 區域透明度
                }
            }
    }
];
var colorArr = ['#4A99FF', '#4BFFFC']; //顏色
option = {
    backgroundColor: '#101736',
    color: colorArr,
    legend: {
        orient:'vertical',
        icon: 'circle', //圖例形狀
        data: legendData,
        bottom:35,
        right:40,
        itemWidth: 14, // 圖例標記的圖形寬度。[ default: 25 ]
        itemHeight: 14, // 圖例標記的圖形高度。[ default: 14 ]
        itemGap: 21, // 圖例每項之間的間隔。[ default: 10 ]橫向佈局時為水平間隔，縱向佈局時為縱向間隔。
        textStyle: {
            fontSize: 14,
            color: '#00E4FF',
        },
    },
    radar: {
        // shape: 'circle',
        name: {
            textStyle: {
                color: '#fff',
                fontSize: 16
            },
        },
        indicator: indicator,
        splitArea: { // 座標軸在 grid 區域中的分隔區域，預設不顯示。
            show: true,
            areaStyle: { // 分隔區域的樣式設定。
                color: ['rgba(255,255,255,0)', 'rgba(255,255,255,0)'], // 分隔區域顏色。分隔區域會按陣列中顏色的順序依次迴圈設定顏色。預設是一個深淺的間隔色。
            }
        },
        axisLine: { //指向外圈文字的分隔線樣式
            lineStyle: {
                color: '#153269'
            }
        },
        splitLine: {
            lineStyle: {
                color: '#113865', // 分隔線顏色
                width: 1, // 分隔線線寬
            }
        },
    },
    series: [{
        type: 'radar',
        symbolSize: 8,
        // symbol: 'angle',
        data: dataArr
    }]
};