The coordinate of X axis in echars is from 0 to 24:00, initialize display 0, 6, 12, 18, 24, and then play the display 1, 2, 3, 4, etc. How to achieve the scale?

var time = ["00:00", "01:00", "02:00", "03:00", "04:00", "05:00", "06:00", "07:00", "08:00", "09:00", "10:00", "11:00", "12:00", "13:00", "14:00", "15:00", "16:00", "16:00", "17:00", "17:00", "17:00", "17:00", "21:00", "22:00", "23:00", "24:00"]
dataZoom: [

            //
            {
                type: "slider",
                start: 0,
                end: 100,
                bottom:20
            },
            //
            {
                type: "inside",
                realtime: true,
                start: 0,
                end: 100
            }
        ],
        xAxis: {
            type: "category",
            data: time.map(function (item) {
                return item;
            }),
            axisLabel: {
                interval:5,
                formatter: function (value, idx) {
                    return value;
                },
                //
                color:"-sharp333",
            },
            //X
            axisLine:{
                lineStyle:{
                    color:"-sharp333"
                }
            },
            //X
            splitLine: {
                show: true,
                lineStyle:{
                    color:"-sharp333",
                }
            },
            boundaryGap: false,
        },
Mar.24,2022
Menu