Flot Chart Tag verbindlich Ausgabe

Question

Ich habe einen benutzerdefinierten Datumsfilter auf meiner Seite. Der Benutzer kann maximal zwei Monate auswählen, die Daten sind nur sechzig Tage. Jetzt, nachdem ich gefiltert habe, habe ich meine Daten für 60 Tage erhalten, aber wenn ich sie zum Flot-Chart übergebe, werden nur 30 Tage auf dem Chart angezeigt. Kann mir jemand dabei helfen? Hier ist mein Code:

(function() { 
    var plot = $.plot('#flotBars', flotBarsData, { 
     colors: ['#8CC9E8'], 
     series: { 
      bars: { 
       show: true, 
       barWidth: 0.8, 
       align: 'center' 
      } 
     }, 
     xaxis: { 
      mode: 'categories', 
      tickLength: 0 
     }, 
     grid: { 
      hoverable: true, 
      clickable: true, 
      borderColor: 'rgba(0,0,0,0.1)', 
      borderWidth: 1, 
      labelMargin: 15, 
      backgroundColor: 'transparent' 
     }, 
     tooltip: true, 
     tooltipOpts: { 
      content: '%y', 
      shifts: { 
       x: -10, 
       y: 20 
      }, 
      defaultTheme: false 
     }, 
     yaxis: { 
      minTickSize: 0, 
      tickDecimals: 0, 
      min: 0, 
      axisLabelPadding: 3, 
      tickFormatter: function (v, axis) { 
       return v; 
      } 
     }, 
     legend: { 
      noColumns: 0, 
      labelBoxBorderColor: "#000000", 
      position: "nw" 
     } 
    }); 
})(); 

Hier wird der Screenshot von meiner Grafik und Filter ausgewählt:

Answer 1

Wie im Screenshot zu sehen, haben Sie nur 31 Kategorien auf der x-Achse, presumely einen für jeden Tag. An manchen Tagen gibt es zwei Bars hintereinander, einen für jeden Monat.

Wenn Sie weiterhin Kategorien Modus verwenden möchten, müssen Sie den Daten eindeutige X-Achsenwerte (laufende Zahlen von 1 bis 61 zum Beispiel) geben. Oder Sie verwenden Zeit Modus und zeigen die realen Daten auf der X-Achse (siehe documentation und example für Zeit Modus).