如何在角度nvd3中爲forceDirectedGraph自定義工具提示

Question

我在角度nv3d中使用了有力圖形。我想定製節點上的文本顏色以及修改工具提示。我也一直試圖找出如何強制節點更稀疏。這是我的圖表對象：

chart: { 
     type: 'forceDirectedGraph', 
     height: 450, 
     color: function(d) { 
     return color(d.Name); 
     }, 
     tooltipContent: function (key) { 
     return '<h3>' + key + '</h3>'; 
     }, 
     margin: {top: 20, right: 20, bottom: 20, left: 20}, 
     nodeExtras: function(node) { 
     node && node 
      .append('text') 
      .attr('dx', 15) 
      .attr('dy', '.35em') 
      .text(function(d) { 
      return d.Name; 
      }) 
      .style('font-size', '25px'); 
     }, 
    }, 
    }; 

正如您所看到的，我嘗試將tooltipContent屬性添加到圖表對象中無濟於事。任何幫助將不勝感激，謝謝！

Answer 1

要自定義工具提示執行以下操作

chart: { 
     type: 'forceDirectedGraph', 
     ... /* All properties */ 
     height : 400, 
     tooltip : { 
      contentGenerator : function (obj) { return "<div> **custom formating** </div>"}    
     } 
    }