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;}); 

그러나 값은 출력 콤보 박스에 표시되지 않습니다. 오히려 combox 옵션은 공백을 표시합니다. 아무도 내게 값을 표시 할 수있는 아이디어를 줄 수 있습니까? 콤보 박스를 SVG에 넣어야합니까?

Answer 1

csv 파일의 열이 "detector-id"라고 추측 하시겠습니까?

d.detector-id은 유효하지 않습니다. 이것은 속성 검출기에서 변수 id를 뺀 개체 변수 d로 변환됩니다.

대신 return d["detector-id"];을 사용하십시오.

여기가 작동 중입니다. code

SVG 내에 콤보 박스를 넣어야합니까?

실제로는 SVG에 콤보 상자를 넣지 않습니다. 제 생각에는 "d3로 콤보 상자를 만드는 것이 필수입니까?" 내 대답은 아니오 야.