Несколько сюжетов на странице rezoom при изменении размера

Question

У меня около 10 участков на странице, все динамически созданной. Чтобы сэкономить место, все они начинаются с малого, и пользователи могут нажать кнопку, чтобы «увеличить» их, когда они захотят взглянуть ближе. Как в малых, так и в больших режимах пользователи могут масштабировать и манипулировать, но они хотят, но когда пользователь масштабируется на одном графике, затем переключает размер другого сюжета, сюжет, который они изменяют, «привязывается» к профилю масштабирования первого графика.

Надеюсь, я не объяснил это слишком смутно. Вот фрагмент кода, делающего изменение размера.

  $(document.getElementById(expArr[index])).click(function() { 
       $(gd).toggleClass('clk'); 
       Plotly.Plots.resize(gd); 
      }); 

expArr просто держит идентификатор кнопки, как они создаются динамически в коде и Г.Д. держит DIV, что участок находится. Toggleing класса в DIV просто меняет класс, который держит высоту/ширину.

Все изменения размеров прекрасно. Это просто, когда вы изменяете размер одного сюжета и увеличиваете масштаб, а затем изменяете размер второго сюжета, второй график «привязывается» к масштабированию, сделанному на первом графике.

Answer 1

Я понял, что я делаю неправильно. Я уверен, что если бы я опубликовал больше кода, кто-то заметил бы мою ошибку.

В основном я использовал функцию с петлей в ней, чтобы нарисовать все мои сюжеты на странице, но я оставил свой макет var вне всего этого, поэтому он был тем же самым объектом, который повторно использовался для каждого сюжета. Поэтому, когда я назвал изменение размера на сюжете, он увидел, что макет изменился и обновился до новых данных.

Просто перемещение макет исправил проблему