2016-12-23 83 views
0

プロットチャートの最小ズームを1日に制限する方法はありますか?Plotly.jsで日付軸の最小ズームスケールを

tickformatxaxisの場合、私は%d %bと指定して唯一の日と月としました。ズームを大きくしすぎると、グラフには1日に複数のティックが表示されます。 私はplotlyが時間のベースで軸をさらにズームしようとしていることは知っていますが、私の場合はそうではありません。

私はtickvalsticktextsを使用しようとしましたが、トレースのx配列が0〜365日の値を持つ可能性があるので、オーバーラップするダニが多すぎます。

var trace1 = { 
 
    x: ['2000-01-01', '2000-01-02', '2000-01-03', '2000-01-04', '2000-01-05', '2000-01-06', '2000-01-07', '2000-01-08', '2000-01-09', '2000-01-10', '2000-01-11', '2000-01-12', '2000-01-13', '2000-01-14', '2000-01-15', '2000-01-16', '2000-01-17', '2000-01-18', '2000-01-19', '2000-01-20', '2000-01-21', '2000-01-22', '2000-01-23', '2000-01-24', '2000-01-25', '2000-01-26', '2000-01-27', '2000-01-28', '2000-01-29', '2000-01-30', '2000-01-31'], 
 
    y: [4.3, 8.2, 4.1, 5.6, -3, -0.2, 0.3, 0.4, 4.1, 5, 4.6, -0.2, -8.5, -9.1, -2.7, -2.7, -17, -11.3, -5.5, -6.5, -16.9, -12, -6.1, -6.6, -7.9, -10.8, -14.8, -11, -4.4, -1.3, -1.1], 
 
    mode: 'lines', 
 
    type: 'scatter', 
 
    name: '2000' 
 
}; 
 

 
var data = [ trace1 ]; 
 

 
var layout = { 
 
    xaxis: { 
 
    type: 'date', 
 
    title: 'January Weather', 
 
\t tickformat: '%d %b' 
 
    }, 
 
    yaxis: { 
 
    title: 'Daily Mean Temperature' 
 
    }, 
 
    title:'2000 Toronto January Weather' 
 
}; 
 

 
Plotly.plot('myDiv', data, layout);
<head> 
 
\t <script src="https://cdn.plot.ly/plotly-latest.min.js"></script> 
 
</head> 
 

 
<div id="myDiv" style="width:100%;height:400px;"></div>

私は、可能な最大ズームの日のための単一の目盛りを持っていると思います。ズームを制限する方法、または1日に最大1つのチックで表示する方法はありますか?

ありがとうございます!

答えて

1

最善の方法ではなく、type: 'category'type: 'date'

を使用することであるように見えます
関連する問題