最近一个需求,在Echarts图表X轴日期中标记出今天的日期,思索了半天觉得使用markLine来解决。内网机不方便展示,就用官方示例来演示。
主要代码是在Echarts图表中的series属性中 使用
series: [
{
type:'line', //type属性标识为线图
markLine:{ //使用警戒线
symbol:'none', //取消警戒线箭头
silent:'true', //图形是否不响应和触发鼠标事件,默认为 false,即响应和触发鼠标事件
data:[{ //data属性 放置自己数据,我个人X轴为365天日期,所以我后端写了个当前日期的接口传给前端用一个变量来代替
xAxis:'2022-01-17'
}],
label:{ // label属性 设置图线的样式
show:true,
color:'red',
fontSize:20,
formatter:'今日' // 如图所示返回一个String
},
lineStyle:{ //线条颜色与线条虚实
color:'red',
type:"scrollDataIndex"
},
},
},
]