5

Ich versuche, eine Heatmap mit d3, die auf der x-Achse eine Zeitreihe, auf y eine Zahl und die Farbe ist der Wert für die Zelle. Die Daten werden basierend auf der Eingabe geladen, und die Domäne und der Bereich können sich bei unterschiedlichen Eingaben ändern. Ich konnte kein solches Beispiel finden. Hat jemand eine Idee, wie ich das schaffen kann?D3 Zeitreihe Heatmap

Dank

+1

Ich denke, Sie müssen zuerst irgendwo anfangen. Normalerweise werden die Leute hier nicht Ihren ganzen Job von Grund auf lösen. Sie könnten z. B. mit einem [Balkendiagramm] (http://mbostock.github.com/d3/tutorial/bar-1.html) beginnen und dann überlegen, wie Sie es verbessern können. Vielleicht ähnelt das [stacked normalized] (http://bl.ocks.org/3886394) Beispiel Ihrer Idee? Zumindest zeigt es Ihnen, wie Sie eine Datenreihe mit Boxen zeichnen. – Juve

Antwort

8

So bekam ich endlich die Zeit, dieses Stück Code zu schreiben, nach dem ich suchte. Mein Hauptproblem war, dass ich die Waage gut verstanden hatte. So nach ein wenig zu lesen, ich könnte eine Zeitskala definieren und wo es sich auf meine Daten mit dem folgenden Code:

var xscale = d3.time.scale() 
        .domain([startDate, endDate]) 
        .range([padding, w - padding]); 

var xAxis = d3.svg.axis() 
      .scale(xscale) 
      .orient("bottom") 
      .ticks(d3.time.days, 5); 

Sie können eine Arbeits Demo von meinem Code in das folgende jsfiddle finden: http://jsfiddle.net/TD5Sk/1/