+
+ <tr>
+ <td><strong>drawCallback</strong></td>
+ <td><code>function(dygraph, is_initial)</code></td>
+ <td><code>null</code></td>
+ <td>When set, this callback gets called every time the dygraph is drawn. This includes the initial draw, after zooming and repeatedly while panning. The first parameter is the dygraph being drawn. The second is a boolean value indicating whether this is the initial draw.
+ <div class="tests">Tests: <a href="tests/callback.html">callback</a> <a href="tests/synchronize.html">synchronize</a> </div>
+ </td>
+ </tr>
+
+ <tr>
+ <td><strong>gridLineColor</strong></td>
+ <td><code>red, blue</code></td>
+ <td><code>rgb(128,128,128)</code></td>
+ <td>The color of the gridlines.
+ <div class="tests">Tests: <a href="tests/grid_dot.html">grid_dot</a> </div>
+ </td>
+ </tr>
+
+ <tr>
+ <td><strong>highlightCallback</strong></td>
+ <td><code>function(event, x, points,row)</code></td>
+ <td><code>null</code></td>
+ <td>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: <code>[ {name: 'series', yval: y-value}, … ]</code>
+ <div class="tests">Tests: <a href="tests/callback.html">callback</a> <a href="tests/crosshair.html">crosshair</a> </div>
+ </td>
+ </tr>
+
+ <tr>
+ <td><strong>unhighlightCallback</strong></td>
+ <td><code>function(event)</code></td>
+ <td><code>null</code></td>
+ <td>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.
+ <div class="tests">Tests: <a href="tests/callback.html">callback</a> <a href="tests/crosshair.html">crosshair</a> </div>
+ </td>
+ </tr>
+
+ <tr>
+ <td><strong>underlayCallback</strong></td>
+ <td><code>function(canvas, area, dygraph)</code></td>
+ <td><code>null</code></td>
+ <td>When set, this callback gets called before the chart is drawn. It
+ allows you to draw underneath the chart. See the tests for more
+ details on how to use this.
+ <div class="tests">Tests:
+ <a href="tests/underlay-callback.html">underlay-callback</a>
+ <a href="tests/highlighted-region.html">highlighted-region</a>
+ </div>
+ </td>
+ </tr>
+
+ <tr>
+ <td><strong>strokeWidth</strong></td>
+ <td><code>0.5, 2.0</code></td>
+ <td><code>1.0</code></td>
+ <td>The width of the lines connecting data points.
+ <div class="tests">Tests: <a href="tests/grid_dot.html">grid_dot</a> </div>
+ </td>
+ </tr>
+
+ <tr>
+ <td><strong>width</strong></td>
+ <td rowspan="2"><code>integer</code></td>
+ <td><code>480</code></td>
+ <td rowspan="2">Width/Height (in pixels) of the chart. If the container div has been explicitly sized, these attributes will be ignored.
+ <div class="tests">Tests: <a href="tests/demo.html">demo</a> <a href="tests/link-interaction.html">link-interaction</a> <a href="tests/no-range.html">no-range</a> </div>
+ </td>
+ </tr>
+ <tr>
+ <td><strong>height</strong></td>
+ <td><code>320</code></td>
+ </tr>
+
+ <tr>
+ <td><strong>stepPlot</strong></td>
+ <td><code>boolean</code></td>
+ <td><code>false</code></td>
+ <td>
+ When set, display the graph as a step plot instead of a line plot.
+ <div class="tests">Tests: <a href="tests/steps.html">steps</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td><strong>xValueFormatter</strong></td>
+ <td><code>function(x)</code></td>
+ <td></td>
+ <td>
+ Function to provide a custom display format the X value for mouseover.
+ </td>
+ </tr>
+
+ <tr>
+ <td><strong>yValueFormatter</strong></td>
+ <td><code>function(x)</code></td>
+ <td>(Round to 2 decimal places)</td>
+ <td>
+ Function to provide a custom display format for the Y value for mouseover.
+ <div class="tests">Tests: <a href="tests/y-axis-formatter.html">yAxisLabelFormatter</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td><strong>avoidMinZero</strong></td>
+ <td><code>boolean</code></td>
+ <td><code>false</code></td>
+ <td>
+ When set, the heuristic that fixes the Y axis at zero for a data set with the minimum Y value of zero is disabled.
+ This is particularly useful for data sets that contain many zero values, especially for step plots which may otherwise have lines not visible running along the bottom axis.
+ <div class="tests">Tests: <a href="tests/avoidMinZero.html">avoidMinZero</a></div>
+ </td>
+ </tr>
+
+ <tr>
+ <td><strong>logscale</strong></td>
+ <td><code>boolean</code></td>
+ <td><code>false</code></td>
+ <td>
+ When set for a y-axis, the graph shows that axis in y-scale. Any values less than or equal
+ to zero are not displayed.</p>
+
+ Not compatible with showZero, and ignores connectSeparatedPoints. Also, showing log scale
+ with valueRanges that are less than zero will result in an unviewable graph.<br/>
+
+ <div class="tests">Tests: <a href="tests/logscale.html">logscale</a>,
+ <a href="tests/stock.html"> stock</div>
+ </td>
+ </tr>
+
+ <tr>
+ <td><strong>noZoomFlagChange</strong></td>
+ <td><code></code></td>
+ <td><code></code></td>
+ <td>
+ When this flag is passed along with either the <code>dateWindow</code> or <code>valueRange</code> options, the zoom flags are not changed to reflect a zoomed state.
+ This is primarily useful for when the display area of a chart is changed programmatically and also where manual zooming is allowed and use is made of the <code>isZoomed</code> method to determine this.
+ <div class="tests">Tests: <a href="tests/no-zoom-change.html">no-zoom-change</a></div>
+ </tr>