格式化工具提示

有几种方法可以设置工具提示的格式。您可以使用 `tooltipFormatter` 回调函数手动生成工具提示（可能是挂接到外部工具提示库中），也可以使用上面的其他工具提示选项来微调默认的格式化程序。

`tooltipFormat` 和 `toolipValueLookups` 选项提供了设置工具提示中每个值的文本格式的主要方法。

每当鼠标移动到某个值上时，就会应用 `tooltipFormat`。根据使用的迷你图的类型，格式字符串中包含在双花括号之间的各种字段将被替换。例如，折线图的默认格式字符串为：

```html
<span><span style="color: {{color}}">&#9679;</span> {{prefix}}{{y}}{{suffix}}</span>
```

- `"color"` 源自所绘制的线条的颜色。
- `"prefix"` 和 `"suffix"` 并通过设置tooltipPrefix和tooltipSuffix项进行设置。
- `"y"` 表示鼠标下点的 y 值，如果有用，也可以使用 `"x"`。

不同类型的迷你图支持的字段包括：

- 所有类型：`"prefix"`, `"suffix"` 由 `tooltipPrefix` 和 `tooltipSuffix` 选项设置
- Line: `"color"`, `"fillColor"`, `"x"`, `"y"`, `"isNull"` (如果为空值，则为 `true`)
- Bar: `"value"` (指针下的值), `"color"`, `"isNull"`
- Tristate: `"value"` (指针下的值), `"color"`, `"isNull"`
- Discrete: `"value"`, `"isNull"`
- Pie: `"value"`, `"percent"` (介于0和100之间的数字), `"color"` (鼠标悬停切片的)"
- Bullet: `"value"`, `"fieldkey"`, `"isNull"`
- Box: `"field"` 和 `"value"`。字段可以是 `"lq"` (lower quartile), `"med"` (median), `"uq"` (upper quartile), `"lo"` (left outlier), `"ro"` (right outlier), `"lw"` (left whisker) `"rw"` (right whisker)

### 方框图字段顺序

```javascript
$('.boxfieldorder').sparkline(values, {
    type: 'box', 
    tooltipFormatFieldlist: ['med', 'lq', 'uq'], 
    tooltipFormatFieldlistKey: 'field'
});
```

### 设置字段名称和值的格式

可以使用 `tooltipValueLookups` 选项将字段名和值转换为其他任意字符串。例如，方框图可以将 `"lq"` 重新映射到字符串 `"Lower Quartile"` 等，但也可以使用范围图将值（数字）或值范围映射到字符串

```javascript
var values = [1, 3, 5, 3, 8];
$('.barformat').sparkline(values, {
    type: 'bar',
    tooltipFormat: '{{value:levels}} - {{value}}',
    tooltipValueLookups: {
        levels: $.range_map({ ':2': 'Low', '3:6': 'Medium', '7:': 'High' })
    }
});
```

还可以通过将格式字符串和类传递给 `$.spformat` 来指定要与格式关联的CSS类名：

```javascript
$('.bar').sparkline(values, {
    type: 'bar',
    tooltipFormat: $.spformat('{{value}}', 'tooltip-class')
});
```