Javascript 如何使用slimerjs提取驻留在d3 svg组件中的数据?
几天前我刚开始使用slimerJS。我想知道如何使用slimerjs处理SVG组件?我们在web应用程序中使用图形来表示各种数据,它将根据客户端的输入动态变化 出于测试目的,我必须从图形部分提取由每个d3 svg元素限定的数据,并用数据库中的真实数据验证其数据。Javascript 如何使用slimerjs提取驻留在d3 svg组件中的数据?,javascript,svg,slimerjs,Javascript,Svg,Slimerjs,几天前我刚开始使用slimerJS。我想知道如何使用slimerjs处理SVG组件?我们在web应用程序中使用图形来表示各种数据,它将根据客户端的输入动态变化 出于测试目的,我必须从图形部分提取由每个d3 svg元素限定的数据,并用数据库中的真实数据验证其数据。 除了拍摄svg组件的屏幕截图,还有什么更好的方法可以使用slimerjs将svg元素(在web应用程序中)表示的数据与数据库中的原始数据进行验证吗?我不知道什么是slimer.js,但快速查看一下他们的网页,它看起来像是围绕着phant
除了拍摄svg组件的屏幕截图,还有什么更好的方法可以使用slimerjs将svg元素(在web应用程序中)表示的数据与数据库中的原始数据进行验证吗?我不知道什么是
slimer.js
,但快速查看一下他们的网页,它看起来像是围绕着phantom.js
的某种包装。因此,您可以访问正在操作的页面的DOM,并且由于您可以访问元素,因此可以获得任何d3
svg元素的绑定数据(它们是DOM元素的属性)。例如,假设我有一个饼图。第一个饼图切片的数据值为:
document.getElementsByClassName('arc')[0].__data__.value
或者说一张折线图。数据数组位于以下位置:
document.getElementsByClassName('line')[0].__data__