2016-07-18 31 views
1

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

enter image description here

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

答えて

0

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

+0

私は15ポイントになると、私はこれをupvote!ありがとう! – 8bitlove

関連する問題