Estoy usando Highchart para mostrar los datos en el gráfico de spline. Aquí tengo dos intervalos de fechas de 2021-09-12T18:30:00.000Z a 2021-09-18T18:29:59.999Z que cambiarán según la selección del intervalo de fechas.
Problema: La marca del rango del eje x del gráfico spline comienza con la fecha 11 y mi gráfico comienza con la segunda marca que es 12. Quiero que la marca del eje x comience con 12 y termine con 18 como el rango de fechas anterior y los datos proporcionados abajo. Estoy agregando el enlace de violín JS para la referencia. Gráfico Spline Gracias.
[ { name: 'Allowed Request', data: [ [Date.UTC(2021,8,12), 2202], [Date.UTC(2021,8,13), 1234], [Date.UTC(2021,8,14), 1245], [Date.UTC(2021,8,15), 3000], [Date.UTC(2021,8,16), 2345], [Date.UTC(2021,8,17), 2505], [Date.UTC(2021,8,18), 4933], ] }, { name: 'Denied Request', data: [ [Date.UTC(2021,8,12), 1234], [Date.UTC(2021,8,13), 2202], [Date.UTC(2021,8,14), 3000], [Date.UTC(2021,8,15), 3000], [Date.UTC(2021,8,16), 2345], [Date.UTC(2021,8,17), 3000], [Date.UTC(2021,8,18), 2505], ] } ]En su configuración, hay una opción startOnTick que se establece como verdadera. Cámbielo a falso para resolver el problema.
Sin embargo, si desea mantener este espacio que se agrega mediante la opción startOnTick , puede dejarlo como verdadero, pero debe agregar la propiedad showFirstLabel establecida en falso.
Demostración: https://jsfiddle.net/BlackLabel/qnfe7w05/