Main Menu
Art Sparkline
Features
Customizable dimentions and labels
Nice 3D graph generated from html
Pure javascript/canvas solution. No flash
Demo 1. Bar chart
1,2,3,4,5,6,8,5,3,10,7 Demo 2. Line chart
1,2,3,4,5,6,8,5,3,23,15,40,55,7,25 Demo 3. Pie chart
1,2,3,4,5,6,8,5,3,23 Usage
{artsparkline type="bar" barColor="green" width="100px" height="100px"}1,2,3,4,5,6,8,5,3,10
Parameters
type - type of chart. Values: line,bar,tristate,discrete,bullet,pie,box
width, height - chart dimensions
lineColor - color for line and discrete charts
fillColor - fill color. Set to false to disable fill
composite - if true then do not 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. Default: false
Additional line chart parameters : defaultPixelsPerValue, spotColor, minSpotColor, maxSpotColor, spotRadius, normalRangeMin, normalRangeMax, xvalues
Additional bar chart parameters : barColor, negBarColor, zeroColor, barWidth, barSpacing, zeroAxis
Additional tristate chart parameters : posBarColor, negBarColor, zeroBarColor, barWidth, barSpacing, zeroAxis, colorMap
Additional discrete chart parameters : lineHeight, thesholdValue, thresholdColor
Additional bullet chart parameters : targetColor, targetWidth, performanceColor, rangeColors
Additional pie chart parameters : sliceColors, offset
Additional box chart parameters : raw, showOutliers, outlierIQR, boxLineColor, boxFillColor, whiskerColor, outlierLineColor, outlierFillColor, spotRadius, medianColor, target, targetColor , minValue, maxValue
|

Art Sparkline
Art Sparkline
Features
Demo 1. Bar chart
Usage