jQuery Flot.js:</p> <p><a href="https://i.stack.imgur.com/DdqPc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DdqPc.png" alt="enter image description here"></a></p> <p>: Punkte Liniendiagramm nicht mit x-Achsen-Gitterlinie

Question

Meine Punkte erscheinen nicht mit der Rasterlinie der x-Achse als sichtbar in der Abbildung unten mittig zentriert die Optionen ich verwende sind wie folgt:

var options = { 
     grid: { 
     show: true, 
     aboveData: false, 
     color: "#3f3f3f", 
     labelMargin: 10, 
     axisMargin: 0, 
     borderWidth: 0, 
     borderColor: null, 
     minBorderMargin: 5, 
     clickable: true, 
     hoverable: true, 
     autoHighlight: true, 
     mouseActiveRadius: 100 
     }, 
     series: { 
     lines: { 
      show: true, 
      fill: true, 
      lineWidth: 2, 
      steps: false 
     }, 
     points: { 
      show: true, 
      radius: 4.5, 
      symbol: "circle", 
      lineWidth: 3.0 
     } 
     }, 
     legend: { 
     position: "ne", 
     margin: [0, -15], 
     noColumns: 0, 
     labelBoxBorderColor: null, 
     labelFormatter: function(label, series) { 
      // just add some space to labes 
      return label + '  '; 
     }, 
     width: 40, 
     height: 1 
     }, 
     colors: chartColours, 
     shadowSize: 0, 
     tooltip: true, //activate tooltip 
     tooltipOpts: { 
     content: "%s: %y.0", 
     xDateFormat: "%d/%m", 
     shifts: { 
      x: -30, 
      y: -50 
     }, 
     defaultTheme: false 
     }, 
     yaxis: { 
     min: 0, 
     tickDecimals:0 
     }, 
     xaxis: { 
     mode: "time", 
     minTickSize: tickSize, 
     timeformat: tformat, 
     min: chartMinDate, 
     max: chartMaxDate 
     } 
    }; 

Meine Datensatz eine Zeitreihe ist, und die Etiketten Werte kommt auch aus den gleichen Daten eingestellt, so sollten die Daten mit den Punkten in einer Reihe aufstellen. Es ist jedoch Offset, während keine Option dafür existiert. Was mache ich falsch?

Answer 1

habe ich die Lösung von diesem Link

points aren't aligned with the x axis on flot chart

Und

https://code.google.com/archive/p/flot/issues/608

Es Flot Diagramm, welches die Zeit im UTC-Format erfordert scheint.

Für mich ist es einfach nur mit den "timezone:"browser"" in "xaxis".

Nach der Zugabe mein „xaxis“ sieht aus wie folgt:

xaxis: { 
      mode: "time", 
      minTickSize: [1, "day"], 
      timeformat: "%d-%b-%y", 
      timezone:"browser", 
      min: min date value define here, 
      max: max date value define here 
     }