公司的一个大屏要做整改,UI小姐姐设计了新的图,其中一个圆滑的曲线图让我搜了好久,下面看看这个样子是什么的吧
其实不是很难哦,参考echarts官网以及其他的博客就完成了 ,下面上代码
series: [
{
name: "邮件营销",
smooth: true,//变为曲线 默认false折线
symbolSize: 1,//去掉页面上显示的圆点
type: "line",
itemStyle: {
normal: {
color: "#00FFFF",
lineStyle: {
color: "#00FFFF",
},
},
},
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: '#00FFFF'//下层渐变
}, {
offset: 0.8,
color: 'rgba(137, 189, 27, 0)'
}], false),
shadowColor: 'rgba(0, 0, 0, 0.1)',
shadowBlur: 10
}
},
......
]
展示一下我的吧