0

几天前我才开始使用 slimerJS。我想知道如何使用 slimerjs 来处理 SVG 组件?我们正在使用图形来表示我们的 Web 应用程序中的各种数据,它会根据来自客户端的输入而动态变化。

出于测试目的,我必须从图形部分中提取由每个 d3 svg 元素限定的数据,并且必须使用数据库中的真实数据验证其数据。除了截取 svg 组件的屏幕截图,还有什么更好的方法可以使用 slimerjs 将 SVG 元素(在 Web 应用程序中)表示的数据与数据库中的原始数据进行验证?

4

1 回答 1

0

我不知道是什么slimer.js,但快速浏览他们的网页,它看起来像是某种包装器phantom.js。因此,您可以访问您正在操作的页面的 DOM,并且由于您可以访问元素,因此您可以获得任何d3svg 元素的绑定数据(它们是 DOM 元素的属性)。例如,假设我有一个像 this page 这样的饼图。第一个饼图的数据值为:

document.getElementsByClassName('arc')[0].__data__.value

或者说这样的折线图。数据数组位于:

document.getElementsByClassName('line')[0].__data__
于 2015-05-06T17:41:21.703 回答