在時間模式下繪圖：固定網格大小

Question

我有一個x軸上帶有時間戳的時間模式圖。 數據集的長度大約為20秒，plot.ly在x軸上每2秒自動設置一個刻度標簽，這很好。

但是，x軸網格線會自動設置為刻度線的位置。 我想每秒鍾都有固定網格線，與x軸時間戳/刻度無關。

那可能嗎？

Answer 1

據我所知，您不能直接執行此操作，但可以通過shapes自己添加網格。

 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>