Firstly I want darw the below chart.

enter image description here

and I draw my chart like this enter image description here

the Xaxis is the problem. I want to locate Xaxis tick in exact position. I tried to control the 'numberTicks', 'ticks', 'tickInterval' but is wasn't worked. For example, If i change the tickInterval like this tickInterval = 10, it worked. but if tickInterval > 10, it doesn't worked.

here's my code. Thank you.

xaxis:{
            let timeFormat = 'MM/DD HH:mm';
            labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
            labelOptions: {
                fontSize: '11pt',
            },
            min: min,
            max: min + Range * Sequence,
            tickInterval: 1,
            tickOptions: {
                showMark: false,

                fontSize: '11px',
                showGridline: false,
                formatter: (pattern: any, val: number) => {
                    return moment(min).format(timeFormat).replace(' ', '<br>') + "~" +
                        moment(chamberSequence + min).format(timeFormat).replace(' ', '<br>');
                },
            },
            rendererOptions: {
                dataType: 'index',
            },
}