Echarts在线免费图表

 
            // 原作品：https://www.makeapie.com/editor.html?c=xS1sKZMUg7

option = {
    normal: {
        top: 200,
        left: 300,
        width: 500,
        height: 400,
        zIndex: 6,
        backgroundColor: ""
    },
    color: ["rgba(245, 166, 35, 1)", "rgba(19, 173, 255, 1)"],
    title: {
        show: true,
        text: "基础雷达图",
        left: "center",
        top: "1%",
        textStyle: {
            fontSize: 18,
            color: "#293C55",
            fontStyle: "normal",
            fontWeight: "normal"
        }
    },
    tooltip: {
        show: true,
        trigger: "item"
    },
    legend: {
        show: true,
        icon: "circle",
        left: "center",
        top: "90%",
        orient: "horizontal",
        textStyle: {
            fontSize: 14,
            color: "color"
        },
        data: ["数据1", "数据2"]
    },
    radar: {
        center: ["50%", "50%"],
        radius: "70%",
        startAngle: 90,
        splitNumber: 4,
        shape: "circle",
        splitArea: {
            areaStyle: {
                color: ["transparent"]
            }
        },
        axisLabel: {
            show: false,
            fontSize: 18,
            color: "#fff",
            fontStyle: "normal",
            fontWeight: "normal"
        },
        axisLine: {
            show: true,
            lineStyle: {
                color: "#293C55"//
            }
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: "grey"//
            }
        },
        indicator: [{
            "name": "道路结冰",
            "max": 88
        }, {
            "name": "暴雪",
            "max": 88
        }, {
            "name": "暴雨",
            "max": 88
        }, {
            "name": "冰雹",
            "max": 88
        }, {
            "name": "大风",
            "max": 88
        }, {
            "name": "大雾",
            "max": 88
        }, {
            "name": "高温",
            "max": 88
        }, {
            "name": "干旱",
            "max": 88
        }, {
            "name": "寒潮",
            "max": 88
        }, {
            "name": "雷电",
            "max": 88
        }, {
            "name": "霾",
            "max": 88
        }, {
            "name": "沙尘暴",
            "max": 88
        }, {
            "name": "霜冻",
            "max": 88
        }, {
            "name": "台风",
            "max": 88
        }, {
            "name": "洪水",
            "max": 88
        }]
    },
    series: [{
        name: "数据1",
        type: "radar",
        symbol: "circle",
        symbolSize: 10,
        areaStyle: {
            normal: {
                color: "rgba(245, 166, 35, 0.4)"
            }
        },
        itemStyle:{
            color:'rgba(245, 166, 35, 1)',
            borderColor:'rgba(245, 166, 35, 0.3)',
            borderWidth:10,
        },
        lineStyle: {
            normal: {
                type: "dashed",
                
                color: "rgba(245, 166, 35, 1)",
                width: 2
            }
        },
        data: [
            [80, 50, 55, 80, 50, 80, 48, 43, 60, 78, 60, 40, 42, 44, 65]
        ]
    }, {
        name: "数据2",
        type: "radar",
        symbol: "circle",
        symbolSize: 10,
        itemStyle: {
            normal: {
                color:'rgba(19, 173, 255, 1)',
                borderColor: "rgba(19, 173, 255, 0.4)",
                borderWidth: 10
            }
        },
        areaStyle: {
            normal: {
                color: "rgba(19, 173, 255, 0.5)"
            }
        },
        lineStyle: {
            normal: {
                color: "rgba(19, 173, 255, 1)",
                width: 2,
                type: "dashed"
            }
        },
        data: [
            [60, 60, 65, 60, 70, 40, 80, 63, 68, 60, 77, 60, 80, 62, 80]
        ]
    }]
};