2016-07-18 45 views
1

我想改變在D3Plus中的鼠標懸停期間顯示的hovertext。具體來說,我刪除了與一組數據相關的標題。 這裏是一個照片來形容我的意思是,在紅色圓圈表示我的興趣領域:D3Plus標題修改

enter image description here

我發現我可以改變所有的工具提示中上市至今旁邊的元素我會稱之爲主標題。我一直在網上搜索各種資源,我還沒有找到關於此主題的文檔。 「.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> 

回答

0

你可以設置一個特定的鍵可用於所有標籤,其中既包括工具提示冠軍和樹地圖方塊標籤,就像這樣:

visualization.text("label") 

文本方法的完整文檔可以在here找到。

+0

當我得到15分我會upvote這!謝謝! – 8bitlove