xAxis: {
boundaryGap: false // 让X轴第一个值紧挨Y轴
}
yAxis: {
scale: true // 让Y轴的数值不用从0开始
}
series:[{
设置标注区间,可以有多个 markArea:{data:[
[{xAxis:'其实数据名'},{xAxis:'结束数据名'}],
[{xAxis:'其实数据名'},{xAxis:'结束数据名'}]
]}
smooth: true, // 让线条更平滑
linestyle: {
color: 'pink', // 线条颜色
type: 'solid'// dashed dotted solid 虚线 点线 实线
},
areaStyle: { // 填充风格 填充折现下方到X轴的距离
color: 'pink'
},{
type:'line',
data:data1,
stack:'all' // 堆叠图,stack里面的值随意,不过要使两个折线图堆叠的时候就要保持一致,让两个数值差不多的折线图,更清晰的表示
},
{
type:'line',
data:data2,
stack:'all'
}
}]
vue echarts(折线图)
最新推荐文章于 2024-07-29 17:40:36 发布