Gauge as image: type='tambar' |
Gauge as HTML table: type='simple' |
Value Range | ||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
![]() |
|
name='test01' value='-5' | ||||||||||||||
![]() |
|
name='test02' value='-4' | ||||||||||||||
![]() |
|
name='test03' value='-3' | ||||||||||||||
![]() |
|
name='test04' value='-2' | ||||||||||||||
![]() |
|
name='test05' value='-1' | ||||||||||||||
![]() |
|
name='test06' value='0' | ||||||||||||||
![]() |
|
name='test07' value='1' | ||||||||||||||
![]() |
|
name='test08' value='2' | ||||||||||||||
![]() |
|
name='test09' value='3' | ||||||||||||||
![]() |
|
name='test10' value='4' | ||||||||||||||
![]() |
|
name='test11' value='5' | ||||||||||||||
![]() |
|
name='test12' value='6' | ||||||||||||||
![]() |
|
name='test13' value='7' | ||||||||||||||
![]() |
|
name='test14' value='8' | ||||||||||||||
![]() |
|
name='test15' value='9' | ||||||||||||||
![]() |
|
name='test16' value='10' | ||||||||||||||
![]() |
|
name='test17' value='11' | ||||||||||||||
![]() |
|
name='test18' value='12' | ||||||||||||||
![]() |
|
name='test19' value='13' | ||||||||||||||
![]() |
|
name='test20' value='14' | ||||||||||||||
![]() |
|
name='test21' value='15' | ||||||||||||||
![]() |
|
name='test22' value='16' | ||||||||||||||
![]() |
|
name='test23' value='17' | ||||||||||||||
![]() |
|
name='test24' value='18' | ||||||||||||||
![]() |
|
name='test25' value='19' | ||||||||||||||
![]() |
|
name='test26' value='20' | ||||||||||||||
![]() |
|
name='test27' value='21' | ||||||||||||||
![]() |
|
name='test28' value='22' | ||||||||||||||
![]() |
|
name='test29' value='23' | ||||||||||||||
![]() |
|
name='test30' value='24' | ||||||||||||||
![]() |
|
name='test31' value='25' | ||||||||||||||
![]() |
|
name='test32' value='26' | ||||||||||||||
![]() |
|
name='test33' value='27' | ||||||||||||||
![]() |
|
name='test34' value='28' | ||||||||||||||
![]() |
|
name='test35' value='29' | ||||||||||||||
![]() |
|
name='test36' value='30' | ||||||||||||||
![]() |
|
name='test37' value='31' | ||||||||||||||
![]() |
|
name='test38' value='32' | ||||||||||||||
![]() |
|
name='test39' value='33' | ||||||||||||||
![]() |
|
name='test40' value='34' | ||||||||||||||
![]() |
|
name='test41' value='35' | ||||||||||||||
![]() |
|
name='test42' value='36' | ||||||||||||||
![]() |
|
name='test43' value='37' | ||||||||||||||
![]() |
|
name='test44' value='38' | ||||||||||||||
![]() |
|
name='test45' value='39' | ||||||||||||||
![]() |
|
name='test46' value='40' | ||||||||||||||
![]() |
|
name='test47' value='41' | ||||||||||||||
![]() |
|
name='test48' value='42' | ||||||||||||||
![]() |
|
name='test49' value='43' | ||||||||||||||
![]() |
|
name='test50' value='44' | ||||||||||||||
![]() |
|
name='test51' value='45' | ||||||||||||||
![]() |
|
name='test52' value='46' | ||||||||||||||
![]() |
|
name='test53' value='47' | ||||||||||||||
![]() |
|
name='test54' value='48' | ||||||||||||||
![]() |
|
name='test55' value='49' | ||||||||||||||
![]() |
|
name='test56' value='50' | ||||||||||||||
![]() |
|
name='test57' value='51' | ||||||||||||||
![]() |
|
name='test58' value='52' | ||||||||||||||
![]() |
|
name='test59' value='53' | ||||||||||||||
![]() |
|
name='test60' value='54' | ||||||||||||||
![]() |
|
name='test61' value='55' | ||||||||||||||
![]() |
|
name='test62' value='56' | ||||||||||||||
![]() |
|
name='test63' value='57' | ||||||||||||||
![]() |
|
name='test64' value='58' | ||||||||||||||
![]() |
|
name='test65' value='59' | ||||||||||||||
![]() |
|
name='test66' value='60' | ||||||||||||||
![]() |
|
name='test67' value='61' | ||||||||||||||
![]() |
|
name='test68' value='62' | ||||||||||||||
![]() |
|
name='test69' value='63' | ||||||||||||||
![]() |
|
name='test70' value='64' | ||||||||||||||
![]() |
|
name='test71' value='65' | ||||||||||||||
![]() |
|
name='test72' value='66' | ||||||||||||||
![]() |
|
name='test73' value='67' | ||||||||||||||
![]() |
|
name='test74' value='68' | ||||||||||||||
![]() |
|
name='test75' value='69' | ||||||||||||||
![]() |
|
name='test76' value='70' | ||||||||||||||
![]() |
|
name='test77' value='71' | ||||||||||||||
![]() |
|
name='test78' value='72' | ||||||||||||||
![]() |
|
name='test79' value='73' | ||||||||||||||
![]() |
|
name='test80' value='74' | ||||||||||||||
![]() |
|
name='test81' value='75' | ||||||||||||||
![]() |
|
name='test82' value='76' | ||||||||||||||
![]() |
|
name='test83' value='77' | ||||||||||||||
![]() |
|
name='test84' value='78' | ||||||||||||||
![]() |
|
name='test85' value='79' | ||||||||||||||
![]() |
|
name='test86' value='80' | ||||||||||||||
![]() |
|
name='test87' value='81' | ||||||||||||||
![]() |
|
name='test88' value='82' | ||||||||||||||
![]() |
|
name='test89' value='83' | ||||||||||||||
![]() |
|
name='test90' value='84' | ||||||||||||||
![]() |
|
name='test91' value='85' | ||||||||||||||
![]() |
|
name='test92' value='86' | ||||||||||||||
![]() |
|
name='test93' value='87' | ||||||||||||||
![]() |
|
name='test94' value='88' | ||||||||||||||
![]() |
|
name='test95' value='89' | ||||||||||||||
![]() |
|
name='test96' value='90' | ||||||||||||||
![]() |
|
name='test97' value='91' | ||||||||||||||
![]() |
|
name='test98' value='92' | ||||||||||||||
![]() |
|
name='test99' value='93' | ||||||||||||||
![]() |
|
name='test100' value='94' | ||||||||||||||
![]() |
|
name='test101' value='95' | ||||||||||||||
![]() |
|
name='test102' value='96' | ||||||||||||||
![]() |
|
name='test103' value='97' | ||||||||||||||
![]() |
|
name='test104' value='98' | ||||||||||||||
![]() |
|
name='test105' value='99' | ||||||||||||||
![]() |
|
name='test106' value='100' | ||||||||||||||
![]() |
|
name='test107' value='101' | ||||||||||||||
![]() |
|
name='test108' value='102' | ||||||||||||||
![]() |
|
name='test109' value='103' | ||||||||||||||
![]() |
|
name='test110' value='104' | ||||||||||||||
![]() |
|
name='test111' value='105' | ||||||||||||||
Values less than and greater than scale | ||||||||||||||||
![]() |
|
name='edge1' value="-10" | ||||||||||||||
![]() |
|
name='edge2' value="1000" | ||||||||||||||
![]() |
|
name='edge3' value="-500" scale="-1000 -2000 -3000 -4000" | ||||||||||||||
![]() |
|
name='edge4' value="500" scale="1000 2000 3000 4000" | ||||||||||||||
![]() |
|
name='edge5' value="-5000" scale="-1000 -2000 -3000 -4000" | ||||||||||||||
![]() |
|
name='edge6' value="5000" scale="1000 2000 3000 4000" | ||||||||||||||
![]() |
|
name='edge7' value="0.0005" scale="0.001 0.002 0.003 0.004" | ||||||||||||||
![]() |
|
name='edge8' value="0.005" scale="0.001 0.002 0.003 0.004" | ||||||||||||||
Error: no arguments at all so arg name is missing | ||||||||||||||||
GaugePlugin error: parameter name must be specified | ||||||||||||||||
Make sure that more then one gauge can exist on a single line (on older browsers simple forces line break) |
||||||||||||||||
![]() ![]() |
|
name='multiLine01' value='7' name='multiLine02' value='53' |
||||||||||||||
Value not defined | ||||||||||||||||
![]() |
Value not defined, default sizes name='error1' |
|||||||||||||||
![]() |
Empty value name='error2' value='' |
|||||||||||||||
![]() |
Value not defined, but other parameters specified name='error3' width="100" height="40" |
|||||||||||||||
Overriding the default colors. Instead of red, yellow, and then green it is green, yellow, and then red | ||||||||||||||||
![]() |
|
name='color1' value='8' colors="#00FF00 #CCFFCC #FFFF00 #FFFFCC #FF0000 #FFCCCC" | ||||||||||||||
![]() |
|
name='color2' value='38' colors="#00FF00 #CCFFCC #FFFF00 #FFFFCC #FF0000 #FFCCCC" | ||||||||||||||
![]() |
|
name='color3' value='78' colors="#00FF00 #CCFFCC #FFFF00 #FFFFCC #FF0000 #FFCCCC" | ||||||||||||||
Overriding the default tambar scale 0, 33, 67, 100 | ||||||||||||||||
![]() |
|
name='scale01' value="58" scale="0 40 80 120" | ||||||||||||||
![]() |
|
name='scale02' value="5" scale="-10 0 10 20" | ||||||||||||||
![]() |
|
name='scale03' value="-5" scale="-10 0 10 20" | ||||||||||||||
![]() |
|
name='scale04' value="350" scale="100 200 300 400" | ||||||||||||||
![]() |
|
name='scale05' value="17.7" scale="0, 15.8, 22.5, 29.3" | ||||||||||||||
![]() |
|
name='scale06' value="600" scale="800 200 100 -100" | ||||||||||||||
![]() |
|
name='scale07' value="150" scale="800 200 100 -100" | ||||||||||||||
![]() |
|
name='scale08' value="75" scale="800 200 100 -100" | ||||||||||||||
![]() |
|
name='scale09' value="-75" scale="800 200 100 -100" | ||||||||||||||
![]() |
|
name='scale10' value="-175" scale="-100 -200 -400 -800" | ||||||||||||||
![]() |
|
name='scale11' value="-375" scale="-100 -200 -400 -800" | ||||||||||||||
![]() |
|
name='scale12' value="-675" scale="-100 -200 -400 -800" | ||||||||||||||
![]() |
|
name='scale13' value="-50" scale="-100 -200 -400 -800" | ||||||||||||||
![]() |
|
name='scale14' value="-900" scale="-100 -200 -400 -800" | ||||||||||||||
![]() |
|
name='scale15' value="1.23e1" scale="1e1 2e1 3e1 4e1" | ||||||||||||||
![]() |
|
name='scale16' value="2.23e-1" scale="1e-1 2e-1 3e-1 4e-1" | ||||||||||||||
![]() |
|
name='scale17' value="3.23e-5" scale="1e-5 2e-5 3e-5 4e-5" | ||||||||||||||
Overriding the default tambar height 16 | ||||||||||||||||
![]() |
|
name='height1' value="15" height="40" | ||||||||||||||
![]() |
|
name='height2' value="15" height="8" | ||||||||||||||
Overriding the default tambar width 60 | ||||||||||||||||
![]() |
|
name='width1' value="15" width="40" | ||||||||||||||
![]() |
|
name='width2' value="15" width="140" | ||||||||||||||
Override the alt parameter |
||||||||||||||||
![]() |
|
name='alt1' value="15" alt="The actual value is 15" | ||||||||||||||
Overriding everything on the tambar | ||||||||||||||||
![]() |
|
name='change01' value="75" colors="#00FF00 #CCFFCC #FFFF00 #FFFFCC #FF0000 #FFCCCC" scale="0,33,66,100" scalesize='50' height="32" width="140" | ||||||||||||||
![]() |
|
name='change02' value="9" | ||||||||||||||
Add some additional IMG options | ||||||||||||||||
Text1![]() |
--does not apply-- | name='options01' value="13" align="top" | ||||||||||||||
Text1![]() |
--does not apply-- | name='options02' value="13" align="bottom" | ||||||||||||||
Text1![]() |
--does not apply-- | name='options03' value="13" align="middle" | ||||||||||||||
Text1![]() |
--does not apply-- | name='options04' value="13" align="left" | ||||||||||||||
Text1![]() |
--does not apply-- | name='options05' value="13" align="right" | ||||||||||||||
All unknowns options are passed to the <img> tag. | ||||||||||||||||
![]() |
--does not apply-- | name='border01' value="26" style="border:5px solid black" | ||||||||||||||
Change how the created tambar image is accessed |
||||||||||||||||
![]() |
--does not apply-- | Access via file:%br%name='access01'![]() |
||||||||||||||
|
--does not apply-- | Access via inline (won't work on older browsers): name='access02' value="26" access="inline"; |
||||||||||||||
GaugePlugin error: parameter access must be one of inline or file. | --does not apply-- | Error message should be generated:%br%name='access03' value="26" access="bad"; |
Trend gauge with different value | |
---|---|
![]() |
value="-1" |
![]() |
value="0" |
![]() |
value="1" |
![]() |
value="-100" |
![]() |
value="-0" |
![]() |
value="100" |
![]() |
value="+100" |
Missing name or value parameters |
|
![]() |
type="trend" value="1" (No name specified) |
![]() |
type="trend" name="trendNoValue" (No value specified) |
![]() |
type="trend" (No name and value specified) |
Specifying alt tag |
|
![]() |
value="1" alt="This is an alt tag" |
Change the size | |
![]() |
value="1" width="50" height="50" |
![]() |
value="1" width="50" height="100" |
![]() |
value="1" width="100" height="50" |
![]() |
value="1" width="100" |
![]() |
value="1" height="100" |
Try an invalid type gauge |
|
---|---|
GaugePlugin error: Unknown gauge type 'bad' | type="bad" value="1" |