折线图

折线图是默认的图表类型，但要指定该类型，请将名为 `"type"` 的选项显式设置为 `"line"`。

| - | 说明 |
|----------------------------|----------------------|
| **defaultPixelsPerValue**          | 图表中每个值的宽度默认为3像素 |
| **spotColor**                      | 最终值标记的CSS颜色。设置为 `false` 或空字符串以隐藏它 |
| **minSpotColor**                   | 为最小值显示的标记的CSS颜色。设置为 `false` 或空字符串以隐藏它 |
| **maxSpotColor**                   | 显示最大值的标记的CSS颜色。设置为 `false` 或空字符串以隐藏它 |
| **spotRadius**                     | 所有点标记的半径，以像素为单位（默认值：1.5）- 整数   |
| **valueSpots**                     | 指定要在哪些点上绘制点以及使用何种颜色。接受范围。例如，要在所有小于50的值上渲染绿色斑点，在值更高的值上使用 `{':49': 'green, '50:': 'red'}` - 2.0中的新功能 |
| **highlightSpotColor**             | 指定鼠标悬停在值上时显示的点的颜色。设置为空以禁用。默认为 `#f5f` - 2.0中的新功能 |
| **highlightLineColor**             | 指定鼠标悬停时通过值显示的垂直线的颜色。设置为空以禁用。默认为 `#f22` - 2.0中的新功能 |
| **lineWidth**                      | 以像素为单位（默认值：1）- 整数 |
| **normalRangeMin, normalRangeMax** | 指定阈值，在阈值之间绘制一条条形图，以表示 `"normal"` 或预期值范围。例如，此处的绿色条可能表示正常工作温度范围  |
| **drawNormalOnTop**                | 默认情况下，正常范围绘制在图表的填充区域后面。将此选项设置为 `true` 会导致将其绘制在填充区域的顶部 |
| **xvalues**                        | 见下文 |
| **chartRangeClip**                 | 如果为 `true`，则提供给绘图的y值将被剪裁为介于 `chartRangeMin` 和 `chartRangeMax` 之间。默认情况下，`chartRangeMin/Max` 仅确保图表至少跨越该值范围，但不限制它 |
| **chartRangeMinX**                 | 指定用于图表X值的最小值 |
| **chartRangeMaxX**                 | 指定图表X值的最大值 |

另请参阅上面的所有常用选项，这些选项也可用于折线图。

默认情况下，提供给折线图的值假定为映射到顺序（整数）`x` 值的 `y` 值。如果您需要为图表指定 `x` 和 `y` 值，您可以选择以下几个选项：

1. **Inline**: `x` 和 `y` 值由冒号分隔：`x:y,x:y,x:y` - 如： `<span class="linechart">1:3,2.7:4,4.8:3</span>`
2. **Array of arrays**: `[x, y]` 数组的数组： `$('#linechart').sparkline([ [1,3], [2.7,4], [4.8,3] ]);`
3. **Separate arrays**: 分别传递 `x` 值： `$('#linechart').sparkline([3,4,3], { xvalues: [1,2.7,4.8]});`

您还可以指定一个值`"null"`，以完全省略图表中的值。 如：`<span class="linechart">1,2,3,null,3,4,2</span>` 变成： 
<iframe src="http://example.itshubao.com/inexample/320.html" width="100%" height="48px" frameborder="0" scrolling="no"></iframe>