快速入门
语法
通用选项
隐藏Sparklines
折线图
条形图
三态图
离散图表
子弹图
饼图
方框图
交互式Sparklines
格式化工具提示
单击事件
鼠标悬停事件
方框图 - JQuery Sparklines中文文档 - 笔下光年
网站首页
方框图
有关方框图的更多信息,请参见维基百科页面。 将 `"type"` 选项设置为 `"box"` 以生成方框图。 <iframe src="http://example.itshubao.com/inexample/313.html" width="100%" height="auto" frameborder="0" scrolling="no"></iframe> | - | 说明 | |----------------------|------------------------------| | **raw** | 如果设置为 `false`(默认值),则使用提供的值为您计算框数据点。如果为真,则必须预先计算点数(见下文) | | **showOutliers** | 如果为 `true`(默认值),则用圆圈标记异常值 (值 > 1.5x IQR) 用圆形标记,须放置在Q1和Q3处,而不是最小和最大值 | | **outlierIQR** | 设置用于计算符合异常值的值的四分位数范围乘数-默认值为1.5 | | **boxLineColor** | 用于框轮廓的CSS线条颜色 | | **boxFillColor** | 用于框的CSS填充颜色 | | **whiskerColor** | 用于绘制 whiskers 的CSS颜色 | | **outlierLineColor** | 用于绘制离群圆的CSS颜色 | | **outlierFillColor** | 用于填充离群圆的CSS颜色 | | **spotRadius** | 绘制离群圆的像素半径 | | **medianColor** | 用于绘制中间线的CSS颜色 | | **target** | 如果设置为一个值,则在该点绘制一个小十字线以表示目标值 | | **targetColor** | 用于绘制目标十字线的CSS颜色(如果设置) | | **minValue** | 如果设置了 `minvalue` 和 `maxvalue`,则绘图的比例是固定的。默认情况下,`minValue` 和 `maxValue` 是从提供的值中推导出来的 | | **maxValue** | 参见minValue | 另请参阅上面的所有常用选项,这些选项也可用于方框图。 如上面选项中所述,默认情况下,`"raw" `设置为 `false`。这意味着您可以将任意长的值列表传递给 `sparkline` 函数,并根据这些值计算相应的方框图。这可能是你大多数时候想要的行为。 另一方面,如果要处理数千个值,则可能需要预先计算方框图所需的点。在这种情况下,设置 `raw=true` 并传入计算值。如果显示异常值,则提供以下值: low_outlier, low_whisker, q1, median, q3, high_whisker, high_outlier 忽略异常值并将 `showOutliers` 设置为 `false` 以忽略异常值显示。
上一篇:
饼图
下一篇:
交互式Sparklines