这篇博客详细介绍了如何利用Echarts库中的style属性，创建一个从红色到透明再到红色的线性渐变效果。通过设置不同的offset值，控制颜色在渐变过程中的分布，实现了动态的线条样式，增加了数据可视化的视觉吸引力。
用线性渐变，
style: api.style({
stroke: new echarts.graphic.LinearGradient(
0,
0,
0,
1,
[
{
offset: 0,
color: 'red',
},
{
offset: 0.2,
color: 'red',
},
{
offset: 0.2,
color: 'transparent',
},
{
offset: 0.4,
color: 'transparent',
},
{
offset: 0.4,
color: 'red',
},
{
offset: 0.6,
color: 'red',
},
{
offset: 0.6,
color: 'transparent',
},
{
offset: 0.8,
color: 'transparent',
},
{
offset: 0.8,
color: 'red',
},
{
offset: 1,
color: 'red',
},
],
false
),
lineWidth: 4,
}),
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
