如题,官方文档并没有对 normal
做出解释,但网络上的诸多例子中它却频频出现,本人在测试中恰好遇到了它。
有人回答说:“normal 是图形在默认状态下的样式,加上这个属性和不加这个属性样式都是一样的”,但是他们只验证了 label.normal
无需设置。而我在测试折线图线条渐变时,不设置 normal
是达不到效果的。
参考配置:
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [150, 230, 224, 218, 135, 147, 260],
type: 'line',
itemStyle: {
// 必须在 normal 里设置
normal: {
lineStyle:{
color:{
colorStops: [{
offset: 0, color: 'red' // 0% 处的颜色
}, {
offset: 1, color: 'blue' // 100% 处的颜色
}],
}
},
},
// 直接设置会失效
// lineStyle:{
// color:{
// colorStops: [{
// offset: 0, color: 'red' // 0% 处的颜色
// }, {
// offset: 1, color: 'blue' // 100% 处的颜色
// }],
// }
// },
},
}]
};
那么请问是否是该配置即将被废弃而不写入文档,还是单纯的被遗漏了?
这个配置确实被废弃了,可以生效是为了向下兼容
写的时候最好看你使用的版本,然后按照文档来写,按照新版的,直接在itemStyle或lineStyle中设置color就可以了