echarts通过dataZoom来控制默认显示固定条数数据

最新推荐文章于 2024-10-29 16:28:50 发布

原创最新推荐文章于 2024-10-29 16:28:50 发布 · 6.6k 阅读

6 ·

CC 4.0 BY-SA版权

本文介绍如何在ECharts中实现数据的动态显示，通过调整dataZoom组件的参数，可以灵活控制图表显示的数据范围，例如默认展示最近六条数据，适用于实时数据监控场景。

需求：默认显示倒数六条数据

// 想显示成几条那么就把6改成几就可以了，dataAxis是横坐标的长度(倒序排列)
var start = dataAxis.length - 6
var end = dataAxis.length - 1
 dataZoom: [
         {
            type: 'slider',
            startValue: start,
            endValue:end
        },
        {
            type: 'inside'
        },
    ],