Sparklines图表

参数

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站建设、网站设计、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的滨湖网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

$(selector).sparkline(values, options);
typeOne of 'line' (default), 'bar', 'tristate', 'discrete', 'bullet', 'pie' or 'box'
widthWidth 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)
heightHeight of the chart - Defaults to 'auto' (line height of the containing tag)
lineColorUsed by line and discrete charts to specify the colour of the line drawn as a CSS values string
fillColorSpecify the colour used to fill the area under the graph as a CSS value. Set to false to disable fill
chartRangeMinSpecify the minimum value to use for the range of Y values of the chart - Defaults to the minimum value supplied
chartRangeMaxSpecify the maximum value to use for the range of Y values of the chart - Defaults to the maximum value supplied
compositeIf 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.
enableTagOptionsIf 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
tagOptionPrefixString that each option passed as an attribute on a tag must begin with. Defaults to 'spark'
tagValuesAttributeThe name of the tag attribute to fetch values from, if present - Defaults to 'values'
disableHiddenCheckSet 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


本文名称:Sparklines图表
分享网址:http://csdahua.cn/article/gchese.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流