Ich probiere derzeit Dygraphs aus (was wirklich toll btw scheint!), Aber aus irgendeinem seltsamen Grund funktioniert die Annotations-Funktion nicht für mich, und es scheitert auch genau auf die jsFiddle-Version von Dygraphs 'eigenes Galerie-Beispiel für Anmerkungen, es handelt sich also höchstwahrscheinlich um einen Fehler/ein Problem, auf den sich die Entwickler wirklich (!) Begeben sollten.Anmerkungen funktionieren nicht, nicht einmal in Dygraphs eigenem Beispiel auf jsFiddle, warum?
To (gleiche geschieht sowohl in der neuesten Firefox und neueste Chrome) zu reproduzieren: http://dygraphs.com/gallery/#g/annotations Es funktioniert gut und sieht gut aus: bei den "Anmerkungen" Beispiel in der Dygraphs Galerie, hier
1. Blick , wie folgt aus:
2. Drücken Sie die "Edit in jsFiddle" -Taste, für diese sehr Beispiel auf dieser Seite sehr. Sie werden jetzt an jsFiddle gesendet, und wenn Sie dort die Schaltfläche "Ausführen" drücken, wird das Diagramm selbst (farbige Kurven usw.) einwandfrei angezeigt, aber, nur die "Stiele" der Anmerkung "signs" werden angezeigt. während die Textinhalte der Anmerkungen alle als normaler Text auf der linken Seite des Diagramms angezeigt werden ?! Wie folgt aus:
scheint wie eine Art von CSS Problem oder ähnlich zu mir, bin ich richtig?
Da das Beispiel Dygraphs eigenen Beispiel ist, die auch auf ihrer eigenen Website funktioniert, aber nicht auf jsFiddle, kann auch jeder Verdacht auf falsch formatierte Daten oder Code losgelassen werden, denke ich. Es passiert auch mit all meinen eigenen Dygraphs-Diagrammen auf meinem eigenen Computer, die ich zu kommentieren versuche, aber dieses native Dygraphs-Galerie-Beispiel ist ein viel besseres Beispiel für die Untersuchung von, denke ich?
Also meine Frage ist natürlich, warum passiert das und wie repariere ich es, um die Anmerkungen richtig funktionieren zu lassen und anzuzeigen?
ADDITION:
sie macht es noch einfacher, um das Problem ohne Zögern zu isolieren.
Hier ist ein sehr einfaches Beispiel für Dygraph Anmerkungen, die ich zusammen auf meiner eigenen lokalen Festplatte gesetzt haben (dh als Stand-alone-HTML-Datei):
<html>
<head>
<script type="text/javascript" src="dygraph.js"></script>
<link rel="stylesheet" src="dygraph.css" />
</head>
<body>
<div id="test_chart" style="width:750px; height:350px;"></div>
<script type="text/javascript">
var test_annotations = [
{
series: "TestCol1",
x: "2017-05-26",
shortText: "A",
text: "Test annotation",
cssClass: 'annotation'
}
];
testchart = new Dygraph(
document.getElementById('test_chart'),
"Date,TestCol1\n" +
"2017-05-25,110\n" +
"2017-05-26,80\n" +
"2017-05-27,75\n",
{}
);
testchart.setAnnotations(test_annotations);
</script>
</body>
</html>
Wenn ich diese Datei öffnen (lokal mit Datei : // in Chrome auf meinem Computer, die neuesten dygraph.js und dygraph.css im gleichen Verzeichnis haben), ist es das, was ich bekommen:
wie Sie sehen können, genau das gleiche Problem wie Wie oben beschrieben, erscheint hier nur der "Stamm" des Die Testannotation ist im Diagramm selbst sichtbar, während der Annotationstext ("A") links neben dem Diagramm angezeigt wird.
Die Firebug-Konsole ist leer, nachdem sie diese Datei geladen hat, und keine Versuche (nicht erfolgreich oder nicht), Bilder zu laden, befinden sich ebenfalls auf der Registerkarte Firebug-Netzwerk.
Wieder fühlt sich das sehr nach einer Art von CSS-Positionierungsproblem an, aber ich kann natürlich sehr wohl falsch liegen?
Die Antwort auf diese Frage zu finden wäre dann:
Wie in möglichst wenigen und einfachen Änderungen/Schritte wie möglich, ich würde das lokale Beispiel PoC-Code erhalten für Dygraphs Anmerkungen wie vorgesehen arbeiten, das heißt zeigt der Annotationstext "A" innerhalb eines Quadrats an der korrekten Position innerhalb des Graphen (dh an der Position, an der der "Annotation Stem" gerade gerade angezeigt wird, genau wie im Arbeitsbeispiel auf der Dygraphs-Seite, in meinem ersten Screenendump oben) in dieser Frage)?
Vielen Dank für Ihre Antwort! Ich habe zwar vermutet, dass das fehlende Dollarzeichen (und die damit verbundene kaputte Bildmarke in der jsFiddle-Version des Graphen) darauf zurückzuführen war, aber sind die regulären quadratischen Annotations-Textfelder wirklich auch Bilder? Wenn ich Firebug beim Laden des Graphen in jsFiddle starte, ist das einzige versuchte (und fehlgeschlagene) Laden von Bildern das 'dollar.png'? Wenn für die normalen Textanmerkungen auch Bilder benötigt werden, wo finde ich diese Bilder? – QuestionOverflow
Bitte beachten Sie meinen Zusatz zum obigen Fragetext, um Missverständnisse zu vermeiden. Was sollte in diesem sehr einfachen lokalen Beispiel geändert werden, damit die Testanmerkung richtig angezeigt wird? – QuestionOverflow
Bitte sehen Sie jetzt auch meine eigene Antwort hier unten (die noch mehr Fragen zu diesem Fehler/Problem enthält). – QuestionOverflow