Как настроить всплывающую подсказку для forceDirectedGraph в угловом nvd3

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>"}    
     } 
    }