時間模式中的Plot.ly：固定的網格大小

Question

我有一個時間模式圖，其中包含x軸上的時間戳。 該數據集長約20秒，plot.ly會自動在x軸上設置一個刻度標籤，每2秒鐘一次，這很好。

但是，x軸網格線自動設置爲刻度的位置。 我想每隔一秒修復一次grildlines，獨立於x軸時間戳/ ticks。

這可能嗎？

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>