Graph > Inline Charts
-
My Income $47,171
-
Site Traffic 45%
-
Site Orders 2447
JQuery Sparklines Modified for easier usage
Sparklines are light weight, easy to use, inline charts. We have modified sparklines so you can use it with just data-* values, without the use of javascript
-
Inline Graphs
90,30,60,40,60,70,50,40,70,60,90,50
also change width, height, and color
4,1,5,7,9,9,8,7,6,6,4,7,8,4,3,2,2,5,6,7
<span data-sparkline-type="line" data-sparkline-width="50px" data-sparkline-height="18px">90,30,60,...</span>
-
Compose inline charts
and Composite Bar charts
<span data-sparkline-type="compositeline" data-sparkline-height="15px" data-sparkline-line-val="[9,8,7...]" data-sparkline-bar-val="[4,1,5...]"></span>
-
Discrete bars 4,6,7,7,4,3,2,1,4,4
and with threshhold
4,6,7,7,4,3,2,1,4,4
<span data-sparkline-type="discrete" data-sparkline-height="18px" data-sparkline-width="30" data-sparkline-threshold="4">4,6,7,...</span>
-
Nifty Bar Charts
50,40,70,60,90,50
with negatives and thicker bars
5,6,7,2,0,-4,-2,4 and stacked bars
1:3, 5:3, 2:7,9:1,5:6
<span data-sparkline-type="bar" data-sparkline-width="50px" data-sparkline-bar data-sparkline-height="15px">50,40,70,...</span>
-
Box plots
10,12,12,9,7
and bullet plots
4,27,34,52,54,59,61,68,78,82,85,87,91,93,100
<span data-sparkline-type="compositebar" data-sparkline-line-width="1.5" data-sparkline-line-val="[6,4,7...]" data-sparkline-bar-val="[4,1,5...]"></span>
-
Pie Charts 3,5,2
<span data-sparkline-type="pie" data-sparkline-offset="90" data-sparkline-piesize="18px">3,5,2</span>