快速入门
语法
通用选项
隐藏Sparklines
折线图
条形图
三态图
离散图表
子弹图
饼图
方框图
交互式Sparklines
格式化工具提示
单击事件
鼠标悬停事件
交互式Sparklines - JQuery Sparklines中文文档 - 笔下光年
网站首页
交互式Sparklines
该插件的2.0版以工具提示、鼠标悬停高亮显示和所有受支持的迷你图类型的点击交互的形式引入了对交互式迷你图的支持。 如果您对工具提示的默认外观感到满意,可以跳过整个部分。 控制 sparkline 交互的选项: | - | 说明 | |-------------------------------|-----------------| | **disableInteraction** | 设置为 `true` 将禁用所有sparkline交互,使插件的行为与1.x中的行为大致相同。默认值为 `false` | | **disableTooltips** | 设置为 `true` 将禁用鼠标悬停工具提示。默认为 `false` | | **disableHighlight** | 设置为 `true` 可在鼠标悬停在迷你图上时禁用单个值的突出显示。默认为 `false` | | **highlightLighten** | 控制鼠标悬停时使值变亮或变暗的量。值 `1.5` 将亮 `50%` ,`0.5` 将暗 `50%`。默认值为 `1.4` | | **highlightColor** | 如果指定,则鼠标悬停的值将更改为该颜色,而不是浅色 | | **tooltipContainer** | 指定工具提示应呈现到的DOM元素。默认为 `document.body` | | **tooltipClassname** | 指定要应用于工具提示以覆盖默认内置样式的CSS类名。 | | **tooltipOffsetX** | 指定距离鼠标指针多少像素以在X轴上渲染工具提示 | | **tooltipOffsetY** | 指定距离鼠标指针多少像素以在Y轴上渲染工具提示 | | **tooltipFormatter** | 传递一个javascript函数作为回调函数,以覆盖用于生成工具提示的HTML。回调将传递(sparkline、options、field)的参数。sparkline是要渲染的sparkline对象,`"options"` 是为该sparkline设置的选项的键:`key:value` - 使用 `options.get(key, default)` 获取单个选项。`"fields"` 是要为迷你图渲染的字段数组。这将是一个单元素数组,除非它是一个方框图。 | | **tooltipChartTitle** | 如果指定,则工具提示将使用此设置指定的字符串作为标题 | | **tooltipFormat** | 控制工具提示格式的格式字符串或 `spformat` 对象(或多个条目的数组) | | **tooltipPrefix** | 在工具提示中显示的每个字段前加上一个字符串 | | **tooltipSuffix** | 要附加到工具提示中显示的每个字段的字符串 | | **tooltipSkipNull** | 如果为 `true`,则空值将不会显示工具提示默认值为 `true` | | **tooltipValueLookups** | 将字段值映射到工具提示字符串的对象或范围映射。例如,您可能希望将-1、0和1映射到字符串 `"Lost"`, `"Draw"`, `"Won"` | | **tooltipFormatFieldlist** | 一个值数组,指定要在工具提示中显示的字段以及显示顺序。当前仅适用于方框图。详见下文 | | **tooltipFormatFieldlistKey** | 指定保存要在上面引用的字段名的键。对于方框图,这应该是 `"field"` | | **numberFormatter** | 传递一个javascript函数来控制数字在工具提示中的格式。回调将传递一个要格式化的数字,并且必须返回一个字符串。默认行为是按照西方惯例设置数字格式。 | | **numberDigitGroupSep** | 数字 `"1,234"` 中用于分组分隔符的字符,用于本地化目的。默认为逗号 - `","` | | **numberDecimalMark** | 用于本地化的数字小数点的字符。默认为期间 - `"."` | | **numberDigitGroupCount** | 本地化的组分离器之间的数字。默认值为 `3`。 |
上一篇:
方框图
下一篇:
格式化工具提示