手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

echarts按照从大到小,实现滚动排序

时间:2024-10-14 09:51:23

1、以官方示例来演示

echarts按照从大到小,实现滚动排序

2、修改data及legend。只需要一组数据,删除其他多余数据

echarts按照从大到小,实现滚动排序

3、不显示x和y轴

echarts按照从大到小,实现滚动排序

4、将数据提取出来,并按照从大到小的顺序排列。因为要显示名此,所以使用dataIn蟠校盯昂dex来保存排名Y轴显示排名,在柱子上显示名称和数值。所以需要格式化label

echarts按照从大到小,实现滚动排序

5、当数据较多时,可以通过每次显示固定条数,然后定时刷新来更新一条这里演示显示个数show_num为3的情况,其中startIndex是所显示数据的起始索引,lastIndex为所显示数据的结束索引在格式化柱子上的标签时,需要根据具体的索引值获取显示信息

echarts按照从大到小,实现滚动排序

6、添加定时器,定时器到时后,更新Y轴、series的数据和索引值

echarts按照从大到小,实现滚动排序

7、代码已经上传,可以按需要修改测试

echarts按照从大到小,实现滚动排序
© 手抄报圈