Laden Sie die CSV -Datei anstelle einer Array -D3 -GittervisualisierungJavaScript

Javascript-Forum
Anonymous
 Laden Sie die CSV -Datei anstelle einer Array -D3 -Gittervisualisierung

Post by Anonymous »

Ich versuche, in D3 ein Raster von Kreisen zu zeigen. Ich folge diesem Tutorial [https://www.tutorialsteacher.com/d3js/l ... le-in-d3js]. Anstatt ein einfaches Array einzugeben (so etwas wie [1,2,3,4]), versuche ich, eine CSV -Datei als Eingabe zu verwenden. Ich habe versucht, die Eingabedatei wie folgt zu analysieren: < /p>

Code: Select all

    var data =d3.csv("test.csv", function(data){
console.log(data);
});
Die CSV -Datei sieht folgendermaßen aus:

Die Ausgabe Die Ausgabe ist in der Konsole. src = "https://i.static.net/llwmo.png"/>
Aber wenn ich versuche, seine Eingaben zum Zeichnen der Kreise zu verwenden, scheint es das Datenobjekt nicht zu erkennen. Ich versuche die Kreise wie folgt hinzuzufügen: < /p>
var container = svg.append("g")
.attr("transform", "translate(135,130)");

container.selectAll("circle")
.data(data)
.enter().append("circle")
.attr("id", function(d){return "id"+d;})
.attr('cx', function(d){return x(d%numCols);})
.attr('cy', function(d){return y(Math.floor(d/numCols));})
.attr('r', 12)
.attr('fill', function(d){return d < percentNumber ? twitterFillActive : twitterFill;})
.style('stroke', 'white');
< /code>
Wenn ich das Datenobjekt in [1,2,3,4] ändere, werden die Kreise angezeigt, sodass ich denke, dass das Problem darin liegt, wie ich die CSV -Datei lese. Ich habe versucht, Daten in Daten zu ändern [1], ich habe auch versucht, die Spaltennamen zu entfernen. Ich habe auch verschiedene Parsingfunktionen wie D3.Parsecsv.
Jede Hilfe wäre sehr geschätzt!>

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post