Sparklines 图表

简介:

参数

1
$(selector).sparkline(values, options);
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

相关文章
图表
4.5 图表 4.5.1 图表简介 1、图表 图表就是工作表单元格中数据的图形化表示,以直观形象的形式显示数据及数据之间的关系。 图表是基于工作表中的数据建立的,为工作表中的数据建立了图表后,图表和建立图表的数据就建立了一种动态链接关系: 1删除数据清单中的源数据时,图表中相应数据系列会自动删除。 2但删除图表中数据系列时,数据清单中源数据不变 2、图表的分类 按照图表的存放位置分为以下两种类型: 1嵌入式图表 (Alt+F1,默认),它和创建图表的数据源放置在同一张工作表中,打印时同时打印; 2独立图表 (F11),它是一个独立的图表工作表,打印时也将与数据表分开打印。 注意
|
机器学习/深度学习 人工智能 并行计算
|
3天前
|
数据可视化
Excel实例:Excel图表可视化:条形图、折线图、散点图和步骤图
Excel实例:Excel图表可视化:条形图、折线图、散点图和步骤图
17 4
|
2月前
|
SQL
Grafana如何展示柱状图-将折线图调整为柱状图
Grafana如何展示柱状图-将折线图调整为柱状图
|
2月前
|
数据可视化
Grafana实现Graph图表折线图和柱状图并存
Grafana实现Graph图表折线图和柱状图并存
|
3月前
|
数据可视化
Echarts5.3.2可视化案例-时间轴动态柱形图
Echarts5.3.2可视化案例-时间轴动态柱形图
|
数据挖掘
图表解析系列之柱状图
作为人们最常用的图表之一,柱状图也衍生出多种多样的图表形式。例如,将多个并列的类别聚类、形成一组,再在组与组之间进行比较,这种图表叫做“分组柱状图”或“簇状柱形图”。将类别拆分称多个子类别,形成“堆叠柱状图”。再如将柱形图与折线图结合起来,共同绘制在一张图上,俗称“双轴图”,等等。
|
图形学
图表解析系列之折线图
折线图用于分析事物随时间或有序类别而变化的趋势。如果有多组数据,则用于分析多组数据随时间变化或有序类别的相互作用和影响。折线的方向表示正/负变化。折线的斜率表示变化的程度。
图表解析系列之饼图
● 想要突出表示某个部分在整体中所占比例; ● 分类数量最好不大于 5 个; ● 各不同分类间的占比差异明显。
图表解析系列之饼图