echart怎么做两条虚线
时间: 2023-11-01 22:59:40 浏览: 33
要在Echart中制作两条虚线,你可以通过在代码中使用markLine来实现。在markLine的配置项中,可以设置data属性来指定标记线的位置,以及使用label来设置标记线的样式和位置。以下是一个示例代码:
this.series = [
{
name: 'XXX',
type: 'line',
symbolSize: 8,
symbol: "none",
hoverAnimation: false,
data: speedList
},
{
name: 'XXX',
type: 'line',
xAxisIndex: 1,
yAxisIndex: 1,
symbolSize: 8,
symbol: "none",
hoverAnimation: false,
data: smoothList,
markLine: {
symbol: ['circle', 'none'],
silent: true,
itemStyle: {
normal: {
show: true,
color: '#2F4554'
}
},
label: {
normal: {
position: 'middle'
}
},
data: [
{ yAxis: 2.75 },
{ yAxis: 3.25 }
]
}
}
];
以上代码中,我们在markLine的data属性中添加了两个yAxis的数值,分别为2.75和3.25。这样就可以在Echart中实现两条虚线了。