javascript - echarts radar 每个拐点设置不同颜色

问题描述

问 题

有没办法在雷达图为每个拐点设置不同颜色？

我一开始想的是每个数据单独设置，但在雷达图里无法成功，请问有什么方法吗？

var data = [
    [55,90,50],
    [{
        value: 20,
        itemStyle: {
            normal: {
                color: 'black'
            }
        }
    }, {
        value: 20,
        itemStyle: {
            normal: {
                color: 'yellow'
            }
        }
    }, {
        value: 20,
        itemStyle: {
            normal: {
                color: 'green'
            }
        }
    }]
]
option = {
    radar: {
        indicator: [
            {name: 'AQI', max: 300},
            {name: 'PM2.5', max: 250},
            {name: 'PM10', max: 300},
        ],
    },
    series: [
        {
            type: 'radar',
            data: data
        }
    ]
};

解决方案

说个自己的处理方法。
直接写个函数，变成四组数据

var data = [[55,90,50]];
var data1 = [[50,'-','-']];
var data2 = [['-',90,'-']];
var data3 = [['-','-',50]];

之后每个拐点单独绘制。

这篇关于javascript - echarts radar 每个拐点设置不同颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！