javascript - 使用 d3.js 未显示选择选项？

Question

我正在尝试使用 d3.js 在组合框中显示几个探测器的名称。我使用以下代码来显示数据。

d3.csv("Results_New.txt", function(data) {

//var data = d3.csv.parseRows(datatext);
d3.select("#road").selectAll("option")
.data(data).enter().append("option").text(function(d){return d.detector-id;}).attr("value",function(d){return d.detector-id;});

但是这些值没有显示在输出组合框中。相反，组合框选项显示空白。谁能告诉我如何显示这些值？是否必须将组合框放入 SVG 中？

Answer 1

我猜您的 csv 文件中的列名为“探测器 ID”？

d. detector-id 无效。这被翻译为带有属性检测器的对象变量 d 减去变量 id。

使用 return d["detector-id"]; 代替。

正在工作 code .

Is it mandatory to put the combobox within a SVG?

实际上，您并没有在 SVG 中放置组合框。我认为你的意思是“是否必须使用 d3 构建组合框？”答案是否定的。