From: Robert Konigsberg Date: Fri, 6 Jan 2012 23:44:38 +0000 (-0500) Subject: Gave proper instructions and fixed prototype function bug. X-Git-Tag: v1.0.0~375 X-Git-Url: https://adrianiainlam.tk/git/?a=commitdiff_plain;h=f3fe39ed031e2ff2e6d699c06ad391013e84cac3;p=dygraphs.git Gave proper instructions and fixed prototype function bug. --- 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. +
  3. In the drawPoints text box, enter true
  4. +
  5. Press enter or click Refresh. You will + see dots on the graph where points exist.
  6. +
  7. In the pointSize text box, enter 5
  8. +
  9. Press enter or click Refresh. The dots + just got larger.
  10. +
  11. Type callback in the filter box.
  12. +
  13. Instead of a text box, you will see buttons that can be used + to define callbacks. Click the button for clickCallback.
  14. +
  15. 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>"; }

  16. +
  17. Click the OK button. The clickCallback + button now says defined instead of not defined.
  18. +
  19. Click anywhere on the graph. The x-value will appear on the + page.
  20. +
  21. 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.
  22. +
  23. Have fun and send feedback!
  24. +
+

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. +
diff --git a/experimental/palette/palette.js b/experimental/palette/palette.js index f242545..7588bef 100644 --- a/experimental/palette/palette.js +++ b/experimental/palette/palette.js @@ -77,7 +77,7 @@ Palette.prototype.create = function(document, parentElement) { var entry = palette.model[opt]; var inputValue = entry.functionString; if (inputValue == null || inputValue.length == 0) { - inputValue = type + "{ }"; + inputValue = opts[opt].type + "{ }"; } var value = prompt("enter function", inputValue); if (value != null) {