Echarts Abscissa zooms dataZoom, showing a fixed number when dragging left and right

problem description

there are many Abscissa returned from the interface. When dragging left and right, the number of Abscissa displayed is fixed. After referring to several, none of them achieved the effect in the link. Compared with dataZoom, which attribute should be changed?

the environmental background of the problems and what methods you have tried


https://blog.csdn.net/medivhq...
https://echarts. Baidu.com/exa...

related codes

/ / Please paste the code text below (do not replace the code with pictures)
dataZoom: [

    {
      show: true,
      realtime: true,
      start: 10,
      end: 15,
      zoomLock: true,
      xAxisIndex: 0 // echartsdemo[0, 1]
    }

what result do you expect? What is the error message actually seen?

May.08,2022

I happen to have requirements similar to yours. I display the last six pieces of data by default, which should be useful to you

// 6dataAxis
var start = 101-Math.floor((6/dataAxis.length)*100) 
// 6datazoomstart0end
var end = Math.floor((6/dataAxis.length)*100) - 2
 dataZoom: [
         {
            type: 'slider',
            start: start,
            end:100
        },
        {
            type: 'inside'
        },
    ],
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b31e57-2b54a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b31e57-2b54a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?