Ich verwende Highcharts / Highstock, um eine ziemlich große Datenmenge (~ 10.000 Punkte) zu zeichnen. Die Daten bestehen aus Datumsobjekten auf der X-Achse und schweben auf dem Y, so formatiert:[[(date), 1.728], [(date), 0.346], ...]. Die Daten sind immer 1 Stunde auseinander und es gibt keine Lücken in den Daten.

Wenn der Bereich des Diagramms> = 21 Tage ist (sodass mindestens 21 Tage Daten grafisch dargestellt werden), wird das Diagramm korrekt angezeigt. Wenn der Bereich jedoch darunter liegt, wird das Diagramm leer und der Tooltip zeigt jeden Punkt mit einem Y-Wert von 0,0 an. Die Y-Werte für diese Punktetun existieren im Array (ich kann sie in Firebug sehen), aber sie werden nicht im Diagramm angezeigt. So initialisiere ich es:

mainChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'linegraph'
  },

  rangeSelector: {
    buttons: [{
      type: 'day',
      count: 1,
      text: '1 d'
    }, {
      type: 'week',
      count: 1,
      text: '1 wk'
    }, {
      type: 'month',
      count: 1,
      text: '1 mo'
    }, {
      type: 'year',
      count: 1,
      text: '1 yr'
    }, {
      type: 'all',
      text: 'All'
    }],
    selected: 2
  },

  series: [{
    name: 'Electricity usage (kWh)',
    data: graphData,
    tooltip: {
      valueDecimals: 2,
      valueSuffix: "kWh"
    }
  }],
});