topical media & game development

talk show tell print

lib-jquery-plugin-charts-include-js-start-1.0.js / js



  YCodaSlider.Base.css('../../include/css/id.css');
  YCodaSlider.Base.css('../../include/js/lib/ycodaslider-2.0.rc2/skins/base/style.css');
  YCodaSlider.Base.css('../../include/js/lib/ycodaslider-2.0.rc2/skins/base/desktop/desktop.css');
  jQuery(document).ready(function() {
      jQuery.ajaxHistory.initialize();
  });
  jQuery(window).bind("load", function() {
          
          
      var wh = window.innerHeight || jQuery(window).height();
      var ww = window.innerWidth || jQuery(window).width();
      wh = wh - 100;ww = ww - 180;
      
      jQuery("div#yslider-table")
      .ycodaslider({
               easeFunc: "easeInOutExpo",
           easeTime: 750, 
           height  : wh,
           width: (ww-100), 
           scroll : true
      });
      
      jQuery("div#yslider-docs")
      .ycodaslider({
           id : "yslider-docs", 
           easeFunc: "easeInOutExpo",
           easeTime: 750, 
           history : true, 
           height  : wh, 
           scroll : true
      });
      jQuery(".h-code").click(function(){
           var ref = jQuery("div#yslider-code").get(0);
           if(!ref.loaded){
               jQuery("div#yslider-code")
               .ycodacode()
               .ycodaslider({id : "yslider-code", easeFunc: "easeInOutExpo",easeTime: 750, width: (ww-100), height  : wh});
               ref.loaded = true;
           }
      });
  
      jQuery(".ycodaslider").hide();
      jQuery(".handle").each(function(nr){
          var target = jQuery(this).attr("class").split(" ")[1].split("-")[1];
          jQuery(this).click(function(){
              jQuery(".ycodaslider").hide();
              jQuery("#yslider-" + target).toggle();
          });
      });
      jQuery("#yslider-docs").show();
      
      //utils
      jQuery("a.blank").attr("target", "_blank");
      
      //my chili wrapper
      jQuery("div.code").each(function(){
          var _c = jQuery(this).attr("class").split(" ")[1];
          var _t = html_encode(jQuery(this).html());
          jQuery(this).html("");
          jQuery('<pre><code class="'+_c+'">'+_t+'</code></pre>')
          .chili()
          .appendTo(this);
      });
      jQuery("code").chili();
      function html_encode(s) {
         var str = new String(s);
          str = str.replace("<!--", "");//first comment
          str = str.substr(0,str.length - 3);//last comment
          str = str.replace(/&/g, "&amp;");
          str = str.replace(/</g, "&lt;");
          str = str.replace(/>/g, "&gt;");
          str = str.replace(/"/g, "&quot;");
          
          return str;
      }
  
      //fix ie6
      if(jQuery.browser.msie && jQuery.browser.version < 7){
          alert("Get Firefox!");
          jQuery(".yslider-panelwrapper").css("padding","2");
          jQuery("#icone_sinistra img, #icone_destra img").each(function(){
              var gif = jQuery(this).attr("src").replace("png","gif");
              jQuery(this).attr("src", gif);//icone desktop
              //alert(gif);
          });
          jQuery(".yslider-navr, .yslider-navl").each(function(){
              var gif = jQuery(this).css("background-image").replace("png","gif");
              //console.log(gif);
              jQuery(this).css("background-image", gif);//icone slider
          });
      }
      //CHARTS DEMO
      
      //bar1
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]]}))
      .appendTo("#bar1");
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             size : '400x400'}))
      .appendTo("#bar2");
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             type : 'bhg'}))
      .appendTo("#bar3");
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             axis_labels : ['2008','2007','2006'], 
                             legend : ['serie1', 'serie2', 'serie3']}))
      .appendTo("#bar4");
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             bar_width : 10, bar_spacing : 10}))
      .appendTo("#bar5");
  
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             colors : ['4b9b41','81419b','41599b']}))
      .appendTo("#bar6");  
  
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             bg        : 'e0e0e0'//,
                             //bg_trasparency : 50
                             }))
      .appendTo("#bar7");
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             bg        : 'FFFFFF',
                             bg_offset : '000000',
                             bg_angle  : '45',//default 90   
                             bg_type   : 'gradient' //default solid
                             }))
      .appendTo("#bar8");  
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             bg        : 'FFFFFF',
                             bg_offset : 'e0e0e0',
                             bg_angle  : '0',//default 90   
                             bg_type   : 'stripes', //default solid
                             bg_width  : '10'//default 10 - min 10
                             }))
      .appendTo("#bar9");                   
  
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             chbg        : 'FFFFFF',
                             chbg_offset : '4b9b41',
                             chbg_angle  : '45',//default 90   
                             chbg_type   : 'gradient' //default solid
                             }))
      .appendTo("#bar10");
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             title       : 'Bar Chart', //default false
                             title_color : 'a98147',
                             title_size  : 20 //default 10
                            }))
      .appendTo("#bar11");
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             grid        : true, //default false
                             grid_x      : 5,    //default 10
                             grid_y      : 5,    //default 10
                             grid_line   : 5,   //default 10
                             grid_blank  : 0    //default 0
                            }))
      .appendTo("#bar12");
      
      
      
      //stacked
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             type : 'bhs'}))
      .appendTo("#stacked1");
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             type : 'bvs'}))
      .appendTo("#stacked2");
      
      //line
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({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],[107.5,93.0],[106.1,94.5],[104.3,91.9],[102.0,93.9],[102.8,93.6],[103.8,92.6],[102.9,94.0],[102.1,92.7],[100.6,96.0],[101.7,97.9],[101.8,105.0],[103.3,104.1],[104.0,105.1],[103.7,108.1],[108.4,108.4],[109.4,113.8],[112.0,109.1],[112.6,106.3],[115.5,106.7],[115.7,108.8],[114.7,118.8],[115.9,120.4],[116.2,115.9],[118.0,124.7],[123.3,126.5],[127.6,131.6],[130.3,134.0],[135.5,135.7],[138.2,126.4],[139.6,127.4],[145.1,131.0],[146.4,129.9],[147.1,133.7],[149.0,138.4],[150.3,141.0],[151.3,139.3],[153.4,145.3],[152.7,142.9],[152.9,129.2],[152.2,126.0],[151.9,124.8],[150.1,125.9],[148.2,118.9],[145.3,122.9],[142.9,127.7],[142.6,134.4],[144.0,138.5],[145.5,138.7],[147.2,141.8],[150.0,139.2],[153.8,145.6],[155.4,147.6],[157.0,157.9],[158.4,156.2],[162.8,153.9],[162.8,158.6],[164.7,166.3],[168.5,165.8]], 
                             type : 'lc'
                            }))
      .appendTo("#line1");
  
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({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],[107.5,93.0],[106.1,94.5],[104.3,91.9],[102.0,93.9],[102.8,93.6],[103.8,92.6],[102.9,94.0],[102.1,92.7],[100.6,96.0],[101.7,97.9],[101.8,105.0],[103.3,104.1],[104.0,105.1],[103.7,108.1],[108.4,108.4],[109.4,113.8],[112.0,109.1],[112.6,106.3],[115.5,106.7],[115.7,108.8],[114.7,118.8],[115.9,120.4],[116.2,115.9],[118.0,124.7],[123.3,126.5],[127.6,131.6],[130.3,134.0],[135.5,135.7],[138.2,126.4],[139.6,127.4],[145.1,131.0],[146.4,129.9],[147.1,133.7],[149.0,138.4],[150.3,141.0],[151.3,139.3],[153.4,145.3],[152.7,142.9],[152.9,129.2],[152.2,126.0],[151.9,124.8],[150.1,125.9],[148.2,118.9],[145.3,122.9],[142.9,127.7],[142.6,134.4],[144.0,138.5],[145.5,138.7],[147.2,141.8],[150.0,139.2],[153.8,145.6],[155.4,147.6],[157.0,157.9],[158.4,156.2],[162.8,153.9],[162.8,158.6],[164.7,166.3],[168.5,165.8]], 
                             type : 'lc',
                             fillarea : true //default false
                            }))
      .appendTo("#line2");
  
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({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],[107.5,93.0],[106.1,94.5],[104.3,91.9],[102.0,93.9],[102.8,93.6],[103.8,92.6],[102.9,94.0],[102.1,92.7],[100.6,96.0],[101.7,97.9],[101.8,105.0],[103.3,104.1],[104.0,105.1],[103.7,108.1],[108.4,108.4],[109.4,113.8],[112.0,109.1],[112.6,106.3],[115.5,106.7],[115.7,108.8],[114.7,118.8],[115.9,120.4],[116.2,115.9],[118.0,124.7],[123.3,126.5],[127.6,131.6],[130.3,134.0],[135.5,135.7],[138.2,126.4],[139.6,127.4],[145.1,131.0],[146.4,129.9],[147.1,133.7],[149.0,138.4],[150.3,141.0],[151.3,139.3],[153.4,145.3],[152.7,142.9],[152.9,129.2],[152.2,126.0],[151.9,124.8],[150.1,125.9],[148.2,118.9],[145.3,122.9],[142.9,127.7],[142.6,134.4],[144.0,138.5],[145.5,138.7],[147.2,141.8],[150.0,139.2],[153.8,145.6],[155.4,147.6],[157.0,157.9],[158.4,156.2],[162.8,153.9],[162.8,158.6],[164.7,166.3],[168.5,165.8]], 
                             type : 'lc',
                             fillarea : true, //default false
                             fillbottom : true //default false
                            }))
      .appendTo("#line3");
  
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({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],[107.5,93.0],[106.1,94.5],[104.3,91.9],[102.0,93.9],[102.8,93.6],[103.8,92.6],[102.9,94.0],[102.1,92.7],[100.6,96.0],[101.7,97.9],[101.8,105.0],[103.3,104.1],[104.0,105.1],[103.7,108.1],[108.4,108.4],[109.4,113.8],[112.0,109.1],[112.6,106.3],[115.5,106.7],[115.7,108.8],[114.7,118.8],[115.9,120.4],[116.2,115.9],[118.0,124.7],[123.3,126.5],[127.6,131.6],[130.3,134.0],[135.5,135.7],[138.2,126.4],[139.6,127.4],[145.1,131.0],[146.4,129.9],[147.1,133.7],[149.0,138.4],[150.3,141.0],[151.3,139.3],[153.4,145.3],[152.7,142.9],[152.9,129.2],[152.2,126.0],[151.9,124.8],[150.1,125.9],[148.2,118.9],[145.3,122.9],[142.9,127.7],[142.6,134.4],[144.0,138.5],[145.5,138.7],[147.2,141.8],[150.0,139.2],[153.8,145.6],[155.4,147.6],[157.0,157.9],[158.4,156.2],[162.8,153.9],[162.8,158.6],[164.7,166.3],[168.5,165.8]], 
                             type : 'lc',
                             fillarea : true, //default false
                             fillbottom : true, //default false
                             filltop : true //default false
                            }))
      .appendTo("#line4");     
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({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],[107.5,93.0],[106.1,94.5],[104.3,91.9],[102.0,93.9],[102.8,93.6],[103.8,92.6],[102.9,94.0],[102.1,92.7],[100.6,96.0],[101.7,97.9],[101.8,105.0],[103.3,104.1],[104.0,105.1],[103.7,108.1],[108.4,108.4],[109.4,113.8],[112.0,109.1],[112.6,106.3],[115.5,106.7],[115.7,108.8],[114.7,118.8],[115.9,120.4],[116.2,115.9],[118.0,124.7],[123.3,126.5],[127.6,131.6],[130.3,134.0],[135.5,135.7],[138.2,126.4],[139.6,127.4],[145.1,131.0],[146.4,129.9],[147.1,133.7],[149.0,138.4],[150.3,141.0],[151.3,139.3],[153.4,145.3],[152.7,142.9],[152.9,129.2],[152.2,126.0],[151.9,124.8],[150.1,125.9],[148.2,118.9],[145.3,122.9],[142.9,127.7],[142.6,134.4],[144.0,138.5],[145.5,138.7],[147.2,141.8],[150.0,139.2],[153.8,145.6],[155.4,147.6],[157.0,157.9],[158.4,156.2],[162.8,153.9],[162.8,158.6],[164.7,166.3],[168.5,165.8]], 
                             type : 'lc',
                             lines: [[4,2,2],[6,3,3]]   
                            }))
      .appendTo("#line5");     
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({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],[107.5,93.0],[106.1,94.5],[104.3,91.9],[102.0,93.9],[102.8,93.6],[103.8,92.6],[102.9,94.0],[102.1,92.7],[100.6,96.0],[101.7,97.9],[101.8,105.0],[103.3,104.1],[104.0,105.1],[103.7,108.1],[108.4,108.4],[109.4,113.8],[112.0,109.1],[112.6,106.3],[115.5,106.7],[115.7,108.8],[114.7,118.8],[115.9,120.4],[116.2,115.9],[118.0,124.7],[123.3,126.5],[127.6,131.6],[130.3,134.0],[135.5,135.7],[138.2,126.4],[139.6,127.4],[145.1,131.0],[146.4,129.9],[147.1,133.7],[149.0,138.4],[150.3,141.0],[151.3,139.3],[153.4,145.3],[152.7,142.9],[152.9,129.2],[152.2,126.0],[151.9,124.8],[150.1,125.9],[148.2,118.9],[145.3,122.9],[142.9,127.7],[142.6,134.4],[144.0,138.5],[145.5,138.7],[147.2,141.8],[150.0,139.2],[153.8,145.6],[155.4,147.6],[157.0,157.9],[158.4,156.2],[162.8,153.9],[162.8,158.6],[164.7,166.3],[168.5,165.8]],
                             axis_labels : ['01-03','02-03','03-03','04-03','05-03','06-03','07-03','08-03','09-03','10-03','11-03','12-03','01-04','02-04','03-04','04-04','05-04','06-04','07-04','08-04','09-04','10-04','11-04','12-04','01-05','02-05','03-05','04-05','05-05','06-05','07-05','08-05','09-05','10-05','11-05','12-05','01-06','02-06','03-06','04-06','05-06','06-06','07-06','08-06','09-06','10-06','11-06','12-06','01-07','02-07','03-07','04-07','05-07','06-07','07-07','08-07','09-07','10-07','11-07','12-07','01-08','02-08','03-08','04-08'],
                             axis_step : 10, 
                             type : 'lc'   
                            }))
      .appendTo("#line6");
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({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],[107.5,93.0],[106.1,94.5],[104.3,91.9],[102.0,93.9],[102.8,93.6],[103.8,92.6],[102.9,94.0],[102.1,92.7],[100.6,96.0],[101.7,97.9],[101.8,105.0],[103.3,104.1],[104.0,105.1],[103.7,108.1],[108.4,108.4],[109.4,113.8],[112.0,109.1],[112.6,106.3],[115.5,106.7],[115.7,108.8],[114.7,118.8],[115.9,120.4],[116.2,115.9],[118.0,124.7],[123.3,126.5],[127.6,131.6],[130.3,134.0],[135.5,135.7],[138.2,126.4],[139.6,127.4],[145.1,131.0],[146.4,129.9],[147.1,133.7],[149.0,138.4],[150.3,141.0],[151.3,139.3],[153.4,145.3],[152.7,142.9],[152.9,129.2],[152.2,126.0],[151.9,124.8],[150.1,125.9],[148.2,118.9],[145.3,122.9],[142.9,127.7],[142.6,134.4],[144.0,138.5],[145.5,138.7],[147.2,141.8],[150.0,139.2],[153.8,145.6],[155.4,147.6],[157.0,157.9],[158.4,156.2],[162.8,153.9],[162.8,158.6],[164.7,166.3],[168.5,165.8]], 
                             type : 'ls'   
                            }))
      .appendTo("#line7");       
      
      
      //pie
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             type : 'p'}))
      .appendTo("#pie1");
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             type : 'p3',
                             size : '400x200'}))
      .appendTo("#p3d1"); 
      
      
      //gallery
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({
                             data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             //source
                             legend      : ['Data 1','Data 2','Data 3'],
                             axis_labels : ['2001','2002','2003'],
                          
                             //options 
                             size        : '400x250',
                             type        : 'bhs',
                             colors      : ['2c50f2','FFCC00','99CC00'],
                             
                             //bar
                             bar_width   : 50,
                             bar_spacing : 5,
                             
                             //bg
                             bg          : 'FFFFFF',
                             bg_type     : 'gradient',
                             bg_angle    : 90,
                             bg_offset   : '8c8c8c',
                             
                             //grid
                             grid        : true,
                             grid_x      : 5,
                             grid_y      : 5,
                             grid_line   : 5,
                             grid_blank  : 5
                           }))
      .appendTo("#gallery1");
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({
                             data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             
                             //source
                             legend      : ['Data 1','Data 2','Data 3'],
                             axis_labels : ['2001','2002','2003'],
                          
                             //options 
                             size        : '250x400',
                             type        : 'bvs',
                             
                             //bar
                             bar_width   : 50,
                             bar_spacing : 5,
                             
                             //bg
                             chbg          : 'FFFFFF',
                             chbg_type     : 'gradient',
                             chbg_angle    : 90,
                             chbg_offset   : '8c8c8c',
                             
                             //grid
                             grid        : true,
                             grid_x      : 5,
                             grid_y      : 5,
                             grid_line   : 5,
                             grid_blank  : 0
                             
                           }))
      .appendTo("#gallery2");
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({
                             data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             
                             //source
                             legend      : ['Data 1','Data 2','Data 3'],
                             axis_labels : ['2001','2002','2003'],
                          
                             //options 
                             size        : '250x400',
                             type        : 'bhg',
                             
                             //bar
                             bar_width   : 50,
                             bar_spacing : 5,
                             
                             //bg
                             chbg          : '000000',
                             chbg_trasparency: 20
                             
                           }))
      .appendTo("#gallery3");
      
  
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({
                             data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             
                             //source
                             legend      : ['Data 1','Data 2','Data 3'],
                             axis_labels : ['2001','2002','2003'],
                          
                             //options 
                             size        : '400x250',
                             type        : 'bvg',
                             colors      : ['4b9b41','81419b','41599b'],
                             //bar
                             bar_width   : 20,
                             bar_spacing : 5,
                             
                             //style
                             bg          : 'ffffff',
                             bg_type     : 'stripes',
                             bg_angle    : 90,
                             bg_offset   : '999999',
                             bg_width    : 20
                           }))
      .appendTo("#gallery4");
  
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({
                             data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             
                             //source
                             legend      : ['Data 1','Data 2','Data 3'],
                             axis_labels : ['2001','2002','2003'],
                          
                             //options 
                             size        : '400x250',
                             type        : 'bvg',
                             
                             //bar
                             bar_width   : 10,
                             bar_spacing : 10,
                             
                             //style
                             chbg          : 'ffffff',
                             chbg_type     : 'stripes',
                             chbg_angle    : 90,
                             chbg_offset   : '999999',
                             chbg_width    : 20
                           }))
      .appendTo("#gallery5");
      
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({
                             data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             
                             //source
                             legend      : ['Data 1','Data 2','Data 3'],
                             axis_labels : ['2001','2002','2003'],
                          
                             //options 
                             size        : '400x250',
                             type        : 'lc',
                             
                             //style
                             chbg          : 'ffffff',
                             chbg_type     : 'stripes',
                             chbg_angle    : 90,
                             chbg_offset   : '999999',
                             chbg_width    : 20,
                             
                             bg            : 'ffffff',
                             bg_type       : 'gradient',
                             bg_angle      : 45,
                             bg_offset     : '4b9b41',
                             bg_width      : 20
                             
                           }))
      .appendTo("#gallery6");
  
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({
                             data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                                       
                             //source
                             //legend      : ['Data 1','Data 2','Data 3'],
                             axis_labels : ['2001','2002','2003'],
                          
                             //options 
                             size        : '400x250',
                             type        : 'lc',
                             
                             //style
                             fillarea    : true,
                             fillbottom  : true,
                             filltop     : true,
                              
                             //series line 
                             lines       : [[3,3,3],[4,4,4],[5,5,5]],
                             
                             bg            : 'ffffff',
                             bg_type       : 'gradient',
                             bg_angle      : 45,
                             bg_offset     : '81419b',
                             bg_width      : 20
                             
                           }))
      .appendTo("#gallery7");        
  
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({
                             data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             //source
                             legend      : ['Data 1','Data 2','Data 3'],
                             axis_labels : ['2001','2002','2003'],
                          
                             //options 
                             size        : '400x250',
                             type        : 'p',
                             
                             bg            : '999999',
                             bg_type       : 'gradient',
                             bg_angle      : 45,
                             bg_offset     : 'ffffff',
                             bg_width      : 20
                           }))
      .appendTo("#gallery8");    
      
  
      var api = new jGCharts.Api();
      jQuery('<img>')
      .attr('src', api.make({
                             data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
                             //source
                             legend      : ['Data 1','Data 2','Data 3'],
                             axis_labels : ['2001','2002','2003'],
                          
                             //options 
                             size        : '400x200',
                             type        : 'p3',
                             
                             bg            : 'ffffff',
                             bg_type       : 'gradient',
                             bg_angle      : 45,
                             bg_offset     : '999999',
                             bg_width      : 20
                           }))
      .appendTo("#gallery9");  
      
      jQuery(".jgtable").jgtable();   
      
      jQuery.getJSON(
          "../json/example.json",
          //wait json data
          function(json){
              jQuery("#jgjson").jgtable(json);
          }
      );
      
      jQuery.getJSON(
          "../json/delpiero.json",
          //wait json data
          function(json){
              var data_custom = [];
              for(var x= 0;x< jQuery("#jgcustomdata").find("tbody > tr").size();x++){
                  data_custom.push(jQuery.map( jQuery("#jgcustomdata").find("tbody > tr:eq(" + x + ") > td"),
                     function(td,index){
                          if(index % 11 == 1 || index % 11 == 2){
                              if(parseInt(jQuery(td).text()))
                                  return parseInt(jQuery(td).text());
                              else
                                  return 0;
                          } 
                     }
                  ));
                  
              }
              var axis_custom = jQuery.map( jQuery("#jgcustomdata").find("tbody > tr > th.custom"),
                         function(th) { return jQuery(th).text(); }
              );
              var legend_custom = ["presenze", "gol"];
              
              json.axis_labels = axis_custom;
              json.data = data_custom;
              json.legend = legend_custom;
              jQuery("#jgcustomdata").jgtable(json);
              
              var data_custom = [];
              for(var x= 0;x< jQuery("#jgcustomdata").find("tbody > tr").size();x++){
                  data_custom.push(jQuery.map( jQuery("#jgcustomdata").find("tbody > tr:eq(" + x + ") > td"),
                     function(td,index){
                          if(index % 11 == 9 || index % 11 == 10){
                              if(parseInt(jQuery(td).text()))
                                  return parseInt(jQuery(td).text());
                              else
                                  return 0;
                          } 
                     }
                  ));
                  
              }
              json.data = data_custom;
              json.title = 'Gol e presenze totali';
              
              jQuery("#jgcustomdata").jgtable(json);
              
       });
          
                                  
  });


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.