Ich habe Probleme mit der Formatierung bei der Verwendung von Tooltips (oder Etiketten?) In D3.js

Question

Ich bin total noob-tastic (dh ich habe sehr wenig Programmierhintergrund und versuche, ein Dashboard mit geliehenen Code zu hacken) aber Ich bin gespannt darauf, mehr zu erfahren!

Ich bin derzeit auf, was ich hoffe, ist ein kleines Problem. ich eine Version von Bostock Kalender Beispiel mit ...

calendar

... und haben in der Nähe meines gewünschten Ergebnis bekommen verwaltet, aber ich bin mit dem Tooltip Probleme habe (?), Und zwar die zweite .attr unter rect.filter unten.

d3.csv("BugeseraData.csv", function(error, csv) { 

    csv.forEach(function(d) { 
    d.Daily_total = parseInt(d.Daily_total); 
    }); 

var Daily_total_Max = d3.max(csv, function(d) { return d.Daily_total; }); 

    var data = d3.nest() 
    .key(function(d) { return d.Date1; }) 
    .rollup(function(d) { return Math.sqrt(d[0].Daily_total/Daily_total_Max); }) 
    .map(csv); 


    rect.filter(function(d) { return d in data; }) 
     .attr("fill", function(d) { return color(data[d]); }) 
     .attr("data-title", function(d) { return 'RwF ' +d }); 
    $("rect").tooltip({container: 'body', html: true, placement:'top'}); 
}); 

Die Daten wurden aus einer CSV importiert und hat zwei „Säulen“ (Ich verwende Excel), mit dem Titel ‚Date1‘ und ‚Daily_total‘ ist.

Wenn Sie die Maus über einen bestimmten Tag bewegen, möchte ich "RwF" + den Wert aus der zweiten Spalte (die Menge oder Daily_total) zurückgeben.

like this

Derzeit zeigt der „RWF“, aber wenn ich d.Daily_total (die zweite Spalte) wird das Ergebnis der Rückkehr als „RWF undefiniert“ zu verwenden. Wenn ich "RwF" + d verwende, dann bekomme ich "RwF" mit dem Datum (der Wert aus der ersten Spalte).

Würde mir bitte jemand helfen, den richtigen Weg zu verstehen, dies zu erreichen?

Dies sind Daten von der lokalen Regierung Steuereinnahmen und ich möchte in der Lage sein, Sammelbeträge am Tag auf einen Blick zu zeigen. Ich möchte die tatsächlichen Sammlungsbeträge (nicht das Datum) nach Mouseover anzeigen.

Vielen Dank!

Answer 1

Die Variable "data" enthält Ihre csv-Daten in Form von JSON-Daten. Schauen Sie hier, wie es funktioniert.

http://bl.ocks.org/phoebebright/raw/3176159

'RwF ' + data[d] 

statt

'RwF ' + d