所用图为Echarts实例Dynamic Data
将x,y调换得到上下滚动的统计表:
此时图表的滚动是自上而下的,每个新数据出现在图表最上方,与我们的需要不符,需要改成自下而上滚动,我们想到了y轴倒置:
在y轴数据里面加一行:
yAxis: { inverse:true} //让Y轴数据逆向
就可以解决了!
效果图:
EchartsY轴倒置
最新推荐文章于 2024-07-04 09:28:19 发布
本文介绍了如何使用Echarts库创建一个动态数据展示图表,并通过设置y轴反转实现数据从底部向上滚动的效果。关键在于添加`yAxis.inverse: true`属性,使得新数据从图表底部开始添加,提供了一种独特的视觉体验。
摘要由CSDN通过智能技术生成