条形图

将 `"type"` 选项设置为 `"bar"` 以生成条形图。可以通过使用 `"null"` 值而不是数字来省略值。

| - | 说明 |
|---------------------|---------------------|
| **barColor**        | 用于正值的CSS颜色 |
| **negBarColor**     | 用于负值的CSS颜色   |
| **zeroColor**       | CSS颜色用于等于的值 |
| **nullColor**       | 用于等于null的值的CSS颜色-默认情况下，null值被完全忽略，但设置此选项会为条目添加一个细标记-如果图表非常稀疏，则此选项非常有用；也许试着将其设置为浅灰色或其他不显眼的颜色 |
| **barWidth**        | 每个条形图的宽度，以像素为单位（整数） |
| **barSpacing**      | 每个条形图之间的间距，以像素为单位（整数）  |
| **zeroAxis**        | 如果为真（默认值），则将y轴居中为零  |
| **colorMap**        | 将特定值映射到选定颜色的范围映射。例如，如果希望-2的所有值都显示为黄色，请使用 `colorMap: { '-2': '#ff0' }`。从1.5版开始，您也可以在此处传递一个值数组，而不是映射，为每个单独的条指定颜色。例如，如果您的图表有三个值 `1,3,1`，您可以设置 `colorMap=["red", "green", "blue"]` 从2.0版开始，对象将自动转换为范围映射，因此您可以为一系列值指定颜色 |
| **stackedBarColor** | 用于堆叠条形图的一系列颜色。第一系列将使用数组中的第一个值，第二系列将使用第二个值，等等 |

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

2.0版增加了对堆叠条形图的支持。如果通过html传递，图表中每个数据系列的值可以用冒号分隔，也可以作为数组数组。

例如，要绘制值为 `1,2,3,4` 的 series 1和值为 `4,3,2,1` 的 series 2：

```html
<span class="bar">1:4,2:3,3:2,4:1</span>
```
```javascript
// same result as the html data above
$('.bar').sparkline([ [1,4], [2, 3], [3, 2], [4, 1] ], { type: 'bar' });
```