javascript – 想通过浏览器使静态SVG图(从matplotlib)交互

前端之家收集整理的这篇文章主要介绍了javascript – 想通过浏览器使静态SVG图(从matplotlib)交互前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的目标是制作一个可以在浏览器中进行交互的情节.理想情况下,我想要一个记录良好的成熟的 JavaScript绘图库,支持SVG.据我所知,这不存在,但如果我错了,请纠正我.

我确定了几个替代方案.

>使用JavaScript图形库(例如Raphael),从头开始绘制所有内容.这似乎是很多不必要的,乏味的工作.
>使用绘图库生成SVG,然后使用JavaScript来支持交互.这似乎更易于管理,但我确实有以下问题:如何从绘图库(matplotlib)添加元数据到SVG?当显示SVG时,不会显示此元数据,但可以通过JavaScript访问此元数据.

任何建议非常感谢.

解决方法

matplotlib gallery年可以看到一个方法.

基本上:

>在matplotlib中,在要进行交互的matplotlib元素上使用element.set_gid(“youridhere”).也就是说,在plot()/ hist()/ whatever()的输出中使用set_gid().>使用matplotlib创建一个svg,但是使用一个StringIO对象作为你的文件.>使用xml库解析svg(例如xml.etree.ElementTree)>使用您设置的id查找xml元素(例如“youridhere”).>使用javascript函数名称添加onclick / on ${theeventyoucareabout}属性.>将您的JavaScript作为CDATA添加到xml树中的脚本元素.>将xml导出到svg文件

原文链接:https://www.f2er.com/js/152058.html

猜你在找的JavaScript相关文章