我们看到Echarts官网上的很多折线图不够平滑,如果我们想要让他平滑展示,可以这样做:增加属性 smooth:true,
option = {
xAxis: {
type: 'category',
boundaryGap: false,
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
show:false
},
yAxis: {
type: 'value',
show:false
},
series: [{
smooth:true, //在这里添加属性!!
data: [20, 32, 10, 34, 23, 30, 20],
type: 'line',
areaStyle: {}
}],
grid:{
top: '15%', // 与容器顶部的距离
bottom: '55%', // 与容器底部的距离
},
};
前后对比看一下: