X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=docs%2Findex.html;h=43695889ec96fe02e83bb2268e818808181e4d00;hb=07c253a6822456df77fa08e32b51cf6bc76d7ab4;hp=757e660e9ba4e5259bf1e5f4db1e9319405e94a7;hpb=7e6fad88825bf5de54c862b80fb85f1bee5e9448;p=dygraphs.git
diff --git a/docs/index.html b/docs/index.html
index 757e660..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.
-
+
|
@@ -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.
-
+ | 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.
+
|
@@ -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.
-
+ | Show data labels in an external div, rather than on the graph. This value can either be a div element or a div id.
+
+ |
+
+
+ labelsShowZeroValues |
+ boolean |
+ true |
+ Show zero value labels in the labelsDiv.
+
|
@@ -699,6 +709,13 @@ perl -ne 'BEGIN{print "Month,Nominal,Real\n"} chomp; ($m,$cpi,$low,$close,$high)
+ xAxisLabelFormatter |
+ function(date, granularity) |
+ Dygraph.dateAxisFormatter |
+ Function to call to format values along the x axis.
+
+ |
+
rightGap |
integer |
|
@@ -768,13 +785,22 @@ perl -ne 'BEGIN{print "Month,Nominal,Real\n"} chomp; ($m,$cpi,$low,$close,$high)
highlightCallback |
function(event, x, points) |
- null |
+ null |
When set, this callback gets called every time a new point is highlighted. The parameters are the JavaScript mousemove event, the x-coordinate of the highlighted points and an array of highlighted points: [ {name: 'series', yval: y-value}, … ]
|
+ unhighlightCallback |
+ function(event) |
+ null |
+ When set, this callback gets called every time the user stops highlighting any point by mousing out of the graph. The parameter is the mouseout event.
+
+ |
+
+
+
strokeWidth |
0.5, 2.0 |
1.0 |
@@ -812,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.