+
+ <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)</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>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>
+