D3Plus 헤더 수정

Question

D3Plus에서 마우스 오버 중에 표시되는 hovertext를 변경하려고합니다. 특히, 데이터 세트와 연관된 제목을 삭제합니다. 여기에 빨간색 원 내 관심 영역 나타낸다 내가 무슨 뜻인지 설명하는 사진입니다 :

내가 지금까지 옆에있는 툴팁의 내부에 나와있는 모든 요소를 ​​변경할 수 있습니다 것으로 나타났습니다은 내가 메인 프레임이라고 부르는대로. 나는 다양한 자원을 온라인으로 검색해 왔으며 아직이 주제에 대한 문서를 찾지 못했습니다. ".tooltip (["name "])"은 테스트였습니다. 다음과 같이 내 코드는

<script> 
    var sample_data = [ 
     {"value": 100, "name": "alpha", "growth": 0.9}, 
     {"value": 70, "name": "beta", "growth": 0.4}, 
     {"value": 40, "name": "gamma", "growth": -0.3}, 
     {"value": 15, "name": "delta", "growth": -0.65}, 
     {"value": 5, "name": "epsilon", "growth": 0.7}, 
     {"value": 1, "name": "zeta", "growth": 0.2} 
    ]; 
    var visualization = d3plus.viz() 
     .container("#viz") 
     .data(sample_data) 
     .type("tree_map") 
     .id("name") 
     .value(["name"]) 
     .tooltip(["name"]) 
     .size("value") 
     .color(function(d){ 
      return d.growth > 0 ? "#008800" : "#880000"; 
     }) 
     .draw(); 
</script> 

Answer 1

이 같은 툴팁 제목과 트리 맵 사각형에 레이블을 모두 포함 모든 라벨에 사용되는 특정 키를 설정할 수 있습니다 :

visualization.text("label") 

을 텍스트 방법의 전체 설명서는 here입니다.