页面树结构
转至元数据结尾
转至元数据起始

(本文档仅供参考)

问题

雷达图希望实现颜色实现渐变的效果,如下截图

解决方案

具体请参考如下扩展属性

{
    series: [{
        areaStyle: {
            color: {
                //线性渐变
                type: 'linear',
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                    offset: 0,
                    color: 'red' // 0% 处的颜色
                }, {
                    offset: 1,
                    color: 'blue' // 100% 处的颜色
                }],
                global: false // 缺省为 false
            }
        }
    }]
}

关于雷达图渐变色的详细设置可参考Echarts文档的<series-radar. areaStyle>属性:https://echarts.apache.org/zh/option.html#series-radar
关于线性渐变和径向渐变可见Echarts文档:https://echarts.apache.org/zh/option.html#color

可参考资源:雷达-areaStyle颜色渐变.zip

  • 无标签