Rellenar el eje X de Highcharts con fechas dadas desde y hasta la fecha

Question

¿Cómo se puede poblar el eje x con las fechas dadas con valores de fecha 'desde' y 'hasta'?

Esencialmente, el usuario ingresará una fecha "desde" y "hasta" en mi interfaz web HTML; por ejemplo, 24/08/2011 - 28/08/2011

Esto será a través de campos de texto HTML cuyos valores se capturan usando jQuery cuando un usuario presiona un botón "Ver gráfico".

Me gustaría crear un gráfico spline cuyo eje x comience 2 días antes de la fecha "desde" y finalice 2 días después de la fecha "hasta".

Así en el ejemplo anterior, el usuario dispone:

from -> 24/08/2011 
to -> 28/08/2011 

lo tanto

x-axis start -> 22/08/2011 
x-axis ends -> 30/08/2011 

También desea que tenga intervalos de 24 horas que se muestran como sus correspondientes fechas. Por lo tanto, el eje x debería ser algo como esto:

| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
|___________________________________________________ 
    |  |  |  |  |  |  |  |  | 
22/08 23/08 24/08 25/08 26/08 27/08 28/08 29/08 30/08 

EDIT:

me encontré con el siguiente código:

series: [{ 
     type: 'spline', 
     name: 'USD to EUR', 
     pointInterval: 24 * 3600 * 10, 
     pointStart: Date.UTC(<?php echo($year); ?>, 0, <?php echo($day);?>), 
     data: [ 
      0.8446, 0.8445, 0.8444 
    ] 
     }] 

Pero simplemente no puedo encontrar la manera Highcharts equivale intervalos de tiempo a la partes de datos ... Sé que obviamente tiene que ver con pointInterval ...

Supongo que 24 * 3600 es el número de segundos en un día, pero ¿cuál es el * 10? ¿Cómo hago para que muestre exactamente intervalos de 24 horas?

Answer 1

Aquí hay algunas referencias que deberían ayudarlo.

• Highcharts API xAxis

también creó una muestra jsfiddle para ayudarle a empezar.

ejeX

xAxis: { 
    type: "datetime", 
    dateTimeLabelFormats: { 
     day: '%m-%d' 
    }, 
    tickInterval: 24 * 3600 * 1000, 
    min: Date.UTC(<?php echo $date_from;?>), 
    max: Date.UTC(<?php echo $date_to;?>) 
} 

Básicamente, lo que hace es establecer el tipo de ejeX a 'fecha y hora' por lo que el tickInterval entiende que es todo está incrementando por 86400000 milliseconds, y también establece el formato de la ejeX basada en el date format requerido.
Luego, $date_from y $date_to deberían verse así desde PHP manejando el envío del formulario.

$date_from = date("Y, m, d",strtotime($_POST['from']) - 2*86400); 
$date_to = date("Y, m, d",strtotime($_POST['to']) + 2*86400);