D3js——数据绑定 datum

在 D3.js 中，.datum() 方法用于将数据（通常是一个对象或值）绑定到选中的 DOM 元素上。
这样做的好处是你可以在随后的操作中访问这些数据，并根据这些数据来操作元素本身，例如设置其样式、位置或其他属性。

当你使用 .datum() 方法时，它会为每个匹配的元素绑定指定的数据。
这意味着你不需要手动跟踪或存储与这些元素相关联的数据，因为数据已经作为元素的一部分被保存了。当你想要基于这些数据更新图形时，你可以直接从元素中获取它们，而无需查询外部数据源。

在 _plotLine 和 _plotPolygons 函数中绑定 line 或 polygon 对象（包括 visibility_strategy 属性，如果存在的话）到相应的 DOM 元素上，是为了之后能够轻松地在 setStep 函数中获取并使用这些数据来控制元素的可视性。

以下是一个简化的例子：

// 假设我们有一条线条数据
var lineData = {
  coordinates: [...], // 线条的坐标点
  properties: {
    visibility_strategy: {...} // 可能包含的可见性策略
  }
};

// 使用 D3 创建一个 SVG 路径，并将 lineData 绑定到它上面
var svg = d3.select('svg');
var path = svg.append('path')
  .attr('d', lineGenerator(lineData.coordinates)) // 设置路径
  .datum(lineData); // 将数据绑定到路径元素上

// 稍后，我们可以在任何基于该路径的操作中访问这些数据
path.each(function(d) {
  var currentData = d; // 这里的 d 即为之前绑定的 lineData
  // 根据 currentData 中的信息来更新路径的显示/隐藏或其他属性
});

总之，.datum() 方法让你能够将数据和视觉元素联系起来，并在之后的操作中方便地访问和使用这些数据。