(本文档仅供参考)
问题
雷达图希望实现颜色实现渐变的效果,如下截图
解决方案
具体请参考如下扩展属性
{ 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