Sparkline Charts

This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.
For all options see the documentation

Area 8,5,6,8,7,7,6,8,9,6,7,9,10

Line 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10

Pie charts 1,1,2 1,5 20,50,80

Discrete with threshold 8,4,0,0,0,2,1,3,4,10,7,8,10,6,3,2,1,3,5,9,10

Box Plot 4,27,34,52,54,59,61,68,78,82,85,87,91,93,100

Bullet 10,12,12,9,7

Bar charts 10,8,9,6,5,8,5,7,8,9,3,7,8,6

negative values -3,3,2,0,4,-1,-2,3,5

stacked 0:2,2:4,4:2,4:1

Composite bar 4,6,7,7,4,3,2,1,4

Tristate charts 1,1,0,1,-1,-1,1,-1,0,0,1,1

Tristate chart using a colour map 1,2,0,2,-1,-2,1,-2,0,0,1,1

With Data Attributes.

Data attributes can be used to pass custom settings per-chart.

4,6,7,8,8,6,5,5,6,6,7,8,8,8,9,9,8,7,7
6,4,8, 9, 10, 5, 13, 18, 21, 7, 9
6,4,8

Peity charts

By default the chart will fill the available space, but with the options u can set the width and height to your liking.
For all the options on each chart type see the official documentation.

Bar chart 5,3,9,6,5,9,7,3,5,2

Line chart 2,3,5,6,5,9,7,9,8,6

Area chart 2,3,5,6,5,9,7,9,8,6

Pie chart 2/5 2,2,1

Donut chart 2/5 2,2,1

With Data Attributes.

Data attributes can be used to pass custom settings per-chart.
In below example the size and thickness for each donut chart can be set with the "radius" and "innerRadius" options.

1/7 6,2,3 3/7 4/7 5/7 6/7 7/7

© 2016 YourApp