天天看点

Sparklines 图表

参数

<code>$(selector).sparkline(values, options);</code>

type

One of 'line' (default), 'bar', 'tristate', 'discrete', 'bullet', 'pie' or 'box'

width

Width of the chart - Defaults to 'auto' - May be any valid css width - 1.5em, 20px, etc (using a number without a unit specifier won't do what you want) - This option does nothing for bar and tristate chars (see barWidth)

height

Height of the chart - Defaults to 'auto' (line height of the containing tag)

lineColor

Used by line and discrete charts to specify the colour of the line drawn as a CSS values string

fillColor

Specify the colour used to fill the area under the graph as a CSS value. Set to false to disable fill

chartRangeMin

Specify the minimum value to use for the range of Y values of the chart - Defaults to the minimum value supplied

chartRangeMax

Specify the maximum value to use for the range of Y values of the chart - Defaults to the maximum value supplied

composite

If true then don't erase any existing chart attached to the tag, but draw another chart over the top - Note that width and height are ignored if an existing chart is detected.

Note: You'll usually want to lock the axis on both charts using chartRangeMin and chartRangeMax if you want the same value on each chart to occupy the same point.

enableTagOptions

If true then options can be specified as attributes on each tag to be transformed into a sparkline, as well as passed to the sparkline() function. See also tagOptionPrefix

tagOptionPrefix

String that each option passed as an attribute on a tag must begin with. Defaults to 'spark'

tagValuesAttribute

The name of the tag attribute to fetch values from, if present - Defaults to 'values'

disableHiddenCheck

Set to true to disable checking for hidden sparklines. This can be beneficial if you know you'll never attempt to draw a sparkline into a hidden parent element as it avoids a browser reflow for the test, increasing rendering performance.

Defaults to false - New in 2.0

链接:

http://omnipotent.net/jquery.sparkline/#s-docs

继续阅读