分数雷达-根据分数显示不同颜色echarts radar配置项内容和展示

雷达测标注, 根据传入的数值不同, 展示不同的颜色

      option = {
        tooltip: {
            trigger: 'axis'
        },
        backgroundColor: '#1F262C',
        radar: {
            indicator: [{
                name: '政府监管',
                max: 100,
                num:60,
            }, {
                name: '公众监督',
                max: 100,
                num:33,
            }, {
                name: '主体自律',
                max: 100,
                num:10,
            }, {
                name: '产业经营数据分析',
                max: 100,
                num:50,
            }, {
                name: '物联网智能分析',
                max: 100,
                num:100,
            }],
            splitNumber: 4,
            axisLine: { //指向外圈文本的分隔线样式
                lineStyle: {
                    color: '#2c353d'
                }
            },
            splitLine: {
                lineStyle: {
                    color: ['#2c353d'],
                    width: 2
                }
            },
            splitArea: {
                areaStyle: {
                    color: ['transparent']
                }
            },
            name: {
                color: '#fff',
                formatter: function (value, indicator) {
                    let text  = indicator.num > 10?'{green|' + indicator.num + "分" + '}\n{a|' + value + '}':'{yellow|' + indicator.num + "分" + '}\n{a|' + value + '}'
                    return text

                },
                lineHeight: 20,
                rich: {
                    a: {
                        color: '#7C8892',
                        fontSize: 14,
                        align: 'center'
                    },
                 yellow:{
                        color: '#FFDC00',
                        fontSize: 14,
                        align: 'center'
                    },
                    green:{
                        color: '#7FE17D',
                        fontSize: 14,
                        align: 'center'
                    }
                }
            },
        },
        series: [{
            type: 'radar',
            tooltip: {
                trigger: 'item'
            },
            symbol: 'none',
            itemStyle: {
                normal: {
                    color: '#096e32',
                    borderColor: '#46ff91'
                }
            },
            areaStyle:{
                color:['#096e32'],
                opacity:0.4
            },
            data: [{
                value: [60, 33, 10, 50, 100],
            }]
        },]
};