ECharts 标记线
series: [
{
name: '邮件营销',
type: 'line',
stack: '总量1',
yAxisIndex: 1,
data: [0, 10,20,30,40,50],
},
{
name: '联盟广告',
type: 'line',
stack: '总量2',
smooth: false, //关键点，为true是不支持虚线的，实线就用true
yAxisIndex: 0,
itemStyle: {
normal: {
lineStyle: {
width: 1,
type: 'solid' //'dotted'虚线 'solid'实线
}
}
},
data: [1, 2, 3, 4, 5, 6],
//标记线
markLine: {
symbol: "none", //去掉警戒线最后面的箭头
label: {
position: "middle" //将警示值放在哪个位置，三个值“start”,"middle","end" 开始 中点 结束
},
itemStyle: {
normal: { lineStyle: { type: 'dotted', color: '#F7C709' }, label: { show: true, position: 'left' } }
},
data: [
[
{
name: '最小日排量', coord: [0, 2],
lineStyle: {
//警戒线的样式 ，虚 dotted ,实 solid, 颜色,线的宽度
type: "dotted",
color: "#F7C709",
width: 3
},
},
{
name: '',
coord: [1, 2],
lineStyle: {
//警戒线的样式 ，虚 dotted ,实 solid, 颜色,线的宽度
type: "dotted",
color: "#F7C709",
width: 3
}
},
],
[
{
name: '',
coord: [1, 0],
lineStyle: { //警戒线的样式 ，虚 dotted ,实 solid, 颜色,线的宽度
type: "dotted",
color: "#F7C709",
width: 3
}
},
{
coord: [1, 2],
lineStyle: { //警戒线的样式 ，虚 dotted ,实 solid, 颜色,线的宽度
type: "dotted",
color: "#F7C709",
width: 3
}
}]
]
}
},
{
name: '视频广告',
type: 'line',
stack: '总量3',
yAxisIndex: 2,
data: [15, 23, 20, 15, 19, 33, 41]
},
{
name: '直接访问',
type: 'line',
stack: '总量4',
yAxisIndex: 3,
data: [32, 33, 30, 33, 39, 33, 32]
},
{
name: '搜索引擎',
type: 'line',
stack: '总量5',
yAxisIndex: 3,
data: [18, 23, 21, 34, 29, 33, 40]
}
]