将svg-pan-zoom添加到Google可视化图表

时间:2018-12-04 21:28:00

标签: angular svg google-chartwrapper svgpanzoom

我目前正在从事一个项目,该项目需要在移动设备上缩放/平移Google图表。我可以在浏览器中缩放和平移,这要感谢google api提供的资源管理器选项,但不幸的是,它不适用于捏缩缩放或滑动。但是我确实遇到了svg-pan-zoom库,但是在实现它时遇到了麻烦。因此,我现在正在寻求指导/帮助。

对于使用Angular和此wrapper绘制图表的项目,现在我尝试实现this library以在移动设备上启用缩放。我在项目中使用this的方法很顺利。

我遇到的问题是包装程序正在以编程方式创建svg图表,因此我在定位svg时遇到了麻烦,我试图将id =“ foo”添加到<google-chart></google-chart> tag,但是我得到一个错误,它找不到svg,可能是因为包装程序嵌套了svg,我尝试记录嵌套并使用该路径,但以svg为目标,但是在代码运行时未创建html,因此它变得无法识别。 Here's a stackblitz显示代码。

任何提示或建议如何定位svg或将svg-zoom-pan应用于Google图表?甚至可行吗?

0 个答案:

没有答案
相关问题