D3更改数据集CSV

Question

我有一个关于“ D3.js”的问题。 我想要一个可以选择不同数据集的下拉菜单。 谁能帮我。 我创建了一个柱塞。

柱塞

CSV格式：

Country, Men, Women
GB, 10.1,20
FR, 20.8,5.2

谢谢

Answer 1

使图表的绘制成为函数，以便可以随意调用它。

var draw = function(data_source) {...

更改下拉菜单时调用该函数。

<select name="data" onchange="change(this.value)">

清除SVG并绘制新图表。

function change(value) {
  svg.selectAll("*").remove();
  draw(value);
}

朋克