2016-11-17 2 views
0

Ich verwende die Kraft gerichtete Grafik in eckigen nv3d. Ich möchte die Textfarbe auf den Knoten anpassen sowie die QuickInfo ändern. Ich habe auch versucht herauszufinden, wie man die Knoten zwingt, spärlicher zu sein. Hier ist mein Diagrammobjekt:Wie Tooltip für forceDirectedGraph in eckigen nvd3 anpassen

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'); 
     }, 
    }, 
    }; 

Wie Sie sehen können, habe ich versucht, ohne Erfolg die tooltipContent Eigenschaft auf dem Chart-Objekt hinzufügen. Jede Hilfe würde sehr geschätzt werden, danke!

Antwort

0

Um die Werkzeugspitze gehen Sie wie folgt

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