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
also change width, height, and color
<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
and with threshhold
<span data-sparkline-type="discrete" data-sparkline-height="18px" data-sparkline-width="30" data-sparkline-threshold="4">4,6,7,...</span>
-
Nifty Bar Charts
with negatives and thicker bars
and stacked bars
<span data-sparkline-type="bar" data-sparkline-width="50px" data-sparkline-bar data-sparkline-height="15px">50,40,70,...</span>
-
Box plots
and bullet plots
<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
<span data-sparkline-type="pie" data-sparkline-offset="90" data-sparkline-piesize="18px">3,5,2</span>