Ich arbeite durch die Verwendung von JSON-Daten, um einige Diagramme zu steuern, die mit den JavaScript-D3-Visualisierungstools erstellt wurden (http://mbostock.github.com/d3/). Ich habe meinen WCF-Dienst eingerichtet, und dieser Code in Jquery funktioniert einwandfrei:
%Vor%D3 hat auch eine Funktion zur Verwendung von JSON-Daten, aber ich hatte noch keinen Erfolg. Es sieht so aus:
%Vor%So ziemlich der gesamte Code stammt aus dem "Balkendiagramm" -Beispiel im D3-Download, was gut funktioniert. Wenn ich die Daten manuell deklariere (für das Array von Ganzzahlen oben), funktioniert es, aber nicht mit dem JSON-Befehl. Ich vereinfachte auch die zurückgegebenen Daten, so dass es nur aus ganzen Zahlen bestand. Letztendlich möchte ich jedoch JSON-Daten mit einem 'ID-Feld', 'Wert-Feld' usw. aufrufen und diese im Code referenzieren können.
Hat jemand irgendwelche Ideen, ob meine Syntax falsch ist? Ich weiß, dass die Funktion (Daten) verwendet werden soll, um Daten zum Diagramm hinzuzufügen, aber der Code in diesem Beispiel funktioniert, also würde ich lieber von diesem Punkt aus beginnen.
D3 hat eine eigene json-Funktion, um das Framework zu vervollständigen, aber Sie müssen es nicht verwenden. Sie könnten Ihr d3-Diagramm mit dem jQuery $.getJSON versuchen und es sollte funktionieren. Dies ist, was ich tue, da die meiste meiner Entwicklung mit jQuery gemacht wird.
Wie in Ihrem Beispiel ist die d3.json Semantik genau die gleiche wie die $.getJSON . Es ist ein asynchroner Aufruf, bei dem die Funktion aufgerufen wird, nachdem die Daten abgerufen wurden. Versuchen Sie etwas wie folgt:
Tags und Links wcf javascript json jsonp d3.js