X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=docs%2Findex.html;h=43695889ec96fe02e83bb2268e818808181e4d00;hb=5ed061d6e6208d1b3f05a0ccd2010c6ce087b674;hp=71df56b496a1cdc927c9cb0b3a42fc3b7e794413;hpb=a4c6a67c116af8d7f5810fb7cc7a8ded13caf707;p=dygraphs.git diff --git a/docs/index.html b/docs/index.html index 71df56b..4369588 100644 --- a/docs/index.html +++ b/docs/index.html @@ -19,6 +19,7 @@
  • Baseball chart
  • Stock chart
  • Options Reference
    • +
  • GWT Compatibility
  • Data Policy
    • @@ -57,7 +58,8 @@
  • Negative Numbers
  • Noisy Data
  • Multiple Series
    • -
  • Custom Underlay / background
    • +
  • Custom Underlay / background
    • +
  • Tests for zoom operations
    • @@ -71,7 +73,7 @@

    A demo is worth a thousand words:

    -

    (Mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom back out. Change the number and hit enter to adjust the averaging period.)

    +

    (Mouse over to highlight individual values. Click and drag to zoom in both axes. Double-click to zoom back out. Change the number and hit enter to adjust the averaging period.)

    Temperatures in New York vs. San Francisco
    @@ -112,7 +114,7 @@
  • Lightweight (45kb) and responsive
  • Displays values on mouseover (this makes it easily discoverable)
  • Supports error bands around data series
    • -
  • Interactive zoom
    • +
  • Interactive zoom and pan
  • Adjustable averaging period
  • Can intelligently chart fractions
  • Customizable click-through actions
    • @@ -507,7 +509,7 @@ perl -ne 'BEGIN{print "Month,Nominal,Real\n"} chomp; ($m,$cpi,$low,$close,$high) boolean false If the rolling average period text box should be shown. -
    Tests: callback crosshair fractions isolated-points numeric-gviz underlay-callback
    +
    Tests: callback crosshair fractions isolated-points numeric-gviz underlay-callback highlighted-region
    @@ -564,10 +566,10 @@ perl -ne 'BEGIN{print "Month,Nominal,Real\n"} chomp; ($m,$cpi,$low,$close,$high) zoomCallback - function(minDate,
    maxDate){}     + function(minDate,
    maxDate,
    minValue,
    maxValue){}     null - A function to call when the zoom window is changed (either by zooming in or out). minDate and maxDate are milliseconds since epoch. -
    Tests: callback
    + A function to call when the zoom window is changed (either by zooming in or out). minDate and maxDate are milliseconds since epoch. minValue and maxValue are y-axis range values. +
    Tests: callback zoom
    @@ -603,10 +605,18 @@ perl -ne 'BEGIN{print "Month,Nominal,Real\n"} chomp; ($m,$cpi,$low,$close,$high) labelsDiv - document.
    getElementById('foo')     + document.getElementById('foo')
    or
    'foo' null - Show data labels in an external div, rather than on the graph. -
    Tests: demo label-div
    + Show data labels in an external div, rather than on the graph. This value can either be a div element or a div id. +
    Tests: label-div
    + + + + labelsShowZeroValues + boolean + true + Show zero value labels in the labelsDiv. +
    Tests: label-div
    @@ -828,6 +838,26 @@ perl -ne 'BEGIN{print "Month,Nominal,Real\n"} chomp; ($m,$cpi,$low,$close,$high)
  • Make sure you don't have any trailing commas in your call to the Dygraph constructor or in the options parameter. Firefox, Chrome and Safari ignore these but they can cause a graph to not display in Internet Explorer.
    • +

    GWT Compatibility

    +

    There is currently no GWT wrapper around Dygraphs, however there is a class that can be used to easily load Dygraphs into the browser. To use it, include the generated dygraph-gwt.jar file in your classpath and add the following line to your GWT module:

    + +
    +<inherits name="org.danvk.dygraphs"/>    
+
    + +

    Call org.danvk.Dygraphs.install() when your application starts to install the JavaScript code into the browser. You can use JSNI to call Dygraphs from your GWT code, as in the example below. The example uses the Visualization API for GWT and the Dygraphs GViz API.

    + +
    +  public static native JavaScriptObject drawDygraph(Element element, DataTable dataTable, double minY, double maxY) /*-{
+    var chart = new $wnd.Dygraph.GVizChart(element);
+    chart.draw(dataTable,
+      {
+        valueRange: [minY, maxY]
+      });
+    return chart;
+  }-*/;
+
    +

    Data Policy

    dygraphs is purely client-side JavaScript. It does not send your data to any servers – the data is processed entirely in the client's browser.