X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=experimental%2Fpalette%2Findex.html;h=8bed76ef30ea4c563f428c66bbe162bff4e7e7a0;hb=f3fe39ed031e2ff2e6d699c06ad391013e84cac3;hp=610d352f2937237fd3f2a5d1d07e87994554b79f;hpb=205900008a083c27e85995aec2b90e81e6d51c9e;p=dygraphs.git diff --git a/experimental/palette/index.html b/experimental/palette/index.html index 610d352..8bed76e 100644 --- a/experimental/palette/index.html +++ b/experimental/palette/index.html @@ -25,6 +25,62 @@
Other messages:
+
+

Learn By Doing

+
    +
  1. In the filter box, type point.
    2. +
  2. In the drawPoints text box, enter true
    3. +
  3. Press enter or click Refresh. You will + see dots on the graph where points exist.
    4. +
  4. In the pointSize text box, enter 5
    5. +
  5. Press enter or click Refresh. The dots + just got larger.
    6. +
  6. Type callback in the filter box.
    7. +
  7. Instead of a text box, you will see buttons that can be used + to define callbacks. Click the button for clickCallback.
    8. +
  8. You will see that the prototype function body is + function(e, x, points){ }. Paste in this + replacement function:

    + function(e, x){ var elem = + document.getElementById("messages"); elem.innerHTML = + elem.innerHTML + x + "<br>"; }

    9. +
  9. Click the OK button. The clickCallback + button now says defined instead of not defined.
    10. +
  10. Click anywhere on the graph. The x-value will appear on the + page.
    11. +
  11. If you click directly on a point, then an alert box will + indicate that you've clicked on a point. That's because the + pointClickCallback was defined already.
    12. +
  12. Have fun and send feedback!
    13. +
+

tips

+ The palette on the right contains (most) Dygraphs options. Here's + how they work: + + + Then in the filter text box, type "point". Set drawPoints: true and + pointSize: 5. + You get the idea. +