快速入门
语法
通用选项
隐藏Sparklines
折线图
条形图
三态图
离散图表
子弹图
饼图
方框图
交互式Sparklines
格式化工具提示
单击事件
鼠标悬停事件
三态图 - JQuery Sparklines中文文档 - 光年文档管理系统(Light Year Doc)
网站首页
三态图
三态图表有助于显示输赢平局信息，例如页面顶部的SF巨人队最近的比赛结果。您还可以使用colorMap选项为不同的值或图表中的任意位置使用不同的颜色。 将 `"type"` 选项设置为 `"tristate"` 以生成三态图表。 <iframe src="http://example.itshubao.com/inexample/317.html" width="100%" height="48px" frameborder="0" scrolling="no"></iframe> | - | 说明 | |------------------|---------------| | **posBarColor** | 正（win）值的CSS颜色 | | **negBarColor** | 负（lose）值的CSS颜色 | | **zeroBarColor** | 零（draw）值的CSS颜色 | | **barWidth** | 每个条形图的宽度，以像素为单位（整数） | | **barSpacing** | 每个条形图之间的间距，以像素为单位（整数） | | **colorMap** | 将特定值映射到选定颜色的范围映射。例如，如果希望 -2 的所有值都显示为黄色，请使用 `colorMap: { '-2': '#ff0' }`。从1.5版开始，您也可以在此处传递一个值数组，而不是映射，为每个单独的条指定颜色。例如，如果您的图表有三个值 `1,3,1`，您可以设置 `colorMap=["red", "green", "blue"]` 从2.0版开始，对象将自动转换为范围映射，因此您可以为一系列值指定颜色。 | 另请参阅上述所有常用选项，这些选项也可用于三态图。
上一篇：
条形图
下一篇：
离散图表
