Home Explore Help
Sign In
zhxd2
/
tripal
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 6b1bb766f0
Branches Tags
tripal
/
theme_tripal
/
js
/
jgcharts
/
include
/
demo
/
index.html

index.html 54 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    3. 

  3. <head>
    4. 

  4.     <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    5. 

  5.     <title>jQuery Google Charts 1.0 - Demo Site</title>
    6. 

  6.     <meta http-equiv="Content-Language" content="en-us" />
    7. 

  7.     <meta name="author" content="Massimiliano Balestrieri" />
    8. 

  8.     <link rel="stylesheet" type="text/css" href="../../include/css/reset.css" />
    9. 

  9.     <link rel="stylesheet" type="text/css" href="../../include/css/demo.css" />
    10. 

  10.     <script src="../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
    11. 

  11.     <!--script src="../../include/js/lib/ycodaslider-2.0.rc2/lib/jquery-easing-1.3.pack.js" type="text/javascript"></script>
    12. 

  12.     <script src="../../include/js/lib/ycodaslider-2.0.rc2/lib/jquery.history_remote.fixed.pack.js" type="text/javascript"></script>
    13. 

  13.     <script src="../../include/js/lib/ycodaslider-2.0.rc2/lib/chili/jquery.chili-2.2.js" type="text/javascript"></script>
    14. 

  14.     <script src="../../include/js/lib/ycodaslider-2.0.rc2/ycodaslider-2.0.pack.js" type="text/javascript"></script>
    15. 

  15.     <script src="../../include/js/lib/ycodaslider-2.0.rc2/plugins/code-ycodaslider-2.0.pack.js" type="text/javascript"></script-->
    16. 

  16.     <script src="../../include/js/lib/ycodaslider-3.0/ycodaslider-3.0.min.js" type="text/javascript"></script>
    17. 

  17.     
    18. 

  18.     
    19. 

  19.     <script src="../../lib/chili/jquery.chili-2.2.js" type="text/javascript"></script>
    20. 

  20.     
    21. 

  21.     <script src="../../lib/metadata/jquery.metadata.min.js" type="text/javascript"></script>
    22. 

  22.     <script src="../../lib/janalytics/janalytics.js" type="text/javascript"></script>
    23. 

  23.     <!--todo pack -->
    24. 

  24.     <script src="../../jgcharts.pack.js" type="text/javascript"></script>
    25. 

  25.     <script src="../../plugins/jgtable/jgtable.pack.js" type="text/javascript"></script>
    26. 

  26.     <script src="../../include/js/start-1.0.js" type="text/javascript"></script>
    27. 

  27. </head>    
    28. 

  28. <body>
    29. 

  29. <div id="icone_sinistra">
    30. 

  30.     <!-- home -->
    31. 

  31.     <a href="#" class="handle h-docs tracking {label : '/jgcharts/home'}"><img class="icone_sx" alt="docs" src="../../include/icons/home.png" /></a>
    32. 

  32.     <a href="#" class="handle h-docs text_icone_sx tracking {label : '/jgcharts/home'}">Home</a>
    33. 

  33.     <!-- table -->
    34. 

  34.     <a href="#" class="handle h-table tracking {label : '/jgcharts/table'}"><img class="icone_sx" alt="table" src="../../include/icons/frame.png" /></a>
    35. 

  35.     <a href="#" class="handle h-table text_icone_sx tracking {label : '/jgcharts/table'}">Table</a>
    36. 

  36.     <!-- gui -->
    37. 

  37.     <a href="../gui/" class="blank tracking {label : '/jgcharts/jggui'}"><img class="icone_sx" alt="gui" src="../../include/icons/important.png" /></a>
    38. 

  38.     <a href="../gui/" class="blank text_icone_sx tracking {label : '/jgcharts/jggui'}">Gui *ALPHA</a>
    39. 

  39. </div>
    40. 

  40. <div id="icone_destra">
    41. 

  41.     <!-- docs -->
    42. 

  42.     <a href="#" class="handle h-docs tracking {label : '/jgcharts/docs'}"><img class="icone_sx" alt="docs" src="../../include/icons/abc.png" /></a>
    43. 

  43.     <a href="#" class="handle h-docs text_icone_sx tracking {label : '/jgcharts/docs'}">Docs</a>
    44. 

  44.     <!-- code -->
    45. 

  45.     <a href="#" class="handle h-code tracking {label : '/jgcharts/code'}"><img class="icone_sx" alt="docs" src="../../include/icons/code.png" /></a>
    46. 

  46.     <a href="#" class="handle h-code text_icone_sx tracking {label : '/jgcharts/code'}">Code</a>
    47. 

  47.     <!-- download -->
    48. 

  48.     <a href="../../jgcharts-0.96.zip" class="tracking {label : '/jgcharts/download'}"><img class="icone_sx" alt="Download" src="../../include/icons/download.png" /></a>
    49. 

  49.     <a href="../../jgcharts-0.96.zip" class="text_icone_sx tracking {label : '/jgcharts/download'}">Download</a>
    50. 

  50. </div>
    51. 

  51. 

  52. <div id="yslider-docs" class="ycodaslider">
    53. 

  53.     <div class="yslider-panelwrapper" title="jGCharts 1.0">
    54. 

  54.         <h3>jQuery Google Charts 1.0</h3>
    55. 

  55.         <p>
    56. 

  56.         Copyright (c) 2008 Massimiliano Balestrieri<br />
    57. 

  57.         Examples and docs at: http://maxb.net/blog/<br />
    58. 

  58.         Licensed GPL licenses:<br />
    59. 

  59.         http://www.gnu.org/licenses/gpl.html<br />
    60. 

  60.         </p>
    61. 

  61.         <blockquote>
    62. 

  62.         <p>
    63. 

  63.         
    64. 

  64.         </p>
    65. 

  65.         </blockquote>
    66. 

  66.         <p>
    67. 

  67.         </p>
    68. 

  68.         <h4>Basic usage:</h4>
    69. 

  69.         <div class="code javascript"><!--var api = new jGCharts.Api();
    70. 

  70. jQuery('<img>')
    71. 

  71. .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]]}))
    72. 

  72. .appendTo("#bar1");--></div>
    73. 

  73.         <h4>Html:</h4>
    74. 

  74.         <div class="code html"><!--<div id="bar1"></div>--></div>
    75. 

  75.         <h4>Basic scripts (use packed version in production):</h4>
    76. 

  76.         <div class="code html"><!--<script src="jquery-1.3.1.min.js" type="text/javascript"></script>
    77. 

  77. <script src="jgcharts.js" type="text/javascript"></script>--></div>
    78. 

  78.     </div>
    79. 

  79. 

  80.     <!-- panel -->
    81. 

  81.     <div class="yslider-panelwrapper" title="Bar">
    82. 

  82.         
    83. 

  83.         <h4>Basic Bar</h4>
    84. 

  84.         <div class="code javascript"><!--//1 ) api
    85. 

  85. var api = new jGCharts.Api();        
    86. 

  86. 

  87. //2) options
    88. 

  88. var opt = {
    89. 

  89.     data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]]//mandatory 
    90. 

  90. };//set options 
    91. 

  91. 

  92. //3) append Img (with jQuery)
    93. 

  93. jQuery('<img>')
    94. 

  94. .attr('src', api.make(opt))//options 
    95. 

  95. .appendTo("#bar1");--></div>
    96. 

  96.         
    97. 

  97.         <div id="bar1"></div>
    98. 

  98.         
    99. 

  99.     </div>
    100. 

  100. 

  101.     
    102. 

  102.     <!-- bar options -->
    103. 

  103. 

  104. 

  105.     <div class="yslider-panelwrapper" title="Bar Options">
    106. 

  106.         
    107. 

  107.         <h4>Schema</h4>
    108. 

  108.         <div class="code javascript"><!--//1 ) api
    109. 

  109. var api = new jGCharts.Api();        
    110. 

  110. //2) options
    111. 

  111. var opt = {};//set options 
    112. 

  112. //3) append img
    113. 

  113. jQuery('<img>')
    114. 

  114. .attr('src', api.make(opt))//options 
    115. 

  115. .appendTo("#chart_container");
    116. 

  116. --></div>
    117. 

  117.         <h3>Options</h3>
    118. 

  118.         <h4>Chart Dimension</h4>
    119. 

  119.         <div class="code javascript"><!--{
    120. 

  120. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
    121. 

  121. size : '400x400'//default 300x200 (width x height) - maximum size 300,000 pixels
    122. 

  122. }--></div>
    123. 

  123.         <div id="bar2"></div>
    124. 

  124.                 
    125. 

  125.         <h4>Direction</h4>
    126. 

  126.         <div class="code javascript"><!--{
    127. 

  127. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
    128. 

  128. type : 'bhg'//default bvg
    129. 

  129. }--></div>
    130. 

  130.         <div id="bar3"></div>
    131. 

  131.         
    132. 

  132.         <h4>Legend and axis labels</h4>
    133. 

  133.         <div class="code javascript"><!--{
    134. 

  134. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
    135. 

  135. axis_labels : ['2008','2007','2006'], //default 0,1,2 etc...
    136. 

  136. legend : ['serie1', 'serie2', 'serie3'] //default none
    137. 

  137. }--></div>
    138. 

  138.         <div id="bar4"></div>
    139. 

  139.         
    140. 

  140.         <h4>Dimensions and spacing</h4>
    141. 

  141.         <div class="code javascript"><!--{
    142. 

  142. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
    143. 

  143. bar_width : 10, //default 20
    144. 

  144. bar_spacing : 10 //default 1
    145. 

  145. }--></div>
    146. 

  146.         <div id="bar5"></div>
    147. 

  147.         
    148. 

  148.         <h4>Colors</h4>
    149. 

  149.         <div class="code javascript"><!--{
    150. 

  150. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
    151. 

  151. colors : ['4b9b41','81419b','41599b']
    152. 

  152. }--></div>
    153. 

  153.         <div id="bar6"></div>
    154. 

  154.         
    155. 

  155.         <h4>Background - solid</h4>
    156. 

  156.         <div class="code javascript"><!--{
    157. 

  157. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
    158. 

  158. bg   : 'e0e0e0'//default false
    159. 

  159. //bg_trasparency : 50 - default false - also chbg_trasparency
    160. 

  160. }--></div>
    161. 

  161.         <div id="bar7"></div>
    162. 

  162. 

  163.         <h4>Background - gradient</h4>
    164. 

  164.         <div class="code javascript"><!--{
    165. 

  165. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
    166. 

  166. bg        : 'FFFFFF',//default false
    167. 

  167. bg_offset : '000000',
    168. 

  168. bg_angle  : '45',//default 90   
    169. 

  169. bg_type   : 'gradient' //default solid
    170. 

  170. }--></div>
    171. 

  171.         <div id="bar8"></div>
    172. 

  172.         
    173. 

  173.         <h4>Background - stripes</h4>
    174. 

  174.         <div class="code javascript"><!--{
    175. 

  175. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
    176. 

  176. bg        : 'FFFFFF',//default false
    177. 

  177. bg_offset : 'e0e0e0',
    178. 

  178. bg_angle  : '0',//default 90   
    179. 

  179. bg_type   : 'stripes', //default solid
    180. 

  180. bg_width  : '10'//default 10 - min 10
    181. 

  181. }--></div>
    182. 

  182.         <div id="bar9"></div>
    183. 

  183.         
    184. 

  184.         <h4>Chart Area Background (like bg)</h4>
    185. 

  185.         <div class="code javascript"><!--{
    186. 

  186. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
    187. 

  187. chbg        : 'FFFFFF',//default false
    188. 

  188. chbg_offset : '4b9b41',
    189. 

  189. chbg_angle  : '45',//default 90   
    190. 

  190. chbg_type   : 'gradient' //default solid
    191. 

  191. }--></div>
    192. 

  192.         <div id="bar10"></div>
    193. 

  193.         
    194. 

  194.         
    195. 

  195.         
    196. 

  196.         <h4>Title</h4>
    197. 

  197.         <div class="code javascript"><!--{
    198. 

  198. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
    199. 

  199. title       : 'Bar Chart', //default false
    200. 

  200. title_color : 'a98147',
    201. 

  201. title_size  : 20 //default 10
    202. 

  202. }--></div>
    203. 

  203.         <div id="bar11"></div>
    204. 

  204.         
    205. 

  205.         <h4>Grid</h4>
    206. 

  206.         <div class="code javascript"><!--{
    207. 

  207. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
    208. 

  208. grid        : true, //default false
    209. 

  209. grid_x      : 5,    //default 10
    210. 

  210. grid_y      : 5,    //default 10
    211. 

  211. grid_line   : 5,   //default 10
    212. 

  212. grid_blank  : 0    //default 0
    213. 

  213. }--></div>
    214. 

  214.         <div id="bar12"></div>
    215. 

  215.         
    216. 

  216.     </div>
    217. 

  217.     
    218. 

  218.     <!-- stacked -->
    219. 

  219.     
    220. 

  220. 

  221.     <div class="yslider-panelwrapper" title="Stacked Bar">
    222. 

  222.                     
    223. 

  223.         <h4>Horizontal Dataset Stacked</h4>
    224. 

  224.         <div class="code javascript"><!--{
    225. 

  225. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
    226. 

  226. type : 'bhs'//default bvg
    227. 

  227. }--></div>
    228. 

  228.         <div id="stacked1"></div>
    229. 

  229.         
    230. 

  230.         <h4>Vertical Dataset Stacked</h4>
    231. 

  231.         <div class="code javascript"><!--{
    232. 

  232. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
    233. 

  233. type : 'bvs'//default bvg
    234. 

  234. }--></div>
    235. 

  235.         <div id="stacked2"></div>
    236. 

  236. 

  237.     </div>    
    238. 

  238. 

  239. 

  240.     <!-- line -->
    241. 

  241. 

  242. 

  243.     <div class="yslider-panelwrapper" title="Line">
    244. 

  244.         <div id="line1"></div>
    245. 

  245.         <h4>Js</h4>
    246. 

  246.         <div class="code javascript"><!--var api = new jGCharts.Api();
    247. 

  247. jQuery('<img>')
    248. 

  248. .attr('src', api.make({
    249. 

  249. data : [[105.7,97.9],[108.1,101.6],[110.7,102.9],[111.0,93.7],[110.0,89.8],[109.0,90.7],
    250. 

  250. [107.5,93.0],[106.1,94.5],[104.3,91.9],[102.0,93.9],[102.8,93.6],[103.8,92.6],
    251. 

  251. [102.9,94.0],[102.1,92.7],[100.6,96.0],[101.7,97.9],[101.8,105.0],
    252. 

  252. [103.3,104.1],[104.0,105.1],[103.7,108.1],[108.4,108.4],[109.4,113.8],
    253. 

  253. [112.0,109.1],[112.6,106.3],[115.5,106.7],[115.7,108.8],[114.7,118.8],
    254. 

  254. [115.9,120.4],[116.2,115.9],[118.0,124.7],[123.3,126.5],[127.6,131.6],
    255. 

  255. [130.3,134.0],[135.5,135.7],[138.2,126.4],[139.6,127.4],[145.1,131.0],
    256. 

  256. [146.4,129.9],[147.1,133.7],[149.0,138.4],[150.3,141.0],[151.3,139.3],
    257. 

  257. [153.4,145.3],[152.7,142.9],[152.9,129.2],[152.2,126.0],[151.9,124.8],
    258. 

  258. [150.1,125.9],[148.2,118.9],[145.3,122.9],[142.9,127.7],[142.6,134.4],
    259. 

  259. [144.0,138.5],[145.5,138.7],[147.2,141.8],[150.0,139.2],[153.8,145.6],
    260. 

  260. [155.4,147.6],[157.0,157.9],[158.4,156.2],[162.8,153.9],[162.8,158.6],
    261. 

  261. [164.7,166.3],[168.5,165.8]] //MANDATORY
    262. 

  262. type : lc 
    263. 

  263. }))
    264. 

  264. .appendTo("#line1");--></div>
    265. 

  265.     </div>
    266. 

  266.     
    267. 

  267.     <!-- line options -->
    268. 

  268.     <div class="yslider-panelwrapper" title="Line Options">
    269. 

  269. 

  270.         <h4>Other options</h4>
    271. 

  271.         <p>See bar options for legend, axis, grid, background, colors etc....</p>
    272. 

  272.                 
    273. 

  273.         <h4>Schema</h4>
    274. 

  274.         <div class="code javascript"><!--//1 ) api
    275. 

  275. var api = new jGCharts.Api();    
    276. 

  276. //2) options
    277. 

  277. var opt = {};//set options 
    278. 

  278. //3) append img
    279. 

  279. jQuery('<img>')
    280. 

  280. .attr('src', api.make(opt))//options 
    281. 

  281. .appendTo("#chart_container");--></div>
    282. 

  282. 

  283.         <h4>Fillarea</h4>
    284. 

  284.         <div class="code javascript"><!--{
    285. 

  285. data : [[105.7,97.9] //...[etc] 
    286. 

  286. type : 'lc',
    287. 

  287. fillarea : true //default false
    288. 

  288. }--></div>
    289. 

  289.         <div id="line2"></div>
    290. 

  290. 

  291.         <h4>FillBottom</h4>
    292. 

  292.         <div class="code javascript"><!--{
    293. 

  293. data : [[105.7,97.9] //...[etc] 
    294. 

  294. type : 'lc',
    295. 

  295. fillarea : true, //default false
    296. 

  296. fillbottom : true //default false
    297. 

  297. }--></div>
    298. 

  298.         <div id="line3"></div>
    299. 

  299. 

  300.         <h4>FillTop</h4>
    301. 

  301.         <div class="code javascript"><!--{
    302. 

  302. data : [[105.7,97.9] //...[etc] 
    303. 

  303. type : 'lc',
    304. 

  304. fillarea : true, //default false
    305. 

  305. fillbottom : true, //default false
    306. 

  306. filltop : true //default false
    307. 

  307. }--></div>
    308. 

  308.         <div id="line4"></div>
    309. 

  309. 

  310.         <h4>Line options</h4>
    311. 

  311.         <div class="code javascript"><!--{
    312. 

  312. data : [[105.7,97.9] //...[etc] 
    313. 

  313. type : 'lc',
    314. 

  314. lines: [[4,2,2],[6,3,3]] 
    315. 

  315. //[line width, solid width, blank width], [serie2N,serie2N,serie2N] - default false 
    316. 

  316. }--></div>
    317. 

  317.         <div id="line5"></div>
    318. 

  318. 

  319.         <h4>Axis step</h4>
    320. 

  320.         <div class="code javascript"><!--{
    321. 

  321. data : [[105.7,97.9] //...[etc] 
    322. 

  322. axis_labels : ['01-03','02-03','03-03'// ... [etc]
    323. 

  323. axis_step : 10, 
    324. 

  324. type : 'lc'
    325. 

  325. }--></div>
    326. 

  326.         <div id="line6"></div>    
    327. 

  327.         
    328. 

  328.         <h4>Sparklines</h4>
    329. 

  329.         <p>A sparkline chart has exactly the same parameters as a line chart. The only difference is that the axes lines are not drawn for sparklines by default. You can add axes labels if you wish. (Google Api)</p>
    330. 

  330.         <div class="code javascript"><!--{data : [[105.7,97.9] //...[etc] 
    331. 

  331. type : 'ls'
    332. 

  332. }--></div>
    333. 

  333.         <div id="line7"></div>        
    334. 

  334.     </div>
    335. 

  335.     
    336. 

  336.     
    337. 

  337.     <!-- pie -->
    338. 

  338.     
    339. 

  339.     <div class="yslider-panelwrapper" title="Pie">
    340. 

  340.         
    341. 

  341.         <h4>Pie</h4>
    342. 

  342.         <div class="code javascript"><!--{
    343. 

  343. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
    344. 

  344. type : 'p'//default bvg
    345. 

  345. }--></div>
    346. 

  346.         <div id="pie1"></div>
    347. 

  347.         
    348. 

  348.     </div>
    349. 

  349.     
    350. 

  350.     <div class="yslider-panelwrapper" title="Pie 3d">
    351. 

  351.         
    352. 

  352.         <h4>Pie</h4>
    353. 

  353.         <div class="code javascript"><!--{
    354. 

  354. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
    355. 

  355. type : 'p3',//default bvg
    356. 

  356. size : '400x200'
    357. 

  357. }--></div>
    358. 

  358.         <div id="p3d1"></div>
    359. 

  359.         
    360. 

  360.     </div>
    361. 

  361.     
    362. 

  362.     <!--gallery -->
    363. 

  363.     
    364. 

  364.     <div class="yslider-panelwrapper" title="Charts gallery">
    365. 

  365.         <h4>Horizontal Stacked Bar</h4>
    366. 

  366.         <div class="code javascript"><!--{
    367. 

  367. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
    368. 

  368. //source
    369. 

  369. legend      : ['Data 1','Data 2','Data 3'],
    370. 

  370. axis_labels : ['2001','2002','2003'],
    371. 

  371.                         
    372. 

  372. //options 
    373. 

  373. size        : '400x250',
    374. 

  374. type        : 'bhs',
    375. 

  375. colors      : ['2c50f2','FFCC00','99CC00'],
    376. 

  376. 

  377. //bar
    378. 

  378. bar_width   : 50,
    379. 

  379. bar_spacing : 5,
    380. 

  380. 

  381. //bg
    382. 

  382. bg          : 'FFFFFF',
    383. 

  383. bg_type     : 'gradient',
    384. 

  384. bg_angle    : 90,
    385. 

  385. bg_offset   : '8c8c8c',
    386. 

  386. 

  387. //grid
    388. 

  388. grid        : true,
    389. 

  389. grid_x      : 5,
    390. 

  390. grid_y      : 5,
    391. 

  391. grid_line   : 5,
    392. 

  392. grid_blank  : 5
    393. 

  393. }--></div>
    394. 

  394.         <div id="gallery1"></div>
    395. 

  395.         <h4>Vertical Stacked Bar</h4>
    396. 

  396.         <div class="code javascript"><!--{
    397. 

  397. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
    398. 

  398. 

  399. //source
    400. 

  400. legend      : ['Data 1','Data 2','Data 3'],
    401. 

  401. axis_labels : ['2001','2002','2003'],
    402. 

  402.                         
    403. 

  403. //options 
    404. 

  404. size        : '250x400',
    405. 

  405. type        : 'bvs',
    406. 

  406. 

  407. //bar
    408. 

  408. bar_width   : 50,
    409. 

  409. bar_spacing : 5,
    410. 

  410. 

  411. //bg
    412. 

  412. chbg          : 'FFFFFF',
    413. 

  413. chbg_type     : 'gradient',
    414. 

  414. chbg_angle    : 90,
    415. 

  415. chbg_offset   : '8c8c8c',
    416. 

  416. 

  417. //grid
    418. 

  418. grid        : true,
    419. 

  419. grid_x      : 5,
    420. 

  420. grid_y      : 5,
    421. 

  421. grid_line   : 5,
    422. 

  422. grid_blank  : 0
    423. 

  423. 

  424. }--></div>
    425. 

  425.         <div id="gallery2"></div>
    426. 

  426.         <h4>Horizontal Bar</h4>
    427. 

  427.         <div class="code javascript"><!--{
    428. 

  428. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
    429. 

  429. 

  430. //source
    431. 

  431. legend      : ['Data 1','Data 2','Data 3'],
    432. 

  432. axis_labels : ['2001','2002','2003'],
    433. 

  433.                         
    434. 

  434. //options 
    435. 

  435. size        : '250x400',
    436. 

  436. type        : 'bhg',
    437. 

  437. 

  438. //bar
    439. 

  439. bar_width   : 50,
    440. 

  440. bar_spacing : 5,
    441. 

  441. 

  442. //bg
    443. 

  443. chbg          : '000000',
    444. 

  444. chbg_trasparency: 20
    445. 

  445. 

  446. }--></div>
    447. 

  447.         <div id="gallery3"></div>
    448. 

  448.         <h4>Vertical Bar</h4>
    449. 

  449.         <div class="code javascript"><!--{
    450. 

  450. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
    451. 

  451. 

  452. //source
    453. 

  453. legend      : ['Data 1','Data 2','Data 3'],
    454. 

  454. axis_labels : ['2001','2002','2003'],
    455. 

  455.                         
    456. 

  456. //options 
    457. 

  457. size        : '400x250',
    458. 

  458. type        : 'bvg',
    459. 

  459. colors      : ['4b9b41','81419b','41599b'],
    460. 

  460. //bar
    461. 

  461. bar_width   : 20,
    462. 

  462. bar_spacing : 5,
    463. 

  463. 

  464. //style
    465. 

  465. bg          : 'ffffff',
    466. 

  466. bg_type     : 'stripes',
    467. 

  467. bg_angle    : 90,
    468. 

  468. bg_offset   : '999999',
    469. 

  469. bg_width    : 20,
    470. 

  470. }--></div>
    471. 

  471.         <div id="gallery4"></div>
    472. 

  472.         <h4>Vertical Bar</h4>
    473. 

  473.         <div class="code javascript"><!--{
    474. 

  474. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
    475. 

  475. 

  476. //source
    477. 

  477. legend      : ['Data 1','Data 2','Data 3'],
    478. 

  478. axis_labels : ['2001','2002','2003'],
    479. 

  479.                         
    480. 

  480. //options 
    481. 

  481. size        : '400x250',
    482. 

  482. type        : 'bvg',
    483. 

  483. 

  484. //bar
    485. 

  485. bar_width   : 10,
    486. 

  486. bar_spacing : 10,
    487. 

  487. 

  488. //style
    489. 

  489. chbg          : 'ffffff',
    490. 

  490. chbg_type     : 'stripes',
    491. 

  491. chbg_angle    : 90,
    492. 

  492. chbg_offset   : '999999',
    493. 

  493. chbg_width    : 20,
    494. 

  494. }--></div>
    495. 

  495.         <div id="gallery5"></div>
    496. 

  496.         <h4>Line chart</h4>
    497. 

  497.         <div class="code javascript"><!--{
    498. 

  498. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
    499. 

  499. 

  500. //source
    501. 

  501. legend      : ['Data 1','Data 2','Data 3'],
    502. 

  502. axis_labels : ['2001','2002','2003'],
    503. 

  503.                         
    504. 

  504. //options 
    505. 

  505. size        : '400x250',
    506. 

  506. type        : 'lc',
    507. 

  507. 

  508. //style
    509. 

  509. chbg          : 'ffffff',
    510. 

  510. chbg_type     : 'stripes',
    511. 

  511. chbg_angle    : 90,
    512. 

  512. chbg_offset   : '999999',
    513. 

  513. chbg_width    : 20,
    514. 

  514. 

  515. bg            : 'ffffff',
    516. 

  516. bg_type       : 'gradient',
    517. 

  517. bg_angle      : 45,
    518. 

  518. bg_offset     : '4b9b41',
    519. 

  519. bg_width      : 20
    520. 

  520. 

  521. }--></div>
    522. 

  522.         <div id="gallery6"></div>
    523. 

  523.         <h4>Line chart</h4>
    524. 

  524.         <div class="code javascript"><!--{
    525. 

  525. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
    526. 

  526.           
    527. 

  527. //source
    528. 

  528. //legend      : ['Data 1','Data 2','Data 3'],
    529. 

  529. axis_labels : ['2001','2002','2003'],
    530. 

  530.                         
    531. 

  531. //options 
    532. 

  532. size        : '400x250',
    533. 

  533. type        : 'lc',
    534. 

  534. 

  535. //style
    536. 

  536. fillarea    : true,
    537. 

  537. fillbottom  : true,
    538. 

  538. filltop     : true,
    539. 

  539.  
    540. 

  540. //series line 
    541. 

  541. lines       : [[3,3,3],[4,4,4],[5,5,5]],
    542. 

  542. 

  543. bg            : 'ffffff',
    544. 

  544. bg_type       : 'gradient',
    545. 

  545. bg_angle      : 45,
    546. 

  546. bg_offset     : '81419b',
    547. 

  547. bg_width      : 20
    548. 

  548. 

  549. }--></div>
    550. 

  550.         <div id="gallery7"></div>
    551. 

  551.         <h4>Pie</h4>
    552. 

  552.         <div class="code javascript"><!--{
    553. 

  553. data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
    554. 

  554. //source
    555. 

  555. legend      : ['Data 1','Data 2','Data 3'],
    556. 

  556. axis_labels : ['2001','2002','2003'],
    557. 

  557.                         
    558. 

  558. //options 
    559. 

  559. size        : '400x250',
    560. 

  560. type        : 'p',
    561. 

  561. 

  562. bg            : '999999',
    563. 

  563. bg_type       : 'gradient',
    564. 

  564. bg_angle      : 45,
    565. 

  565. bg_offset     : 'ffffff',
    566. 

  566. bg_width      : 20
    567. 

  567. }--></div>
    568. 

  568.         <div id="gallery8"></div>
    569. 

  569.         <h4>Pie 3d</h4>
    570. 

  570.         <div class="code javascript"><!--{
    571. 

  571.    data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
    572. 

  572.    //source
    573. 

  573.    legend      : ['Data 1','Data 2','Data 3'],
    574. 

  574.    axis_labels : ['2001','2002','2003'],
    575. 

  575. 

  576.    //options 
    577. 

  577.    size        : '400x200',
    578. 

  578.    type        : 'p3',
    579. 

  579.    
    580. 

  580.    bg            : 'ffffff',
    581. 

  581.    bg_type       : 'gradient',
    582. 

  582.    bg_angle      : 45,
    583. 

  583.    bg_offset     : '999999',
    584. 

  584.    bg_width      : 20
    585. 

  585. }--></div>
    586. 

  586.         <div id="gallery9"></div>
    587. 

  587.         
    588. 

  588.     </div>
    589. 

  589.     <!--credits -->
    590. 

  590.     
    591. 

  591.     <div class="yslider-panelwrapper" title="Credits">
    592. 

  592.         <h4>Credits</h4>
    593. 

  593.         <p>
    594. 

  594.         Google Chart Api - <a href="http://code.google.com/apis/chart/" class="blank">http://code.google.com/apis/chart/</a>
    595. 

  595.         </p>     
    596. 

  596.         <h4>Libraries</h4>
    597. 

  597.         <p>
    598. 

  598.         jquery v1.3.1 of John Resig <a href="http://jquery.com" class="blank">jquery.com</a><br />
    599. 

  599.         </p>
    600. 

  600.         <h4>Demo Libraries (YCodaSlider 2.0)</h4>
    601. 

  601.         <p>
    602. 

  602.         jquery history_remote v1.0.3 of Klaus Hartl <a href="http://stilbuero.de" class="blank">stilbuero.de</a><br />
    603. 

  603.         jquery easing v1.3 of George McGinley Smith<br />
    604. 

  604.         jquery.chili-1.9.js of <a href="http://noteslog.com/chili/" class="blank">Andrea Ercolino</a><br />
    605. 

  605.         Icons <a class="blank tracking" href="http://www.icon-king.com/?p=15">Nuvola</a><br />
    606. 

  606.         Yahoo Css Reset version: 2.5.1
    607. 

  607.         GreyBox <a href="http://jquery.com/demo/grey/" class="blank tracking">Css</a>
    608. 

  608.         </p>
    609. 

  609.     </div>
    610. 

  610. </div>    
    611. 

  611. 

  612. <div id="yslider-table" class="ycodaslider">
    613. 

  613. 

  614.     <div class="yslider-panelwrapper" title="jGTable 1.0">
    615. 

  615.     
    616. 

  616.         <h3>jQuery Google Charts Table 1.0</h3>
    617. 

  617.         <p>
    618. 

  618.         Copyright (c) 2008 Massimiliano Balestrieri<br />
    619. 

  619.         Examples and docs at: http://maxb.net/blog/<br />
    620. 

  620.         Licensed GPL licenses:<br />
    621. 

  621.         http://www.gnu.org/licenses/gpl.html<br />
    622. 

  622.         </p>
    623. 

  623.         <blockquote>
    624. 

  624.         <p>
    625. 

  625.         
    626. 

  626.         </p>
    627. 

  627.         </blockquote>
    628. 

  628.         <p>
    629. 

  629.         </p>
    630. 

  630.         <h4>Basic usage:</h4>
    631. 

  631.         <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
    632. 

  632.         <h4>Html (see class="serie"):</h4>
    633. 

  633.         <div class="code html"><!--<div class="jgtable">
    634. 

  634.   <table>
    635. 

  635.   <thead>
    636. 

  636.     <tr>
    637. 

  637.         <th>Anno</th>
    638. 

  638.         <th class="serie">Data 1</th>
    639. 

  639.         <th class="serie">Data 2</th>
    640. 

  640.         <th class="serie">Data 3</th>
    641. 

  641.     </tr>
    642. 

  642.   </thead>
    643. 

  643.   <tbody>
    644. 

  644.     <tr>
    645. 

  645.         <th class="serie">2001</th>
    646. 

  646.         <td>153</td>
    647. 

  647.         <td>60</td>
    648. 

  648.         <td>52</td>
    649. 

  649.     </tr>
    650. 

  650.     <tr>
    651. 

  651.         <th class="serie">2002</th>
    652. 

  652.         <td>113</td>
    653. 

  653.         <td>70</td>
    654. 

  654.         <td>60</td>
    655. 

  655.     </tr>
    656. 

  656.     <tr>
    657. 

  657.         <th class="serie">2003</th>
    658. 

  658.         <td>120</td>
    659. 

  659.         <td>80</td>
    660. 

  660.         <td>40</td>
    661. 

  661.     </tr>
    662. 

  662.   </tbody>
    663. 

  663.   </table>
    664. 

  664. </div>--></div>
    665. 

  665.         <h4>Basic scripts (use packed version in production):</h4>
    666. 

  666.         <div class="code html"><!--<script src="jquery-1.3.1.min.js" type="text/javascript"></script>
    667. 

  667. <script src="jquery.metadata.min.js" type="text/javascript"></script>
    668. 

  668. <script src="jgcharts.js" type="text/javascript"></script>
    669. 

  669. <script src="plugins/jgtable/jgtable.js" type="text/javascript"></script>--></div>
    670. 

  670. 

  671.     </div>
    672. 

  672.     
    673. 

  673.     <div class="yslider-panelwrapper" title="Basic">
    674. 

  674.     
    675. 

  675.     	<div class="jgtable">
    676. 

  676.         <table>
    677. 

  677.           <thead>
    678. 

  678.             <tr>
    679. 

  679.                 <th>Anno</th>
    680. 

  680.                 <th class="serie">Data 1</th>
    681. 

  681.                 <th class="serie">Data 2</th>
    682. 

  682.                 <th class="serie">Data 3</th>
    683. 

  683.             </tr>
    684. 

  684.           </thead>
    685. 

  685.           <tbody>
    686. 

  686.             <tr>
    687. 

  687.                 <th class="serie">2001</th>
    688. 

  688.                 <td>153</td>
    689. 

  689.                 <td>60</td>
    690. 

  690.                 <td>52</td>
    691. 

  691.             </tr>
    692. 

  692.             <tr>
    693. 

  693.                 <th class="serie">2002</th>
    694. 

  694.                 <td>113</td>
    695. 

  695.                 <td>70</td>
    696. 

  696.                 <td>60</td>
    697. 

  697.             </tr>
    698. 

  698.             <tr>
    699. 

  699.                 <th class="serie">2003</th>
    700. 

  700.                 <td>120</td>
    701. 

  701.                 <td>80</td>
    702. 

  702.                 <td>40</td>
    703. 

  703.             </tr>
    704. 

  704.           </tbody>
    705. 

  705.         </table>
    706. 

  706.         </div>
    707. 

  707.         
    708. 

  708.         <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
    709. 

  709.         <div class="code html"><!-- <div class="jgtable">
    710. 

  710.   <table>
    711. 

  711.   <thead>
    712. 

  712.     <tr>
    713. 

  713.         <th>Anno</th>
    714. 

  714.         <th class="serie">Data 1</th>
    715. 

  715.         <th class="serie">Data 2</th>
    716. 

  716.         <th class="serie">Data 3</th>
    717. 

  717.     </tr>
    718. 

  718.   </thead>
    719. 

  719.   <tbody>
    720. 

  720.     <tr>
    721. 

  721.         <th class="serie">2001</th>
    722. 

  722.         <td>153</td>
    723. 

  723.         <td>60</td>
    724. 

  724.         <td>52</td>
    725. 

  725.     </tr>
    726. 

  726.     <tr>
    727. 

  727.         <th class="serie">2002</th>
    728. 

  728.         <td>113</td>
    729. 

  729.         <td>70</td>
    730. 

  730.         <td>60</td>
    731. 

  731.     </tr>
    732. 

  732.     <tr>
    733. 

  733.         <th class="serie">2003</th>
    734. 

  734.         <td>120</td>
    735. 

  735.         <td>80</td>
    736. 

  736.         <td>40</td>
    737. 

  737.     </tr>
    738. 

  738.   </tbody>
    739. 

  739.   </table>
    740. 

  740. </div>--></div>
    741. 

  741.     </div>
    742. 

  742.     
    743. 

  743.     <div class="yslider-panelwrapper" title="Metadata">
    744. 

  744.     
    745. 

  745.         
    746. 

  746.             <div class="example">
    747. 

  747.             <h3>Example 1</h3>
    748. 

  748.             <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
    749. 

  749.             <div class="code html"><!--<div class="jgtable {size:'550x400',
    750. 

  750. type:'bhg',
    751. 

  751. title:'Example 1',
    752. 

  752. title_color:'000000',
    753. 

  753. title_size:16,
    754. 

  754. bar_width:30,
    755. 

  755. bar_spacing:2,
    756. 

  756. colors:['5131c9','FFCC00','da1b1b'],
    757. 

  757. bg:'FFFFFF',
    758. 

  758. bg_type:'gradient',
    759. 

  759. bg_angle:90,
    760. 

  760. bg_offset:'6d6969',
    761. 

  761. grid:true,
    762. 

  762. grid_x:7,
    763. 

  763. grid_y:10,
    764. 

  764. grid_line:0,
    765. 

  765. grid_blank:0}">
    766. 

  766. 	<table>
    767. 

  767. 	[etc...]
    768. 

  768. 	</table>
    769. 

  769. </div>--></div>
    770. 

  770.             <div class="jgtable {size:'550x400',
    771. 

  771.                                                 type:'bhg',
    772. 

  772.                                                 title:'Example 1',
    773. 

  773.                                                 title_color:'000000',
    774. 

  774.                                                 title_size:16,
    775. 

  775.                                                 bar_width:30,
    776. 

  776.                                                 bar_spacing:2,
    777. 

  777.                                                 colors:['5131c9','FFCC00','da1b1b'],
    778. 

  778.                                                 bg:'FFFFFF',
    779. 

  779.                                                 bg_type:'gradient',
    780. 

  780.                                                 bg_angle:90,
    781. 

  781.                                                 bg_offset:'6d6969',
    782. 

  782.                                                 grid:true,
    783. 

  783.                                                 grid_x:7,
    784. 

  784.                                                 grid_y:10,
    785. 

  785.                                                 grid_line:0,
    786. 

  786.                                                 grid_blank:0}">
    787. 

  787.               <table>
    788. 

  788.               <thead>
    789. 

  789.                 <tr>
    790. 

  790.                     <th>Anno</th>
    791. 

  791.                     <th class="serie">Data 1</th>
    792. 

  792.                     <th class="serie">Data 2</th>
    793. 

  793.                     <th class="serie">Data 3</th>
    794. 

  794.                 </tr>
    795. 

  795.               </thead>
    796. 

  796.               <tbody>
    797. 

  797.                 <tr>
    798. 

  798.                     <th class="serie">2001</th>
    799. 

  799.                     <td>153</td>
    800. 

  800.                     <td>60</td>
    801. 

  801.                     <td>52</td>
    802. 

  802.                 </tr>
    803. 

  803.                 <tr>
    804. 

  804.                     <th class="serie">2002</th>
    805. 

  805.                     <td>113</td>
    806. 

  806.                     <td>70</td>
    807. 

  807.                     <td>60</td>
    808. 

  808.                 </tr>
    809. 

  809.                 <tr>
    810. 

  810.                     <th class="serie">2003</th>
    811. 

  811.                     <td>120</td>
    812. 

  812.                     <td>80</td>
    813. 

  813.                     <td>40</td>
    814. 

  814.                 </tr>
    815. 

  815.               </tbody>
    816. 

  816.             </table>
    817. 

  817.             </div>
    818. 

  818.             </div>
    819. 

  819.             <div class="example">
    820. 

  820.             <h3>Example 2</h3>
    821. 

  821.             <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
    822. 

  822.             <div class="code html"><!--<div class="jgtable {size:'400x500',
    823. 

  823. type:'bvg',
    824. 

  824. title:'Example 2',
    825. 

  825. title_color:'c81e3d',
    826. 

  826. title_size:16,
    827. 

  827. bar_width:30,
    828. 

  828. bar_spacing:2,
    829. 

  829. colors:['1aa22f','FFCC00','da1b1b'],
    830. 

  830. bg:'FFFFFF',
    831. 

  831. bg_type:'stripes',
    832. 

  832. bg_angle:90,
    833. 

  833. bg_offset:'b7b4b4',
    834. 

  834. bg_width:10,
    835. 

  835. chbg:'000000',
    836. 

  836. chbg_type:'solid'}">
    837. 

  837. 	<table>
    838. 

  838. 	[etc...]
    839. 

  839. 	</table>
    840. 

  840. </div>--></div>
    841. 

  841.             <div class="jgtable {size:'400x500',
    842. 

  842.                                 type:'bvg',
    843. 

  843.                                 title:'Example 2',
    844. 

  844.                                 title_color:'c81e3d',
    845. 

  845.                                 title_size:16,
    846. 

  846.                                 bar_width:30,
    847. 

  847.                                 bar_spacing:2,
    848. 

  848.                                 colors:['1aa22f','FFCC00','da1b1b'],
    849. 

  849.                                 bg:'FFFFFF',
    850. 

  850.                                 bg_type:'stripes',
    851. 

  851.                                 bg_angle:90,
    852. 

  852.                                 bg_offset:'b7b4b4',
    853. 

  853.                                 bg_width:10,
    854. 

  854.                                 chbg:'000000',
    855. 

  855.                                 chbg_type:'solid'}">
    856. 

  856.               <table>                           
    857. 

  857.               <thead>
    858. 

  858.                 <tr>
    859. 

  859.                     <th>Anno</th>
    860. 

  860.                     <th class="serie">Data 1</th>
    861. 

  861.                     <th class="serie">Data 2</th>
    862. 

  862.                     <th class="serie">Data 3</th>
    863. 

  863.                 </tr>
    864. 

  864.               </thead>
    865. 

  865.               <tbody>
    866. 

  866.                 <tr>
    867. 

  867.                     <th class="serie">2001</th>
    868. 

  868.                     <td>153</td>
    869. 

  869.                     <td>60</td>
    870. 

  870.                     <td>52</td>
    871. 

  871.                 </tr>
    872. 

  872.                 <tr>
    873. 

  873.                     <th class="serie">2002</th>
    874. 

  874.                     <td>113</td>
    875. 

  875.                     <td>70</td>
    876. 

  876.                     <td>60</td>
    877. 

  877.                 </tr>
    878. 

  878.                 <tr>
    879. 

  879.                     <th class="serie">2003</th>
    880. 

  880.                     <td>120</td>
    881. 

  881.                     <td>80</td>
    882. 

  882.                     <td>40</td>
    883. 

  883.                 </tr>
    884. 

  884.               </tbody>
    885. 

  885.             </table>
    886. 

  886.             </div>
    887. 

  887.             </div>
    888. 

  888.             <div class="example">
    889. 

  889.             <h3>Example 3</h3>
    890. 

  890.             <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
    891. 

  891.             <div class="code html"><!--<div class="jgtable {size:'500x250',
    892. 

  892. type:'p3',
    893. 

  893. title:'Example 4',
    894. 

  894. title_color:'28179b',
    895. 

  895. title_size:16,
    896. 

  896. colors:['a21a9c','FFCC00'],
    897. 

  897. bg:'FFFFFF',
    898. 

  898. bg_type:'gradient',
    899. 

  899. bg_angle:90,
    900. 

  900. bg_offset:'b7b4b4'}">
    901. 

  901. 	<table>
    902. 

  902. 	[etc...]
    903. 

  903. 	</table>
    904. 

  904. </div>--></div>
    905. 

  905.              <div class="jgtable {size:'500x250',
    906. 

  906.                                                 type:'p3',
    907. 

  907.                                                 title:'Example 4',
    908. 

  908.                                                 title_color:'28179b',
    909. 

  909.                                                 title_size:16,
    910. 

  910.                                                 colors:['a21a9c','FFCC00'],
    911. 

  911.                                                 bg:'FFFFFF',
    912. 

  912.                                                 bg_type:'gradient',
    913. 

  913.                                                 bg_angle:90,
    914. 

  914.                                                 bg_offset:'b7b4b4'}">
    915. 

  915.              <table>
    916. 

  916.              <thead>
    917. 

  917.                 <tr>
    918. 

  918.                     <th>Anno</th>
    919. 

  919.                     <th class="serie">Data 4</th>
    920. 

  920.                     <th class="serie">Data 5</th>
    921. 

  921.                 </tr>
    922. 

  922.               </thead>
    923. 

  923.               <tbody>
    924. 

  924.                 <tr>
    925. 

  925.                     <th class="serie">2001</th>
    926. 

  926.                     <td>40</td>
    927. 

  927.                     <td>30</td>
    928. 

  928.                 </tr>
    929. 

  929.                 <tr>
    930. 

  930.                     <th class="serie">2000</th>
    931. 

  931.                     <td>30</td>
    932. 

  932.                     <td>40</td>
    933. 

  933.                 </tr>
    934. 

  934.               </tbody>
    935. 

  935.             </table>
    936. 

  936.             </div>
    937. 

  937.             </div>
    938. 

  938.             <div class="example">
    939. 

  939.             <h3>Example 4</h3>
    940. 

  940.             <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
    941. 

  941.             <div class="code html"><!--<div class="jgtable {size:'450x350',
    942. 

  942. type:'p',
    943. 

  943. title:'Example 5',
    944. 

  944. title_color:'28179b',
    945. 

  945. title_size:16,
    946. 

  946. colors:['a21a9c','FFCC00'],
    947. 

  947. bg:'FFFFFF',
    948. 

  948. bg_type:'gradient',
    949. 

  949. bg_angle:90,
    950. 

  950. bg_offset:'b7b4b4'}">
    951. 

  951. 	<table>
    952. 

  952. 	[etc...]
    953. 

  953. 	</table>
    954. 

  954. </div>--></div>
    955. 

  955.              <div class="jgtable {size:'450x350',
    956. 

  956.                                                 type:'p',
    957. 

  957.                                                 title:'Example 5',
    958. 

  958.                                                 title_color:'28179b',
    959. 

  959.                                                 title_size:16,
    960. 

  960.                                                 colors:['a21a9c','FFCC00'],
    961. 

  961.                                                 bg:'FFFFFF',
    962. 

  962.                                                 bg_type:'gradient',
    963. 

  963.                                                 bg_angle:90,
    964. 

  964.                                                 bg_offset:'b7b4b4'}">
    965. 

  965.              <table>
    966. 

  966.              <thead>
    967. 

  967.                 <tr>
    968. 

  968.                     <th>Anno</th>
    969. 

  969.                     <th class="serie">Data 4</th>
    970. 

  970.                     <th class="serie">Data 5</th>
    971. 

  971.                 </tr>
    972. 

  972.               </thead>
    973. 

  973.               <tbody>
    974. 

  974.                 <tr>
    975. 

  975.                     <th class="serie">2001</th>
    976. 

  976.                     <td>40</td>
    977. 

  977.                     <td>30</td>
    978. 

  978.                 </tr>
    979. 

  979.                 <tr>
    980. 

  980.                     <th class="serie">2000</th>
    981. 

  981.                     <td>30</td>
    982. 

  982.                     <td>40</td>
    983. 

  983.                 </tr>
    984. 

  984.               </tbody>
    985. 

  985.             </table>
    986. 

  986.             </div>
    987. 

  987.             </div>
    988. 

  988.             <div class="example">
    989. 

  989.             <h3>Example 5</h3>
    990. 

  990.             <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
    991. 

  991.             <div class="code html"><!--<div class="jgtable {size:'550x450',
    992. 

  992. type:'lc',
    993. 

  993. colors:['f04242','FFCC00','99CC00'],
    994. 

  994. lines:[[12,9,7],[14,9,7],[13,9,7]],
    995. 

  995. bg:'dca0ee',
    996. 

  996. bg_type:'solid',
    997. 

  997. grid:true,
    998. 

  998. grid_x:3,
    999. 

  999. grid_y:3,
    1000. 

  1000. grid_line:0,
    1001. 

  1001. grid_blank:0}">
    1002. 

  1002. 	<table>
    1003. 

  1003. 	[etc...]
    1004. 

  1004. 	</table>
    1005. 

  1005. </div>--></div>
    1006. 

  1006.             <div class="jgtable {size:'550x450',
    1007. 

  1007.                                                 type:'lc',
    1008. 

  1008.                                                 colors:['f04242','FFCC00','99CC00'],
    1009. 

  1009.                                                 lines:[[12,9,7],[14,9,7],[13,9,7]],
    1010. 

  1010.                                                 bg:'dca0ee',
    1011. 

  1011.                                                 bg_type:'solid',
    1012. 

  1012.                                                 grid:true,
    1013. 

  1013.                                                 grid_x:3,
    1014. 

  1014.                                                 grid_y:3,
    1015. 

  1015.                                                 grid_line:0,
    1016. 

  1016.                                                 grid_blank:0}">
    1017. 

  1017.               <table>
    1018. 

  1018.               <thead>
    1019. 

  1019.                 <tr>
    1020. 

  1020.                     <th>Anno</th>
    1021. 

  1021.                     <th class="serie">Data 1</th>
    1022. 

  1022.                     <th class="serie">Data 2</th>
    1023. 

  1023.                     <th class="serie">Data 3</th>
    1024. 

  1024.                 </tr>
    1025. 

  1025.               </thead>
    1026. 

  1026.               <tbody>
    1027. 

  1027.                 <tr>
    1028. 

  1028.                     <th class="serie">2001</th>
    1029. 

  1029.                     <td>153</td>
    1030. 

  1030.                     <td>60</td>
    1031. 

  1031.                     <td>52</td>
    1032. 

  1032.                 </tr>
    1033. 

  1033.                 <tr>
    1034. 

  1034.                     <th class="serie">2002</th>
    1035. 

  1035.                     <td>113</td>
    1036. 

  1036.                     <td>70</td>
    1037. 

  1037.                     <td>60</td>
    1038. 

  1038.                 </tr>
    1039. 

  1039.                 <tr>
    1040. 

  1040.                     <th class="serie">2003</th>
    1041. 

  1041.                     <td>120</td>
    1042. 

  1042.                     <td>80</td>
    1043. 

  1043.                     <td>40</td>
    1044. 

  1044.                 </tr>
    1045. 

  1045.               </tbody>
    1046. 

  1046.             </table>
    1047. 

  1047.             </div>
    1048. 

  1048.             </div>
    1049. 

  1049.             <div class="example">
    1050. 

  1050.             <h3>Example 7</h3>
    1051. 

  1051.             <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
    1052. 

  1052.             <div class="code html"><!--<div class="jgtable {size:'550x450',
    1053. 

  1053. type:'bhs',
    1054. 

  1054. bar_width:90,
    1055. 

  1055. bar_spacing:11,
    1056. 

  1056. colors:['f04242','FFCC00','99CC00'],
    1057. 

  1057. bg:'dca0ee',
    1058. 

  1058. bg_type:'gradient',
    1059. 

  1059. bg_angle:40,
    1060. 

  1060. bg_offset:'FFFFFF',
    1061. 

  1061. chbg:'bfbfbf',
    1062. 

  1062. chbg_type:'stripes',
    1063. 

  1063. chbg_angle:0,
    1064. 

  1064. chbg_offset:'f5f5f5',
    1065. 

  1065. chbg_width:10}">
    1066. 

  1066. 	<table>
    1067. 

  1067. 	[etc...]
    1068. 

  1068. 	</table>
    1069. 

  1069. </div>--></div>
    1070. 

  1070.             <div class="jgtable {size:'550x450',
    1071. 

  1071.                                                 type:'bhs',
    1072. 

  1072.                                                 bar_width:90,
    1073. 

  1073.                                                 bar_spacing:11,
    1074. 

  1074.                                                 colors:['f04242','FFCC00','99CC00'],
    1075. 

  1075.                                                 bg:'dca0ee',
    1076. 

  1076.                                                 bg_type:'gradient',
    1077. 

  1077.                                                 bg_angle:40,
    1078. 

  1078.                                                 bg_offset:'FFFFFF',
    1079. 

  1079.                                                 chbg:'bfbfbf',
    1080. 

  1080.                                                 chbg_type:'stripes',
    1081. 

  1081.                                                 chbg_angle:0,
    1082. 

  1082.                                                 chbg_offset:'f5f5f5',
    1083. 

  1083.                                                 chbg_width:10}">
    1084. 

  1084.               <table>
    1085. 

  1085.               <thead>
    1086. 

  1086.                 <tr>
    1087. 

  1087.                     <th>Anno</th>
    1088. 

  1088.                     <th class="serie">Data 1</th>
    1089. 

  1089.                     <th class="serie">Data 2</th>
    1090. 

  1090.                     <th class="serie">Data 3</th>
    1091. 

  1091.                 </tr>
    1092. 

  1092.               </thead>
    1093. 

  1093.               <tbody>
    1094. 

  1094.                 <tr>
    1095. 

  1095.                     <th class="serie">2001</th>
    1096. 

  1096.                     <td>153</td>
    1097. 

  1097.                     <td>60</td>
    1098. 

  1098.                     <td>52</td>
    1099. 

  1099.                 </tr>
    1100. 

  1100.                 <tr>
    1101. 

  1101.                     <th class="serie">2002</th>
    1102. 

  1102.                     <td>113</td>
    1103. 

  1103.                     <td>70</td>
    1104. 

  1104.                     <td>60</td>
    1105. 

  1105.                 </tr>
    1106. 

  1106.                 <tr>
    1107. 

  1107.                     <th class="serie">2003</th>
    1108. 

  1108.                     <td>120</td>
    1109. 

  1109.                     <td>80</td>
    1110. 

  1110.                     <td>40</td>
    1111. 

  1111.                 </tr>
    1112. 

  1112.               </tbody>
    1113. 

  1113.             </table>
    1114. 

  1114.             </div>
    1115. 

  1115.             </div>
    1116. 

  1116.             <div class="example">
    1117. 

  1117.             <h3>Example 8</h3>
    1118. 

  1118.             <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
    1119. 

  1119.             <div class="code html"><!--<div class="jgtable {size:'450x450',
    1120. 

  1120. type:'bvs',
    1121. 

  1121. bar_width:90,
    1122. 

  1122. bar_spacing:11,
    1123. 

  1123. colors:['f04242','FFCC00','99CC00'],
    1124. 

  1124. bg:'dca0ee',
    1125. 

  1125. bg_type:'gradient',
    1126. 

  1126. bg_angle:40,
    1127. 

  1127. bg_offset:'FFFFFF',
    1128. 

  1128. chbg:'bfbfbf',
    1129. 

  1129. chbg_type:'stripes',
    1130. 

  1130. chbg_angle:0,
    1131. 

  1131. chbg_offset:'f5f5f5',
    1132. 

  1132. chbg_width:10}">
    1133. 

  1133. 	<table>
    1134. 

  1134. 	[etc...]
    1135. 

  1135. 	</table>
    1136. 

  1136. </div>--></div>
    1137. 

  1137.              <div class="jgtable {size:'450x450',
    1138. 

  1138.                                                 type:'bvs',
    1139. 

  1139.                                                 bar_width:90,
    1140. 

  1140.                                                 bar_spacing:11,
    1141. 

  1141.                                                 colors:['f04242','FFCC00','99CC00'],
    1142. 

  1142.                                                 bg:'dca0ee',
    1143. 

  1143.                                                 bg_type:'gradient',
    1144. 

  1144.                                                 bg_angle:40,
    1145. 

  1145.                                                 bg_offset:'FFFFFF',
    1146. 

  1146.                                                 chbg:'bfbfbf',
    1147. 

  1147.                                                 chbg_type:'stripes',
    1148. 

  1148.                                                 chbg_angle:0,
    1149. 

  1149.                                                 chbg_offset:'f5f5f5',
    1150. 

  1150.                                                 chbg_width:10}">
    1151. 

  1151.              <table>
    1152. 

  1152.              <thead>
    1153. 

  1153.                 <tr>
    1154. 

  1154.                     <th>Anno</th>
    1155. 

  1155.                     <th class="serie">Data 1</th>
    1156. 

  1156.                     <th class="serie">Data 2</th>
    1157. 

  1157.                     <th class="serie">Data 3</th>
    1158. 

  1158.                 </tr>
    1159. 

  1159.               </thead>
    1160. 

  1160.               <tbody>
    1161. 

  1161.                 <tr>
    1162. 

  1162.                     <th class="serie">2001</th>
    1163. 

  1163.                     <td>153</td>
    1164. 

  1164.                     <td>60</td>
    1165. 

  1165.                     <td>52</td>
    1166. 

  1166.                 </tr>
    1167. 

  1167.                 <tr>
    1168. 

  1168.                     <th class="serie">2002</th>
    1169. 

  1169.                     <td>113</td>
    1170. 

  1170.                     <td>70</td>
    1171. 

  1171.                     <td>60</td>
    1172. 

  1172.                 </tr>
    1173. 

  1173.                 <tr>
    1174. 

  1174.                     <th class="serie">2003</th>
    1175. 

  1175.                     <td>120</td>
    1176. 

  1176.                     <td>80</td>
    1177. 

  1177.                     <td>40</td>
    1178. 

  1178.                 </tr>
    1179. 

  1179.               </tbody>
    1180. 

  1180.             </table>
    1181. 

  1181.             </div>
    1182. 

  1182.     		</div>
    1183. 

  1183.     </div>
    1184. 

  1184.     
    1185. 

  1185.     <div class="yslider-panelwrapper" title="Json">
    1186. 

  1186.         
    1187. 

  1187.         <h3>JS</h3>
    1188. 

  1188.         <div class="code javascript"><!--jQuery.getJSON(
    1189. 

  1189.     "../json/example.json",
    1190. 

  1190.     //wait json data
    1191. 

  1191.     function(json){
    1192. 

  1192.         jQuery("#jgjson").jgtable(json);
    1193. 

  1193.     }
    1194. 

  1194. );--></div>
    1195. 

  1195.         
    1196. 

  1196.         <h3>Options in external json file (../json/example.json)</h3>
    1197. 

  1197.         <div class="code javascript"><!--{
    1198. 

  1198. size:'550x400',
    1199. 

  1199. type:'bhg',
    1200. 

  1200. title:'Example 1',
    1201. 

  1201. title_color:'000000',
    1202. 

  1202. title_size:16,
    1203. 

  1203. bar_width:30,
    1204. 

  1204. bar_spacing:2,
    1205. 

  1205. colors:['5131c9','FFCC00','da1b1b'],
    1206. 

  1206. bg:'FFFFFF',
    1207. 

  1207. bg_type:'gradient',
    1208. 

  1208. bg_angle:90,
    1209. 

  1209. bg_offset:'6d6969',
    1210. 

  1210. grid:true,
    1211. 

  1211. grid_x:7,
    1212. 

  1212. grid_y:10,
    1213. 

  1213. grid_line:0,
    1214. 

  1214. grid_blank:0
    1215. 

  1215. }--></div>
    1216. 

  1216.         
    1217. 

  1217.         <h3>Html Table</h3>
    1218. 

  1218.         <div class="code html"><!--<div id="jgjson">
    1219. 

  1219.   <table>      
    1220. 

  1220.   <thead>
    1221. 

  1221.     <tr>
    1222. 

  1222.         <th>Anno</th>
    1223. 

  1223.         <th class="serie">Data 1</th>
    1224. 

  1224.         <th class="serie">Data 2</th>
    1225. 

  1225.         <th class="serie">Data 3</th>
    1226. 

  1226.     </tr>
    1227. 

  1227.   </thead>
    1228. 

  1228.   <tbody>
    1229. 

  1229.     <tr>
    1230. 

  1230.         <th class="serie">2001</th>
    1231. 

  1231.         <td>153</td>
    1232. 

  1232.         <td>60</td>
    1233. 

  1233.         <td>52</td>
    1234. 

  1234.     </tr>
    1235. 

  1235.     <tr>
    1236. 

  1236.         <th class="serie">2002</th>
    1237. 

  1237.         <td>113</td>
    1238. 

  1238.         <td>70</td>
    1239. 

  1239.         <td>60</td>
    1240. 

  1240.     </tr>
    1241. 

  1241.     <tr>
    1242. 

  1242.         <th class="serie">2003</th>
    1243. 

  1243.         <td>120</td>
    1244. 

  1244.         <td>80</td>
    1245. 

  1245.         <td>40</td>
    1246. 

  1246.     </tr>
    1247. 

  1247.   </tbody>
    1248. 

  1248.   </table>
    1249. 

  1249. </div>--></div>
    1250. 

  1250.               <div id="jgjson">                                  
    1251. 

  1251.               <table>
    1252. 

  1252.               <thead>
    1253. 

  1253.                 <tr>
    1254. 

  1254.                     <th>Anno</th>
    1255. 

  1255.                     <th class="serie">Data 1</th>
    1256. 

  1256.                     <th class="serie">Data 2</th>
    1257. 

  1257.                     <th class="serie">Data 3</th>
    1258. 

  1258.                 </tr>
    1259. 

  1259.               </thead>
    1260. 

  1260.               <tbody>
    1261. 

  1261.                 <tr>
    1262. 

  1262.                     <th class="serie">2001</th>
    1263. 

  1263.                     <td>153</td>
    1264. 

  1264.                     <td>60</td>
    1265. 

  1265.                     <td>52</td>
    1266. 

  1266.                 </tr>
    1267. 

  1267.                 <tr>
    1268. 

  1268.                     <th class="serie">2002</th>
    1269. 

  1269.                     <td>113</td>
    1270. 

  1270.                     <td>70</td>
    1271. 

  1271.                     <td>60</td>
    1272. 

  1272.                 </tr>
    1273. 

  1273.                 <tr>
    1274. 

  1274.                     <th class="serie">2003</th>
    1275. 

  1275.                     <td>120</td>
    1276. 

  1276.                     <td>80</td>
    1277. 

  1277.                     <td>40</td>
    1278. 

  1278.                 </tr>
    1279. 

  1279.               </tbody>
    1280. 

  1280.             </table>
    1281. 

  1281.     		</div>        
    1282. 

  1282.     </div>
    1283. 

  1283.     
    1284. 

  1284.     <div class="yslider-panelwrapper" title="Custom data">
    1285. 

  1285.         
    1286. 

  1286.         <h3>Alessandro Del Piero</h3>
    1287. 

  1287.         <div id="jgcustomdata">
    1288. 

  1288.         <table>
    1289. 

  1289.           <thead>
    1290. 

  1290.             <tr>
    1291. 

  1291.             <th colspan="2">Cronologia</th>
    1292. 

  1292.             <th colspan="2">Campionato</th>
    1293. 

  1293.             <th colspan="2">Coppe di Lega<small><sup>*</sup></small></th>
    1294. 

  1294.             <th colspan="2">Coppe Europee<small><sup>**</sup></small></th>
    1295. 

  1295.             <th colspan="2">Coppe Internazionali<small><sup>***</sup></small></th>
    1296. 

  1296.             <th colspan="2">Totale</th>
    1297. 

  1297.           </tr>
    1298. 

  1298.           <tr>
    1299. 

  1299.             <th>Stagione - Squadra</th>
    1300. 

  1300.             <th>Serie</th>
    1301. 

  1301.             <th>Presenze</th>
    1302. 

  1302.             <th>Gol</th>
    1303. 

  1303.             <th>Presenze</th>
    1304. 

  1304.             <th>Gol</th>
    1305. 

  1305.             <th>Presenze</th>
    1306. 

  1306.             
    1307. 

  1307.             <th>Gol</th>
    1308. 

  1308.             <th>Presenze</th>
    1309. 

  1309.             <th>Gol</th>
    1310. 

  1310.             <th>Presenze</th>
    1311. 

  1311.             <th>Gol</th>
    1312. 

  1312.           </tr>
    1313. 

  1313.           </thead>
    1314. 

  1314.           <tfoot>
    1315. 

  1315.             <tr>
    1316. 

  1316.                 <th colspan="2">Totale</th>
    1317. 

  1317.                 <th>417</th>
    1318. 

  1318.                 <th>176</th>
    1319. 

  1319.                 <th>51</th>
    1320. 

  1320.                 <th>22</th>
    1321. 

  1321.                 <th>105</th>
    1322. 

  1322.                 <th>43</th>
    1323. 

  1323.                 <th>1</th>
    1324. 

  1324.                 
    1325. 

  1325.                 <th>1</th>
    1326. 

  1326.                 <th>574</th>
    1327. 

  1327.                 <th>242</th>
    1328. 

  1328.             </tr>
    1329. 

  1329.             </tfoot>
    1330. 

  1330.           <tbody>
    1331. 

  1331.           
    1332. 

  1332.           <tr>
    1333. 

  1333.             <th class="custom">1991-92 - Padova</th>
    1334. 

  1334.             
    1335. 

  1335.             <td>B</td>
    1336. 

  1336.             <td>4</td>
    1337. 

  1337.             <td>-</td>
    1338. 

  1338.             <td>-</td>
    1339. 

  1339.             <td>-</td>
    1340. 

  1340.             <td>-</td>
    1341. 

  1341.             <td>-</td>
    1342. 

  1342.             <td>-</td>
    1343. 

  1343.             <td>-</td>
    1344. 

  1344.             
    1345. 

  1345.             <td>4</td>
    1346. 

  1346.             <td>-</td>
    1347. 

  1347.             </tr>
    1348. 

  1348.             <tr>
    1349. 

  1349.             <th class="custom">1992-93 - Juventus</th>
    1350. 

  1350.             <td>B</td>
    1351. 

  1351.             <td>10</td>
    1352. 

  1352.             <td>1</td>
    1353. 

  1353.             
    1354. 

  1354.             <td>-</td>
    1355. 

  1355.             <td>-</td>
    1356. 

  1356.             <td>-</td>
    1357. 

  1357.             <td>-</td>
    1358. 

  1358.             <td>-</td>
    1359. 

  1359.             <td>-</td>
    1360. 

  1360.             <td>10</td>
    1361. 

  1361.             <td>1</td>
    1362. 

  1362.             </tr>
    1363. 

  1363.             
    1364. 

  1364.             <tr>
    1365. 

  1365.             <th class="custom">1993-94 - Juventus</th>
    1366. 

  1366.             <td>A</td>
    1367. 

  1367.             <td>11</td>
    1368. 

  1368.             <td>5</td>
    1369. 

  1369.             <td>1</td>
    1370. 

  1370.             <td>-</td>
    1371. 

  1371.             <td>2</td>
    1372. 

  1372.             
    1373. 

  1373.             <td>-</td>
    1374. 

  1374.             <td>-</td>
    1375. 

  1375.             <td>-</td>
    1376. 

  1376.             <td>14</td>
    1377. 

  1377.             <td>5</td>
    1378. 

  1378.             </tr>
    1379. 

  1379.             <tr>
    1380. 

  1380.             <th class="custom">1994-95 - Juventus</th>
    1381. 

  1381.             
    1382. 

  1382.             <td>A</td>
    1383. 

  1383.             <td>29</td>
    1384. 

  1384.             <td>8</td>
    1385. 

  1385.             <td>10</td>
    1386. 

  1386.             <td>1</td>
    1387. 

  1387.             <td>11</td>
    1388. 

  1388.             <td>1</td>
    1389. 

  1389.             <td>-</td>
    1390. 

  1390.             <td>-</td>
    1391. 

  1391.             
    1392. 

  1392.             <td>50</td>
    1393. 

  1393.             <td>10</td>
    1394. 

  1394.             </tr>
    1395. 

  1395.             <tr>
    1396. 

  1396.             <th class="custom">1995-96 - Juventus</th>
    1397. 

  1397.             <td>A</td>
    1398. 

  1398.             <td>29</td>
    1399. 

  1399.             <td>6</td>
    1400. 

  1400.             
    1401. 

  1401.             <td>3</td>
    1402. 

  1402.             <td>1</td>
    1403. 

  1403.             <td>11</td>
    1404. 

  1404.             <td>6</td>
    1405. 

  1405.             <td>-</td>
    1406. 

  1406.             <td>-</td>
    1407. 

  1407.             <td>43</td>
    1408. 

  1408.             <td>13</td>
    1409. 

  1409.             </tr>
    1410. 

  1410.             
    1411. 

  1411.             <tr>
    1412. 

  1412.             <th class="custom">1996-97 - Juventus</th>
    1413. 

  1413.             <td>A</td>
    1414. 

  1414.             <td>22</td>
    1415. 

  1415.             <td>8</td>
    1416. 

  1416.             <td>4</td>
    1417. 

  1417.             <td>-</td>
    1418. 

  1418.             <td>8</td>
    1419. 

  1419.             
    1420. 

  1420.             <td>6</td>
    1421. 

  1421.             <td>1</td>
    1422. 

  1422.             <td>1</td>
    1423. 

  1423.             <td>35</td>
    1424. 

  1424.             <td>15</td>
    1425. 

  1425.             </tr>
    1426. 

  1426.             <tr>
    1427. 

  1427.             <th class="custom">1997-98 - Juventus</th>
    1428. 

  1428.             
    1429. 

  1429.             <td>A</td>
    1430. 

  1430.             <td>32</td>
    1431. 

  1431.             <td>21</td>
    1432. 

  1432.             <td>5</td>
    1433. 

  1433.             <td>1</td>
    1434. 

  1434.             <td>10</td>
    1435. 

  1435.             <td>10</td>
    1436. 

  1436.             <td>-</td>
    1437. 

  1437.             <td>-</td>
    1438. 

  1438.             
    1439. 

  1439.             <td>47</td>
    1440. 

  1440.             <td>32</td>
    1441. 

  1441.             </tr>
    1442. 

  1442.             <tr>
    1443. 

  1443.             <th class="custom">1998-99 - Juventus</th>
    1444. 

  1444.             <td>A</td>
    1445. 

  1445.             <td>8</td>
    1446. 

  1446.             <td>2</td>
    1447. 

  1447.             
    1448. 

  1448.             <td>2</td>
    1449. 

  1449.             <td>1</td>
    1450. 

  1450.             <td>4</td>
    1451. 

  1451.             <td>-</td>
    1452. 

  1452.             <td>-</td>
    1453. 

  1453.             <td>-</td>
    1454. 

  1454.             <td>14</td>
    1455. 

  1455.             <td>3</td>
    1456. 

  1456.             </tr>
    1457. 

  1457.             
    1458. 

  1458.             <tr>
    1459. 

  1459.             <th class="custom">1999-00 - Juventus</th>
    1460. 

  1460.             <td>A</td>
    1461. 

  1461.             <td>34</td>
    1462. 

  1462.             <td>9</td>
    1463. 

  1463.             <td>2</td>
    1464. 

  1464.             <td>1</td>
    1465. 

  1465.             <td>9</td>
    1466. 

  1466.             
    1467. 

  1467.             <td>2</td>
    1468. 

  1468.             <td>-</td>
    1469. 

  1469.             <td>-</td>
    1470. 

  1470.             <td>45</td>
    1471. 

  1471.             <td>12</td>
    1472. 

  1472.             </tr>
    1473. 

  1473.             <tr>
    1474. 

  1474.             <th class="custom">2000-01 - Juventus</th>
    1475. 

  1475.             
    1476. 

  1476.             <td>A</td>
    1477. 

  1477.             <td>25</td>
    1478. 

  1478.             <td>9</td>
    1479. 

  1479.             <td>2</td>
    1480. 

  1480.             <td>-</td>
    1481. 

  1481.             <td>6</td>
    1482. 

  1482.             <td>-</td>
    1483. 

  1483.             <td>-</td>
    1484. 

  1484.             <td>-</td>
    1485. 

  1485.             
    1486. 

  1486.             <td>33</td>
    1487. 

  1487.             <td>9</td>
    1488. 

  1488.             </tr>
    1489. 

  1489.             <tr>
    1490. 

  1490.             <th class="custom">2001-02 - Juventus</th>
    1491. 

  1491.             <td>A</td>
    1492. 

  1492.             <td>32</td>
    1493. 

  1493.             <td>16</td>
    1494. 

  1494.             
    1495. 

  1495.             <td>4</td>
    1496. 

  1496.             <td>1</td>
    1497. 

  1497.             <td>10</td>
    1498. 

  1498.             <td>4</td>
    1499. 

  1499.             <td>-</td>
    1500. 

  1500.             <td>-</td>
    1501. 

  1501.             <td>46</td>
    1502. 

  1502.             <td>21</td>
    1503. 

  1503.             </tr>
    1504. 

  1504.             
    1505. 

  1505.             <tr>
    1506. 

  1506.             <th class="custom">2002-03 - Juventus</th>
    1507. 

  1507.             <td>A</td>
    1508. 

  1508.             <td>24</td>
    1509. 

  1509.             <td>16</td>
    1510. 

  1510.             <td>1</td>
    1511. 

  1511.             <td>2</td>
    1512. 

  1512.             <td>13</td>
    1513. 

  1513.             
    1514. 

  1514.             <td>5</td>
    1515. 

  1515.             <td>-</td>
    1516. 

  1516.             <td>-</td>
    1517. 

  1517.             <td>38</td>
    1518. 

  1518.             <td>23</td>
    1519. 

  1519.             </tr>
    1520. 

  1520.             <tr>
    1521. 

  1521.             <th class="custom">2003-04 - Juventus</th>
    1522. 

  1522.             
    1523. 

  1523.             <td>A</td>
    1524. 

  1524.             <td>22</td>
    1525. 

  1525.             <td>8</td>
    1526. 

  1526.             <td>5</td>
    1527. 

  1527.             <td>3</td>
    1528. 

  1528.             <td>4</td>
    1529. 

  1529.             <td>3</td>
    1530. 

  1530.             <td>-</td>
    1531. 

  1531.             <td>-</td>
    1532. 

  1532.             
    1533. 

  1533.             <td>31</td>
    1534. 

  1534.             <td>14</td>
    1535. 

  1535.             </tr>
    1536. 

  1536.             <tr>
    1537. 

  1537.             <th class="custom">2004-05 - Juventus</th>
    1538. 

  1538.             <td>A</td>
    1539. 

  1539.             <td>30</td>
    1540. 

  1540.             <td>14</td>
    1541. 

  1541.             
    1542. 

  1542.             <td>1</td>
    1543. 

  1543.             <td>-</td>
    1544. 

  1544.             <td>10</td>
    1545. 

  1545.             <td>3</td>
    1546. 

  1546.             <td>-</td>
    1547. 

  1547.             <td>-</td>
    1548. 

  1548.             <td>41</td>
    1549. 

  1549.             <td>17</td>
    1550. 

  1550.             </tr>
    1551. 

  1551.             
    1552. 

  1552.             <tr>
    1553. 

  1553.             <th class="custom">2005-06 - Juventus</th>
    1554. 

  1554.             <td>A</td>
    1555. 

  1555.             <td>33</td>
    1556. 

  1556.             <td>12</td>
    1557. 

  1557.             <td>5</td>
    1558. 

  1558.             <td>5</td>
    1559. 

  1559.             <td>7</td>
    1560. 

  1560.             
    1561. 

  1561.             <td>3</td>
    1562. 

  1562.             <td>-</td>
    1563. 

  1563.             <td>-</td>
    1564. 

  1564.             <td>45</td>
    1565. 

  1565.             <td>20</td>
    1566. 

  1566.             </tr>
    1567. 

  1567.             <tr>
    1568. 

  1568.             <th class="custom">2006-07 - Juventus</th>
    1569. 

  1569.             
    1570. 

  1570.             <td>B</td>
    1571. 

  1571.             <td>35</td>
    1572. 

  1572.             <td>20</td>
    1573. 

  1573.             <td>2</td>
    1574. 

  1574.             <td>3</td>
    1575. 

  1575.             <td>-</td>
    1576. 

  1576.             <td>-</td>
    1577. 

  1577.             <td>-</td>
    1578. 

  1578.             <td>-</td>
    1579. 

  1579.             
    1580. 

  1580.             <td>37</td>
    1581. 

  1581.             <td>23</td>
    1582. 

  1582.             </tr>
    1583. 

  1583.             
    1584. 

  1584.             <tr>
    1585. 

  1585.             <th class="custom">2007-08 - Juventus</th>
    1586. 

  1586.             <td>A</td>
    1587. 

  1587.             <td>37</td>
    1588. 

  1588.             <td>21</td>
    1589. 

  1589.             
    1590. 

  1590.             <td>4</td>
    1591. 

  1591.             <td>3</td>
    1592. 

  1592.             <td>-</td>
    1593. 

  1593.             <td>-</td>
    1594. 

  1594.             <td>-</td>
    1595. 

  1595.             <td>-</td>
    1596. 

  1596.             <td>41</td>
    1597. 

  1597.             <td>24</td>
    1598. 

  1598.             </tr>
    1599. 

  1599.             
    1600. 

  1600.             
    1601. 

  1601.             </tbody>
    1602. 

  1602.             
    1603. 

  1603.         </table>
    1604. 

  1604.         </div>
    1605. 

  1605.         <h3>JS</h3>
    1606. 

  1606.         <div class="code javascript"><!--jQuery.getJSON(
    1607. 

  1607. "../json/delpiero.json",
    1608. 

  1608. //wait json data
    1609. 

  1609. function(json){
    1610. 

  1610.     var data_custom = [];
    1611. 

  1611.     for(var x= 0;x< jQuery("#jgcustomdata").find("tbody > tr").size();x++){
    1612. 

  1612.         data_custom.push(jQuery.map( jQuery("#jgcustomdata").find("tbody > tr:eq(" + x + ") > td"),
    1613. 

  1613.            function(td,index){
    1614. 

  1614.                 if(index % 11 == 1 || index % 11 == 2){
    1615. 

  1615.                     if(parseInt(jQuery(td).text()))
    1616. 

  1616.                         return parseInt(jQuery(td).text());
    1617. 

  1617.                     else
    1618. 

  1618.                         return 0;
    1619. 

  1619.                 } 
    1620. 

  1620.            }
    1621. 

  1621.         ));
    1622. 

  1622.         
    1623. 

  1623.     }
    1624. 

  1624.     var axis_custom = jQuery.map( jQuery("#jgcustomdata").find("tbody > tr > th.custom"),
    1625. 

  1625.                function(th) { return jQuery(th).text(); }
    1626. 

  1626.     );
    1627. 

  1627.     var legend_custom = ["presenze", "gol"];
    1628. 

  1628.     
    1629. 

  1629.     json.axis_labels = axis_custom;
    1630. 

  1630.     json.data = data_custom;
    1631. 

  1631.     json.legend = legend_custom;
    1632. 

  1632.     jQuery("#jgcustomdata").jgtable(json);
    1633. 

  1633.     
    1634. 

  1634.     var data_custom = [];
    1635. 

  1635.     for(var x= 0;x< jQuery("#jgcustomdata").find("tbody > tr").size();x++){
    1636. 

  1636.         data_custom.push(jQuery.map( jQuery("#jgcustomdata").find("tbody > tr:eq(" + x + ") > td"),
    1637. 

  1637.            function(td,index){
    1638. 

  1638.                 if(index % 11 == 9 || index % 11 == 10){
    1639. 

  1639.                     if(parseInt(jQuery(td).text()))
    1640. 

  1640.                         return parseInt(jQuery(td).text());
    1641. 

  1641.                     else
    1642. 

  1642.                         return 0;
    1643. 

  1643.                 } 
    1644. 

  1644.            }
    1645. 

  1645.         ));
    1646. 

  1646.         
    1647. 

  1647.     }
    1648. 

  1648.     json.data = data_custom;
    1649. 

  1649.     json.title = 'Gol e presenze totali';
    1650. 

  1650.     
    1651. 

  1651.     jQuery("#jgcustomdata").jgtable(json);
    1652. 

  1652.     
    1653. 

  1653. });--></div>
    1654. 

  1654.         
    1655. 

  1655.         <h3>Options in json file</h3>
    1656. 

  1656.         <div class="code javascript"><!--{
    1657. 

  1657. size:'450x600',
    1658. 

  1658. type:'bhg',
    1659. 

  1659. axis_step:1,
    1660. 

  1660. title:'Gol e presenze in campionato',
    1661. 

  1661. title_color:'000000',
    1662. 

  1662. title_size:16,
    1663. 

  1663. bar_width:10,
    1664. 

  1664. bar_spacing:0,
    1665. 

  1665. colors:['5131c9','da1b1b'],
    1666. 

  1666. grid:true,
    1667. 

  1667. grid_x:5,
    1668. 

  1668. grid_y:5,
    1669. 

  1669. grid_line:5,
    1670. 

  1670. grid_blank:5
    1671. 

  1671. }--></div>
    1672. 

  1672.         
    1673. 

  1673.         <h3>Html Table</h3>
    1674. 

  1674.         <div class="code html"><!--<div id="jgcustomdata">
    1675. 

  1675.   <table>
    1676. 

  1676.   <thead>
    1677. 

  1677.     <tr>
    1678. 

  1678.     <th colspan="2">Cronologia</th>
    1679. 

  1679.     <th colspan="2">Campionato</th>
    1680. 

  1680.     <th colspan="2">Coppe di Lega<small><sup>*</sup></small></th>
    1681. 

  1681.     <th colspan="2">Coppe Europee<small><sup>**</sup></small></th>
    1682. 

  1682.     <th colspan="2">Coppe Internazionali<small><sup>***</sup></small></th>
    1683. 

  1683.     <th colspan="2">Totale</th>
    1684. 

  1684.   </tr>
    1685. 

  1685.   <tr>
    1686. 

  1686.     <th>Stagione - Squadra</th>
    1687. 

  1687.     <th>Serie</th>
    1688. 

  1688.     <th>Presenze</th>
    1689. 

  1689.     <th>Gol</th>
    1690. 

  1690.     <th>Presenze</th>
    1691. 

  1691.     <th>Gol</th>
    1692. 

  1692.     <th>Presenze</th>
    1693. 

  1693.     
    1694. 

  1694.     <th>Gol</th>
    1695. 

  1695.     <th>Presenze</th>
    1696. 

  1696.     <th>Gol</th>
    1697. 

  1697.     <th>Presenze</th>
    1698. 

  1698.     <th>Gol</th>
    1699. 

  1699.   </tr>
    1700. 

  1700.   </thead>
    1701. 

  1701.   <tfoot>
    1702. 

  1702.     <tr>
    1703. 

  1703.         <th colspan="2">Totale</th>
    1704. 

  1704.         <th>417</th>
    1705. 

  1705.         <th>176</th>
    1706. 

  1706.         <th>51</th>
    1707. 

  1707.         <th>22</th>
    1708. 

  1708.         <th>105</th>
    1709. 

  1709.         <th>43</th>
    1710. 

  1710.         <th>1</th>
    1711. 

  1711.         
    1712. 

  1712.         <th>1</th>
    1713. 

  1713.         <th>574</th>
    1714. 

  1714.         <th>242</th>
    1715. 

  1715.     </tr>
    1716. 

  1716.     </tfoot>
    1717. 

  1717.   <tbody>
    1718. 

  1718.   
    1719. 

  1719.   <tr>
    1720. 

  1720.     <th class="custom">1991-92 - Padova</th>
    1721. 

  1721.     
    1722. 

  1722.     <td>B</td>
    1723. 

  1723.     <td>4</td>
    1724. 

  1724.     <td>-</td>
    1725. 

  1725.     <td>-</td>
    1726. 

  1726.     <td>-</td>
    1727. 

  1727.     <td>-</td>
    1728. 

  1728.     <td>-</td>
    1729. 

  1729.     <td>-</td>
    1730. 

  1730.     <td>-</td>
    1731. 

  1731.     
    1732. 

  1732.     <td>4</td>
    1733. 

  1733.     <td>-</td>
    1734. 

  1734.     </tr>
    1735. 

  1735.     <tr>
    1736. 

  1736.     <th class="custom">1992-93 - Juventus</th>
    1737. 

  1737.     <td>B</td>
    1738. 

  1738.     <td>10</td>
    1739. 

  1739.     <td>1</td>
    1740. 

  1740.     
    1741. 

  1741.     <td>-</td>
    1742. 

  1742.     <td>-</td>
    1743. 

  1743.     <td>-</td>
    1744. 

  1744.     <td>-</td>
    1745. 

  1745.     <td>-</td>
    1746. 

  1746.     <td>-</td>
    1747. 

  1747.     <td>10</td>
    1748. 

  1748.     <td>1</td>
    1749. 

  1749.     </tr>
    1750. 

  1750.     
    1751. 

  1751.     <tr>
    1752. 

  1752.     <th class="custom">1993-94 - Juventus</th>
    1753. 

  1753.     <td>A</td>
    1754. 

  1754.     <td>11</td>
    1755. 

  1755.     <td>5</td>
    1756. 

  1756.     <td>1</td>
    1757. 

  1757.     <td>-</td>
    1758. 

  1758.     <td>2</td>
    1759. 

  1759.     
    1760. 

  1760.     <td>-</td>
    1761. 

  1761.     <td>-</td>
    1762. 

  1762.     <td>-</td>
    1763. 

  1763.     <td>14</td>
    1764. 

  1764.     <td>5</td>
    1765. 

  1765.     </tr>
    1766. 

  1766.     <tr>
    1767. 

  1767.     <th class="custom">1994-95 - Juventus</th>
    1768. 

  1768.     
    1769. 

  1769.     <td>A</td>
    1770. 

  1770.     <td>29</td>
    1771. 

  1771.     <td>8</td>
    1772. 

  1772.     <td>10</td>
    1773. 

  1773.     <td>1</td>
    1774. 

  1774.     <td>11</td>
    1775. 

  1775.     <td>1</td>
    1776. 

  1776.     <td>-</td>
    1777. 

  1777.     <td>-</td>
    1778. 

  1778.     
    1779. 

  1779.     <td>50</td>
    1780. 

  1780.     <td>10</td>
    1781. 

  1781.     </tr>
    1782. 

  1782.     <tr>
    1783. 

  1783.     <th class="custom">1995-96 - Juventus</th>
    1784. 

  1784.     <td>A</td>
    1785. 

  1785.     <td>29</td>
    1786. 

  1786.     <td>6</td>
    1787. 

  1787.     
    1788. 

  1788.     <td>3</td>
    1789. 

  1789.     <td>1</td>
    1790. 

  1790.     <td>11</td>
    1791. 

  1791.     <td>6</td>
    1792. 

  1792.     <td>-</td>
    1793. 

  1793.     <td>-</td>
    1794. 

  1794.     <td>43</td>
    1795. 

  1795.     <td>13</td>
    1796. 

  1796.     </tr>
    1797. 

  1797.     
    1798. 

  1798.     <tr>
    1799. 

  1799.     <th class="custom">1996-97 - Juventus</th>
    1800. 

  1800.     <td>A</td>
    1801. 

  1801.     <td>22</td>
    1802. 

  1802.     <td>8</td>
    1803. 

  1803.     <td>4</td>
    1804. 

  1804.     <td>-</td>
    1805. 

  1805.     <td>8</td>
    1806. 

  1806.     
    1807. 

  1807.     <td>6</td>
    1808. 

  1808.     <td>1</td>
    1809. 

  1809.     <td>1</td>
    1810. 

  1810.     <td>35</td>
    1811. 

  1811.     <td>15</td>
    1812. 

  1812.     </tr>
    1813. 

  1813.     <tr>
    1814. 

  1814.     <th class="custom">1997-98 - Juventus</th>
    1815. 

  1815.     
    1816. 

  1816.     <td>A</td>
    1817. 

  1817.     <td>32</td>
    1818. 

  1818.     <td>21</td>
    1819. 

  1819.     <td>5</td>
    1820. 

  1820.     <td>1</td>
    1821. 

  1821.     <td>10</td>
    1822. 

  1822.     <td>10</td>
    1823. 

  1823.     <td>-</td>
    1824. 

  1824.     <td>-</td>
    1825. 

  1825.     
    1826. 

  1826.     <td>47</td>
    1827. 

  1827.     <td>32</td>
    1828. 

  1828.     </tr>
    1829. 

  1829.     <tr>
    1830. 

  1830.     <th class="custom">1998-99 - Juventus</th>
    1831. 

  1831.     <td>A</td>
    1832. 

  1832.     <td>8</td>
    1833. 

  1833.     <td>2</td>
    1834. 

  1834.     
    1835. 

  1835.     <td>2</td>
    1836. 

  1836.     <td>1</td>
    1837. 

  1837.     <td>4</td>
    1838. 

  1838.     <td>-</td>
    1839. 

  1839.     <td>-</td>
    1840. 

  1840.     <td>-</td>
    1841. 

  1841.     <td>14</td>
    1842. 

  1842.     <td>3</td>
    1843. 

  1843.     </tr>
    1844. 

  1844.     
    1845. 

  1845.     <tr>
    1846. 

  1846.     <th class="custom">1999-00 - Juventus</th>
    1847. 

  1847.     <td>A</td>
    1848. 

  1848.     <td>34</td>
    1849. 

  1849.     <td>9</td>
    1850. 

  1850.     <td>2</td>
    1851. 

  1851.     <td>1</td>
    1852. 

  1852.     <td>9</td>
    1853. 

  1853.     
    1854. 

  1854.     <td>2</td>
    1855. 

  1855.     <td>-</td>
    1856. 

  1856.     <td>-</td>
    1857. 

  1857.     <td>45</td>
    1858. 

  1858.     <td>12</td>
    1859. 

  1859.     </tr>
    1860. 

  1860.     <tr>
    1861. 

  1861.     <th class="custom">2000-01 - Juventus</th>
    1862. 

  1862.     
    1863. 

  1863.     <td>A</td>
    1864. 

  1864.     <td>25</td>
    1865. 

  1865.     <td>9</td>
    1866. 

  1866.     <td>2</td>
    1867. 

  1867.     <td>-</td>
    1868. 

  1868.     <td>6</td>
    1869. 

  1869.     <td>-</td>
    1870. 

  1870.     <td>-</td>
    1871. 

  1871.     <td>-</td>
    1872. 

  1872.     
    1873. 

  1873.     <td>33</td>
    1874. 

  1874.     <td>9</td>
    1875. 

  1875.     </tr>
    1876. 

  1876.     <tr>
    1877. 

  1877.     <th class="custom">2001-02 - Juventus</th>
    1878. 

  1878.     <td>A</td>
    1879. 

  1879.     <td>32</td>
    1880. 

  1880.     <td>16</td>
    1881. 

  1881.     
    1882. 

  1882.     <td>4</td>
    1883. 

  1883.     <td>1</td>
    1884. 

  1884.     <td>10</td>
    1885. 

  1885.     <td>4</td>
    1886. 

  1886.     <td>-</td>
    1887. 

  1887.     <td>-</td>
    1888. 

  1888.     <td>46</td>
    1889. 

  1889.     <td>21</td>
    1890. 

  1890.     </tr>
    1891. 

  1891.     
    1892. 

  1892.     <tr>
    1893. 

  1893.     <th class="custom">2002-03 - Juventus</th>
    1894. 

  1894.     <td>A</td>
    1895. 

  1895.     <td>24</td>
    1896. 

  1896.     <td>16</td>
    1897. 

  1897.     <td>1</td>
    1898. 

  1898.     <td>2</td>
    1899. 

  1899.     <td>13</td>
    1900. 

  1900.     
    1901. 

  1901.     <td>5</td>
    1902. 

  1902.     <td>-</td>
    1903. 

  1903.     <td>-</td>
    1904. 

  1904.     <td>38</td>
    1905. 

  1905.     <td>23</td>
    1906. 

  1906.     </tr>
    1907. 

  1907.     <tr>
    1908. 

  1908.     <th class="custom">2003-04 - Juventus</th>
    1909. 

  1909.     
    1910. 

  1910.     <td>A</td>
    1911. 

  1911.     <td>22</td>
    1912. 

  1912.     <td>8</td>
    1913. 

  1913.     <td>5</td>
    1914. 

  1914.     <td>3</td>
    1915. 

  1915.     <td>4</td>
    1916. 

  1916.     <td>3</td>
    1917. 

  1917.     <td>-</td>
    1918. 

  1918.     <td>-</td>
    1919. 

  1919.     
    1920. 

  1920.     <td>31</td>
    1921. 

  1921.     <td>14</td>
    1922. 

  1922.     </tr>
    1923. 

  1923.     <tr>
    1924. 

  1924.     <th class="custom">2004-05 - Juventus</th>
    1925. 

  1925.     <td>A</td>
    1926. 

  1926.     <td>30</td>
    1927. 

  1927.     <td>14</td>
    1928. 

  1928.     
    1929. 

  1929.     <td>1</td>
    1930. 

  1930.     <td>-</td>
    1931. 

  1931.     <td>10</td>
    1932. 

  1932.     <td>3</td>
    1933. 

  1933.     <td>-</td>
    1934. 

  1934.     <td>-</td>
    1935. 

  1935.     <td>41</td>
    1936. 

  1936.     <td>17</td>
    1937. 

  1937.     </tr>
    1938. 

  1938.     
    1939. 

  1939.     <tr>
    1940. 

  1940.     <th class="custom">2005-06 - Juventus</th>
    1941. 

  1941.     <td>A</td>
    1942. 

  1942.     <td>33</td>
    1943. 

  1943.     <td>12</td>
    1944. 

  1944.     <td>5</td>
    1945. 

  1945.     <td>5</td>
    1946. 

  1946.     <td>7</td>
    1947. 

  1947.     
    1948. 

  1948.     <td>3</td>
    1949. 

  1949.     <td>-</td>
    1950. 

  1950.     <td>-</td>
    1951. 

  1951.     <td>45</td>
    1952. 

  1952.     <td>20</td>
    1953. 

  1953.     </tr>
    1954. 

  1954.     <tr>
    1955. 

  1955.     <th class="custom">2006-07 - Juventus</th>
    1956. 

  1956.     
    1957. 

  1957.     <td>B</td>
    1958. 

  1958.     <td>35</td>
    1959. 

  1959.     <td>20</td>
    1960. 

  1960.     <td>2</td>
    1961. 

  1961.     <td>3</td>
    1962. 

  1962.     <td>-</td>
    1963. 

  1963.     <td>-</td>
    1964. 

  1964.     <td>-</td>
    1965. 

  1965.     <td>-</td>
    1966. 

  1966.     
    1967. 

  1967.     <td>37</td>
    1968. 

  1968.     <td>23</td>
    1969. 

  1969.     </tr>
    1970. 

  1970.     
    1971. 

  1971.     <tr>
    1972. 

  1972.     <th class="custom">2007-08 - Juventus</th>
    1973. 

  1973.     <td>A</td>
    1974. 

  1974.     <td>37</td>
    1975. 

  1975.     <td>21</td>
    1976. 

  1976.     
    1977. 

  1977.     <td>4</td>
    1978. 

  1978.     <td>3</td>
    1979. 

  1979.     <td>-</td>
    1980. 

  1980.     <td>-</td>
    1981. 

  1981.     <td>-</td>
    1982. 

  1982.     <td>-</td>
    1983. 

  1983.     <td>41</td>
    1984. 

  1984.     <td>24</td>
    1985. 

  1985.     </tr>
    1986. 

  1986.     
    1987. 

  1987.     
    1988. 

  1988.     </tbody>
    1989. 

  1989.     
    1990. 

  1990.    </table>
    1991. 

  1991. </div>--></div>
    1992. 

  1992.                                                 
    1993. 

  1993.               
    1994. 

  1994.         
    1995. 

  1995.     </div>
    1996. 

  1996. </div>
    1997. 

  1997. <!--todo: copy events -->
    1998. 

  1998. <div id="yslider-code" class="ycodaslider">
    1999. 

  1999.     <a class="javascript" href="../../jgcharts.js" class="tracking {label : '/jgcharts/code/jgcharts'}">jGCharts 1.0</a>
    2000. 

  2000.     <a class="javascript" href="../../plugins/jgtable/jgtable.js" class="tracking {label : '/jgcharts/code/jgtable'}">jGTable 1.0</a>
    2001. 

  2001. </div>
    2002. 

  2002. <div id="analytics" class="UA-258871-1 {host: 'maxb.net'}"></div><!--debug:true-->
    2003. 

  2003. </body>
    2004. 

  2004. </html>    
    2005.