Плотно, js - Y автомасштаб - PullRequest
0 голосов
/ 16 марта 2020

У меня есть график. Когда я запускаю его, график автоматически масштабируется по оси Y. Это означает, что он показывает максимальные и минимальные данные автоматически. Допустим, диаграмма показывает один час данных. Итак, xaxis.range = ['01 / 01/2020 12:00 ', '01 / 01/2020 01:00']. Если я изменю xaxis.range на ['01 / 01/2020 12:30 ', '01 / 01/2020 01:00'], а затем ретранслирую диаграмму, будет ли она автоматически масштабировать ось Y до новых минимальных и максимальных значений падающих данных между новым диапазоном оси X?

Спасибо

Вот пример: Ручка

и код:

var data = [
  {
    x: ['2013-10-04 22:23:00', '2013-11-04 22:23:00', '2013-12-04 22:23:00'],
    y: [1, 3, 6],
    type: 'scatter'
  }
];

var myDiv = document.getElementById('myDiv');
Plotly.newPlot(myDiv, data);
myDiv.layout.xaxis.range = ['2013-10-04 22:23:00', '2013-11-04 22:23:00'];
Plotly.relayout(myDiv, myDiv.layout);

Где я пытаюсь изменить X дальность, но даже этого не происходит.

1 Ответ

1 голос
/ 23 марта 2020

Нет, на сегодняшний день еще невозможно автоматически масштабировать ось y на основе данных, которые в настоящее время видны на оси x. Это обсуждалось в проблеме github здесь: https://github.com/plotly/plotly.js/issues/1876#issuecomment -314913229

Однако, если вы самостоятельно вычисляете новые минимальное и максимальное значения по оси y, вы сможете установить их через метод ретрансляции.

const data = [
  {
    x: ['2013-10-04 22:23:00', '2013-11-04 22:23:00', '2013-12-04 22:23:00'],
    y: [1, 3, 6],
    type: 'scatter'
  }
];

const myDiv = document.getElementById('myDiv');
Plotly.newPlot(myDiv, data).then(() => {
  const xRange = ['2013-10-04 22:23:00', '2013-11-04 22:23:00'];
  const yRange = [1, 3];
  Plotly.relayout(myDiv, {
    'xaxis.range': xRange,
    'yaxis.range': yRange
  });  
});
<head>
	<!-- Load plotly.js into the DOM -->
	<script src='https://cdn.plot.ly/plotly-latest.min.js'></script>
</head>

<body>
	<div id='myDiv'><!-- Plotly chart will be drawn inside this DIV --></div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...