javascript - 如何根据用户输入更新 D3 SVG 图表

Question

我希望变量根据用户输入动态更新。我在一个 Json 文件中有几个数据集，并希望使用用户选择的特定数据集创建一个图表。

在下面的示例中，变量“数据集”静态设置为食物，但还有其他数据集（饮料、银器等）可供用户选择并且应该更改图形数据。

但我不知道如何动态更新“数据集”。我想保留“数据”，但将“食物”更改为用户选择的任何内容。这可能吗？

var dataset = data.food;

var svg = d3.select ("body") 
  .append ("svg")
  .attr("width", w)
  .attr("height", h); 
svg.selectAll("rect")
  .data(dataset) 

Answer 1

是的，你可以很容易地做到这一点。假设变量value包含数据集的名称，您可以这样做

var dataset = data[value];