0
플롯 차트의 최소 줌을 하루로 제한 할 수있는 방법이 있습니까?Plotly.js에서 날짜 축의 최소 줌 눈금이
tickformat
이 xaxis
인 경우에만 %d %b
으로 지정하여 일 및 월 만 표시합니다. 확대/축소를 너무 많이하면 차트에 하루 동안 여러 번 틱이 표시됩니다. plotly
은 시간 축을 기준으로 축 확대를 시도하지만 내 경우에는 필요하지 않습니다.
tickvals
및 ticktexts
을 사용해 보았지만 추적 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>
감사합니다!