Plot.ly in Timemode: feste Rastergröße

Question

Ich habe ein Timemode-Diagramm mit Zeitstempeln auf der X-Achse. Der Datensatz ist ca. 20 Sekunden lang und plot.ly setzt automatisch alle 2 Sekunden ein Häkchen auf der X-Achse, was in Ordnung ist.

Jedoch sind die x-Achsen-Gitterlinien, die die Positionen der Zecken automatisch eingestellt. Ich hätte gerne jede Sekunde fixe Grildlines, unabhängig von den Zeitstempeln/Ticks der x-Achse.

Ist das möglich?

Answer 1

Soweit ich weiß, Sie nicht, dass direkt tun können, aber man konnte das Gitter selbst über shapes hinzufügen.

var data = { 
 
    x: [], 
 
    y: [], 
 
    type: 'scatter' 
 
    }; 
 
var lines = []; 
 

 
//get a random time series 
 
var startTime = new Date().getTime(); 
 
for (var i = 0; i < 20; i += 1) { 
 
    data.x.push(startTime + i * 1000); 
 
    data.y.push(i % 5 * Math.random()) 
 
} 
 

 
//create a line every 1000 msecs 
 
for (i = Math.min(...data.x); i < Math.max(...data.x); i += 1000) { 
 
    lines.push({type: 'line', 
 
       xref: 'x0', 
 
       x0: i, 
 
       x1: i, 
 
       y0: Math.min(...data.y), 
 
       y1: Math.max(...data.y), 
 
       layer: 'below', 
 
       line: {color: 'gray'} 
 
      } 
 
      ); 
 
} 
 

 
var layout = {xaxis: {type: 'date', 
 
         dtick: 2000, 
 
         showgrid: false 
 
        }, 
 
       yaxis: {showgrid: false}, 
 
       shapes: lines 
 
      }; 
 
Plotly.newPlot('myDiv', [data], layout);

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script> 
 
<div id="myDiv"></div>