Echarts在线免费图表

 
            option = {
    backgroundColor: '#202020',
    title: {
        top: 40,
        text: 'Radar with Polygon Fill✍',
        subtext: '',
        x: 'center',
        textStyle: {
            align: 'center',
            color: '#fff',
            fontSize: 30,
            fontWeight: '100',
        },
    },
    tooltip: {},
    radar: {
        radius: '60%',
        center: ['50%', '55%'],
        splitNumber: 100,
        name: {
            textStyle: {
                color: '#fff',
            }
        },
        splitLine: {
            lineStyle: {
                width: 1,
                color: '#202020',
            }
        },
        axisLine: {
             lineStyle: {
                width: 10,
                color: '#202020',
            }
         },
        splitArea: {
            areaStyle: {
                color: [
                    new echarts.graphic.LinearGradient(0, 0, 1, 0,
                        [{
                            offset: 0,
                            color: '#FFEE08'
                        }, {
                            offset: 1,
                            color: '#000'
                        }], 
                    false),
                    new echarts.graphic.LinearGradient(0, 0, 1, 0,
                        [{
                            offset: 0,
                            color: '#000'
                        }, {
                            offset: 1,
                            color: '#DC07BB'
                        }], 
                    false),
                ]
            },
        },
        indicator: [{
                name: 'Sunday',
                max: 100
            },
            {
                name: 'Monday',
                max: 100
            },
            {
                name: 'Tuesday',
                max: 100
            },
            {
                name: 'Wednesday',
                max: 100
            },
            {
                name: 'Thursday',
                max: 100
            },
            {
                name: 'Friday',
                max: 100
            },
            {
                name: 'Saturday',
                max: 100
            }
        ]
    },
    series: [{
        name: 'Title✍',
        type: 'radar',
        symbolSize: 10,
        itemStyle: {
            borderColor: '#202020',
            borderWidth: 1,
        },
        areaStyle: {
            normal: {
                opacity: 0,
            },
        },
        data: [{
            itemStyle: {
                normal: {
                    color: '#C6FA08',
                    shadowColor: 'rgba(0, 0, 0, 1)',
                    shadowBlur: 10,
                    shadowOffsetX: 5,
                    shadowOffsetY: 5,
                },
            },
            value: [20, 33, 80, 50, 30, 40, 100]
        }]
    }]
};