javascript - 使用 D3 .datum() 向元素添加属性

Question

我可以使用 .datum() 将单个属性添加到现有的一组 props 中吗？这样它就不会用这个新属性覆盖所有内容，而是添加它。

我想它可能类似于 element.datum({'prop':1}) 但这个只是用这个单一属性替换整个数据集。

Answer 1

您可以获取对绑定(bind)数据的引用并以您喜欢的任何方式对其进行操作:

var b = d3.select("body");

// Create and bind data
b.datum({ "a": 123 });
console.log(b.datum());  // Object {a: 123}

// Retrieve and manipulate data
var obj = b.datum();     // Get a reference to the data bound
obj.a = 456;             // Modify
obj.b = "extension";     // Extend
console.log(b.datum());  // Object {a: 456, b: "extension"}

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>