d3 선택기 : 코드에서는 작동하지만 콘솔에서는 작동하지 않습니다. 왜? D3를 사용

Question

, 내가 할 수 아래 코드에서 내가 할 수있는 그런

var labels = d3.select("div#labels").insert("svg:svg") 
    //.... 

:

>>> labels.selectAll("text") 
    // produces: TypeError: labels.select is not a function 

그리고 :

labels.selectAll("text") 
    //... act upon the selection... 

그러나 불을 지르고 콘솔에서

>>> d3.labels.selectAll("text") 
    //produces: TypeError: d3.labels is undefined 

ㅁㅁ 와이?

Answer 1

두 개의 서로 다른 labels 변수가 있다고 생각합니다. 로컬 및 글로벌.

로컬 var labels을 선언 한 곳에서 디버깅을 위해 전역 범위에 저장하십시오 (예 : window.locallabels = labels 통해). 그런 다음 콘솔 테스트에서 다른 레이블이 동일한 지 확인하십시오. 나는 그들이 아닌 것 같아요.

var labels = { text: "bla" }  // create a new object 

function fn(){ 
    var labels = { text: "bla" } // create another object 
    window.locallabels = labels // save it in global scope for debugging 
} 

fn(); 

console.log(labels, locallabels, labels == locallabels) //try this in console 
//console: Object { text="bla"} Object { text="bla"} false