Etiqueta del eje X del gráfico Highcharts para diferentes intervalos de fechas

He escrito un código a continuación que genera un gráfico de área para las fechas seleccionadas (desde y hacia las fechas).

$(document).ready(function() {
    var options = {
        "series": [{
            "showInLegend": false,
            "color": "#D0D0D0",
            "name": "Revenue",
            "data": [0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]}],
        "credits": {
            "enabled": false
        },
        "chart": {
            "renderTo": "highchart_id",
            "defaultSeriesType": "area",
            "shadow": true
        },
        "title": {
            "text": null,
            "align": "center",
            "x": 0,
            "y": 20
        },
        "xAxis": {
            "type": "datetime",
            "dateTimeLabelFormats": {
                "month": "%e. %b",
                "year": "%b"
            },
            "labels": {
                "enabled": "false"
            }
        },
        "legend": {
            "enabled": true
        },
        "yAxis": {
            "title": {
                "text": ""
            },
            "labels": {
                "enabled": true
            }
        },
        "plotOptions": {
            "area": {
                "stacking": "normal",
                "lineColor": "#3E3E3E",
                "lineWidth": 3,
                "marker": {
                    "lineWidth": "1",
                    "lineColor": "#3E3E3E",
                    "states": {
                        "hover": {
                            "enabled": true,
                            "radius": 1
                        }
                    }
                }
            },
            "series": {
                "pointStart": 1335823200000,
                "pointInterval": 86400000
            }
        }
    };
    var chart = new Highcharts.Chart(options);
});​

El intervalo de fechas en el eje x viene un día menos. aquí el valor de la serie 2 es para el 10 de mayo mientras que se muestra para el 9 de mayo en el gráfico.

Soy nuevo en este gráfico alto, ¿alguien puede aconsejarme la solución por favor y avíseme si necesita más aclaraciones sobre el problema?

preguntado el 12 de junio de 12 a las 10:06

1 Respuestas

Intente agregar este código antes de declarar el gráfico

Highcharts.setOptions({      
  time: {
    useUTC: false
  }
});

Por defecto, highchart usaba las horas UTC. Al agregar el código anterior, utilizará la zona horaria del navegador.

Respondido el 18 de diciembre de 19 a las 10:12

Esto está en desuso, ahora debe hacerse para cada gráfico: Highcharts.setOptions({ time: { useUTC: false } }); - greg holst

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.