2009-08-25 7 views
3

Ich muss diskrete X, Y-Daten als MAP in einer PNG- oder GIF-Datei farbcodieren, um diskrete Werte anzuzeigen.Gibt es Javascript Chart-Bibliotheken, die Streudiagramme erstellen?

Alle Javascript Chart-Bibliotheken, die ich gesehen habe, machen Kreisdiagramme, Liniendiagramme, Balkendiagramme usw., aber keine Streudiagramme.

Kennt jemand den Namen einer Bibliothek, die zu Streudiagrammen fähig ist?

Meine aktuelle Lösung besteht darin, die Karte als HTML-Tabelle (und Bildschirm-Capture) zu machen, wo die Zellen leer sind, aber farbige Hintergründe haben, abhängig von dem diskreten Wert. Wie zu erwarten ist, ist dies langsam. Insbesondere wenn X und Y Werte von 0 bis 200 oder mehr annehmen können.

Es leidet auch unter Verzerrung, wenn Browser Zellgröße wählen. Browser verringern die Zellenbreite auf der Seite, da sie erkennen, dass ihre ursprüngliche Auswahl zu groß war. Kreisförmige Karten am Ende der Suche eiförmigen und ein Ende ist spitzer als die andere

Antwort

1

Bitte nehmen Sie sich einen Blick auf

Raphaël—JavaScript Library

+0

Vielen Dank. Es ist nicht sofort offensichtlich, dass es relevant ist, aber es wird sicherlich eine weitere Untersuchung wert sein. Es schien eine Scatterplot-Demo zu geben, aber mit runden "Pixeln". Ich werde sehen, wie anpassbar es ist. – pavium

4

Wie wäre es damit für ZingChart (http://www.zingchart.com/docs/chart-types/scatter/) Andere es tun. Die Idee, die Sie mit einer Tabellenlösung verwendet haben, erscheint etwas mehr wie eine "Heatmap" oder ein Call-Piano-Style-Diagramm mit verschiedenen Werten pro Zelle, dargestellt durch Intensität, Bild, etc. Das ist keine Streuung, aber das ist in der Bibliothek gut http://www.zingchart.com/docs/chart-types/piano/

Sie sollten Äquivalente auch in anderen Bibliotheken wie HighCharts finden können.

Offenlegung: Ich arbeite bei ZingChart.

Verwandte Themen