语法

`$(selector).sparkline(values, options);`

值可以是一个数字数组，也可以是 `"html"`，它可以从所选标记中读取值：

```html
<span class="sparklines">1,2,3,4,5,4,3,2,1</span>
<span id="ticker">Loading..</span>

标记中提供的值也可以出现在注释中，或作为标记本身的属性：

```html
<span class="sparklines"></span>
<span class="sparklines" values="1,2,3,4,5,4,3,2,1"></span>
```

默认情况下，插件将在标记上查找名为 `"values"` 的属性以查找要渲染的值，但您可以通过设置 `tagValuesAttribute` 选项来更改此属性。如果您想创建一个复合图，这会很有用，因为您可以为每个图的值属性使用不同的名称。

Options是一个指定要绘制的迷你图类型、要使用的颜色等的对象。

```javascript
$('#barchart').sparkline(myvalues, { type:'bar', barColor:'green' });
```

如果需要，选项可以作为每个标记的属性传递。这需要在调用 `sparklines()` 函数时设置 `enableTagOptions` 选项，并在一定程度上降低性能（在IE6上更为关键）。

```html
<span class="sparklines" sparkType="bar" sparkBarColor="green"></span>
<span class="sparklines" sparkType="bar" sparkBarColor="red"></span>

每个选项都必须以 `"spark"` 作为前缀，但这可以通过将 `tagOptionPrefix` 选项传递给 `sparkline()` 函数来更改。

您还可以通过将值指定给 `$.fn.sparkline.defaults` 来覆盖所有后续迷你图的默认选项。

例如，要更改下面常用选项中列出的默认线条颜色，可以执行以下操作：

```javascript
$.fn.sparkline.defaults.common.lineColor = 'red';
```

将 `'common'` 替换为 `'line'`, `'bar'`, `'tristate'`, `'discrete'`, `'bullet'`, `'pie'` 或 `'box'` 以设置特定于这些图表类型的选项。