3

尝试序列化由 D3 创建的 SVG 元素时，结果字符串中没有出现多个类。例如， http://bl.ocks.org/mbostock/4063318有一个位添加了一个类来指示数据点的颜色：

  rect.filter(function(d) { return d in data; })
    .attr("class", function(d) { return "day " + color(data[d]); })

它在浏览器中正确呈现，并且在检查元素时它们看起来像这样：

  <rect class="day q7-11" ...

然而，当我序列化元素时，它们是这样的（即缺少第二类）：

  <rect class="day" ...

我通过将以下内容放在上面链接的代码底部来序列化代码：

  var svg = document.getElementsByTagName("svg")
  var serializer = new XMLSerializer();
  var str = serializer.serializeToString(svg[3]);
  console.log(str);

作为更广泛的背景，我有一个通过将序列化的 SVG 发送到服务器以转换为图像来批量生成 D3 图形的过程。除了这个错误之外，该过程有效。

所以我正在寻找一种方法来序列化第二类和第一类，而不必过多地修改我的过程。

4

1 回答 1

0

应用第二个类的代码在 d3.csv() 中，它是异步的。所以序列化发生在类更新之前。将序列化代码放在 d3.csv() 回调中可以解决此问题。

于 2013-08-15T17:54:33.647 回答