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?

Javascript vue.js echarts4

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'
        },
    ],

Previous: When vue edits and adds a pop-up box, it already assigns a value to the form when editing, and then clicks add when the form already has a value, how to click add to return to the original state?

Next: Front end. How should I request the interface for exporting the table?

How to use dataZoom attribute to realize a lot of overlap of echart line chart data
echart line chart data overlap a lot how to use the dataZoom attribute to achieve? That is, the mouse can be dragged, and the horizontal axis changes accordingly, how to achieve it? Found that the search on CSDN did not solve the problem-sharp-sharp-sha...

Javascript vue.js echarts4

Apr.07,2022