Добавьте svg-pan-zoom к диаграмме визуализации Google
В настоящее время я работаю над проектом, где мне нужно иметь возможность масштабировать / панорамировать диаграмму Google, когда на мобильном телефоне. Я могу увеличивать и перемещать изображение в браузере благодаря опции проводника, которую предлагает Google API, но, к сожалению, она не работает с масштабированием или масштабированием. Однако я натолкнулся на библиотеку svg-pan-zoom, но у меня возникли проблемы с ее реализацией. Поэтому я сейчас прошу руководства / помощи.
Для проекта я использую Angular и эту оболочку для рисования диаграммы, а сейчас пытаюсь реализовать эту библиотеку, чтобы включить масштабирование на мобильных устройствах. Я использовал этот подход в моем проекте без какой-либо удачи.
У меня проблема в том, что программа-оболочка создает svg диаграмм программно, поэтому у меня проблемы с таргетингом на svg, я попытался добавить id="foo" к <google-chart></google-chart> tag но я получаю сообщение об ошибке, что он не может найти svg, возможно, потому что оболочка вложила svg, я пытался зарегистрировать вложение и использовать этот путь, но для целевого svg, но HTML не создается, когда код выполняется, так что он просто становится неопознанный. Вот блик стека, показывающий код.
Любые советы или предложения, как я могу настроить таргетинг на svg или применить svg-zoom-pan к диаграмме Google? Это вообще выполнимо?