D3Plusヘッダーの変更

Question

D3Plusでマウスオーバー中に表示された背景テキストを変更しようとしています。具体的には、一連のデータに関連付けられたタイトルを削除します。ここ は赤い丸が私の関心の領域を示して私が何を意味するかを記述するための写真、次のとおりです。

私がこれまでの横にツールチップの内側に記載されている要素のすべてを変えることができることを私が発見しました私がそれを呼び出すようにメインヘッダー。私は様々なリソースをオンラインで検索していますが、まだこのテーマに関するドキュメントは見つかりませんでした。 ".tooltip（[" name "]）"はテストでした。

visualization.text("label") 

：

<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

を次のように私のコードは次のように、ツールチップのタイトルとツリーマップの正方形のラベルの両方を含んでいるすべてのラベルに使用される特定のキーを設定することができますテキスト方法の完全な文書はhereで見つけることができます。