option = {
title: {
// text: '折线图堆叠'
},
tooltip: {
trigger: 'axis'
},
legend: {
data:[{
name: '邮件营销',
icon: 'rect'
}],
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
axisLine: {
lineStyle: {
color: '#999',
}
},
axisTick: {
lineStyle: {
color: '#999',
}
},
//网格线
splitLine: {
show:true,
},
data: ['周一','周二','周三','周四','周五','周六','周日']
},
yAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: '#999',
}
},
axisTick: {
lineStyle: {
color: '#999',
}
},
},
series: [
{
name:'邮件营销',
type:'line',
smooth: true,
symbolSize: 7,
data:[120, 132, 101, 134, 90, 230, 210],
lineStyle: {
},
itemStyle: {
normal: {
color: "rgba(179,127,235,0.5)",
lineStyle: {
color: '#7b7878',
width: 1,
}
}
},
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: 'rgba(179,127,235,0.5)' // 0% 处的颜色
}, {
offset: 0.5, color: 'rgba(179,127,235,0.3)' // 100% 处的颜色
},{
offset: 1, color: 'rgba(179,127,235,0.1)' // 100% 处的颜色
}],
global: false // 缺省为 false
}
}
},
]
};
使用Echarts 写渐变式折线图
最新推荐文章于 2024-08-05 11:28:39 发布