Увеличение и уменьшение масштаба не работает для линейного графика D3 в реальном времени
Всем Привет,
Увеличение и уменьшение масштаба не работает для линейного графика D3 в реальном времени. Он не способен поддерживать увеличенное состояние.
Я создал линейный график d3 в реальном времени в виде кода, предоставленного в js fiddle http://jsfiddle.net/peDzT/
1403/ . График успешно обновляется через каждую секунду.
Чего я хочу, так это -
1. для графика реального времени я должен иметь возможность увеличивать и уменьшать масштаб основного графика, а график должен поддерживать свое состояние
2. я должен быть в состоянии перемещаться по главной карте с помощью навигационной карты, и она должна быть в состоянии поддерживать свое состояние. Я сделал это, и это работает. но это выглядит как грязный способ.
Пожалуйста, помогите мне увеличить и уменьшить масштаб графика реального времени, как показано в Примере jsfiddle.
Что я уже пробовал:
Что я сделал -
1. я реализовал код и загрузил на http://jsfiddle.net/peDzT/1261>1403 г./ и я могу успешно делать следующие вещи -
2. я могу успешно увеличивать и уменьшать масштаб, но он не может поддерживать свое состояние после обновления, как вы можете видеть то же самое в jsfiddle
Я также реализовал навигационную панель для перемещения основного графика, и она отлично работает. здесь я поддерживаю позиции navViewportLeft и isToUpdateChart view-port(выбранной области из панели навигации). Я думаю, что это не идеальное решение.