X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;ds=inline;f=docs%2Fannotations.html;h=0a3ba17c4fe38092a27fab6b57eaac610e184db0;hb=85dfd5368b1993cba54c6d2214cceeb995f6b176;hp=91fa00410a6f05b6cd7d4d60d2064c0da1f52829;hpb=144034416d8119387dbdc3ce689d7b9fa4b2a0ee;p=dygraphs.git diff --git a/docs/annotations.html b/docs/annotations.html index 91fa004..0a3ba17 100644 --- a/docs/annotations.html +++ b/docs/annotations.html @@ -26,43 +26,42 @@ them.
showRoller: true, customBars: true, labelsKMB: true, - labelsDivWidth: 300, - drawCallback: function(g, is_initial) { - if (!is_initial) return; - - g.setAnnotations( [ - { - series: "Real", - x: "1929-08-15", - shortText: "A", - text: "1929 Stock Market Peak", - cssClass: 'annotation' - }, - { - series: "Nominal", - x: "1987-08-15", - shortText: "B", - text: "1987 Crash", - cssClass: 'annotation' - }, - { - series: "Nominal", - x: "1999-12-15", - shortText: "C", - text: "1999 (.com) Peak", - cssClass: 'annotation' - }, - { - series: "Nominal", - x: "2007-10-15", - shortText: "D", - text: "All-Time Market Peak", - cssClass: 'annotation' - } - ] ); - } + labelsDivWidth: 300 } ); + + stockchart.ready(function(g) { + g.setAnnotations( [ + { + series: "Real", + x: "1929-08-15", + shortText: "A", + text: "1929 Stock Market Peak", + cssClass: 'annotation' + }, + { + series: "Nominal", + x: "1987-08-15", + shortText: "B", + text: "1987 Crash", + cssClass: 'annotation' + }, + { + series: "Nominal", + x: "1999-12-15", + shortText: "C", + text: "1999 (.com) Peak", + cssClass: 'annotation' + }, + { + series: "Nominal", + x: "2007-10-15", + shortText: "D", + text: "All-Time Market Peak", + cssClass: 'annotation' + } + ] ); + });For a more real-life example, see the annotations demo
+When you pass a URL as the data source to dygraphs, it must issue a request
+for the data before drawing the chart. This means that the chart data is not yet
+available immediately after you call new Dygraph
and so the call to
+g.setAnnotations
will fail. The best way around this is to use the
+ready()
method:
g = new Dygraph(div, "path/to/data.csv"); +g.ready(function() { + // This is called when data.csv comes back and the chart draws. + g.setAnnotations([ + … + ]); +}); ++
These properties can all be set in the dictionary for an annotation. The use of each one is demonstrated on the annotations demo page.