topical media & game development

talk show tell print

lib-jquery-plugin-charts-plugins-dashboard-jgdash.js / js



  /*
   * 
   * jQuery Google Charts - Dashboard Plugin 0.9
   * 
   * Date:2008-06-08 23:11:03 +0200 (dom, 08 giu 2008) 
   * Rev:162 
   * 
   * @requires
   * jGCharts Base
   * 
   * Metadata
   * Farbtastic
   * Tablelib + Iterators - Greg Weber
   * Sugar Arrays - Dustin Diaz | http://www.dustindiaz.com
   *
   * Copyright (c) 2008 Massimiliano Balestrieri
   * Examples and docs at: http://maxb.net/blog/
   * Licensed GPL licenses:
   * http://www.gnu.org/licenses/gpl.html
   *
   */
  
  jGDashTpl = function(options){
  };
  jGDashGet = function(options){
  }
  
  jQuery.fn.jgdash = function(options){
  
          jQuery('head').append('<link type="text/css" href="'+options.url+'jgdash.css" rel="stylesheet" />');
          jQuery(this).load(options.url+'template.html', function(){
                  jGDash(jQuery(this), options);                        
          });
  
  };
  
  jGDash = function(el, options){
      return el.each(function(){
              
              var dash = el;
              
              if(!options.target) 
                      throw new Error("Target not set");
              if(!options.sources) 
                      throw new Error("Sources not set");
              if(!options.debug) 
              throw new Error("Debug div not set");
          
              
              var selector = options.target;
              var sources = options.sources;
              var debug = options.debug;
              
              //model
              var type = "lc";//
              var chart_h = 450;
              var chart_w = 650;
              
              //model - source
              var source = 0;
              var axis = [];
              var axis_step = 1;
              var legend = [];
              var tables = [];
              
              //model - options
              var title = false;
              var title_size = 10;
              var title_color = "000000";
              var bar_width = 30;
              var bar_spacing = 1;
              var fillarea = true;
          var filltop = false;
          var fillbottom = true;
              
              //model - series colors
              var colors = ["FFFF00","FFCC00","99CC00"];
              
              //model - style
              var bg = false;
              var bg_type = "solid"; 
              var bg_offset = false;
              var bg_angle = 90;
              var bg_width = 20;
              var bg_trasparency = false;
              
              var chbg = false;
              var chbg_type = "solid"; 
              var chbg_offset = false;
              var chbg_angle = 90;
              var chbg_width = 20;
              var chbg_trasparency = false;
              
              //model - grid
              var grid = false;
              var grid_x = 10;
              var grid_y = 10;
              var grid_line = 10;
              var grid_blank = 10;
              
              //model - line style
              var lines = [[1,1,0], [1,1,0], [1,1,0]];
              var line_style_thickness = 1;
              var line_style_line = 1;
              var line_style_blank = 0;
              
  
              var dochart = function(el){
                      jQuery(el).jgcharts({
                  
                  //MANDATORY - source
                  data        : tables[source],
                  
                  //OPTIONAL 
  
                  //source 
                  legend      : legend[source],
                  axis_labels : axis[source],
  
                  //opzioni 
                  size        : chart_w + "x" + chart_h,
                  type        : type,
  
                  axis_step   : axis_step,
  
                  title       : title,
                  title_color : title_color,
                  title_size  : title_size,
                  bar_width   : bar_width,
                  bar_spacing : bar_spacing,
                  fillarea    : fillarea, 
                  fillbottom  : fillbottom,
                  filltop     : filltop, 
                  //series colors
                  colors      : colors,
                  
                  //series line options
                  lines       : lines,
                  
                  //style
                  bg          : bg,
                  bg_type     : bg_type,
                  bg_angle    : bg_angle,
                  bg_offset   : bg_offset,
                  bg_width    : bg_width,
                  bg_trasparency: bg_trasparency,
                  
                  chbg        : chbg,
                  chbg_type   : chbg_type,
                  chbg_angle  : chbg_angle,
                  chbg_offset : chbg_offset,
                  chbg_width  : chbg_width,
                  chbg_trasparency: chbg_trasparency,
                  
                  //grid
                  grid        : grid,
                  grid_x      : grid_x,
                  grid_y      : grid_y,
                  grid_line   : grid_line,
                  grid_blank  : grid_blank
                  
              });
              };
              
                  
              jQuery(selector).bind("init", function(){
                  //console.log(legend[source]);
                  //console.log(tables[source]);
                  
                  jQuery(this).empty();
              dochart(this);
              
              jQuery(debug).empty();
              jQuery(debug).html(
                  "<h1>Metadata</h1><textarea style=\"width:100%;height:250px;\">" + 
                  _replace_var(_metadata) +
                  "</textarea>"+
                  "<h1>jgchart constructor</h1><textarea style=\"width:100%;height:250px;\">" +  
                  _replace_var(_hdoc) +
                  "</textarea>"  
              );
              
              });
              //SERIES 
              jQuery(selector).bind("series", function(){
                      jQuery('#line-select').empty();
                      jQuery('#colors-select').empty();
                      if(tables[source][0])
                      for(var x=0; x < tables[source][0].length; x++){
                          jQuery('#line-select').append('<option value="'+(x + 1)+'">serie '+ (x+1) +'</option>');
                              jQuery('#colors-select').append('<option value="'+(x + 1)+'">serie '+ (x+1) +'</option>');
                      }
                  jQuery('#f-series-color', dash).farbtastic('#series-color');                        
          });
              
          
              //dash
              jQuery(".dash h3",dash)
              .each(function(){
                      jQuery(this).next().hide();
              })
              .click(function(){
                      jQuery(this).next().toggle();        
              });
              //toggle
              jQuery(".myhead p a",dash).click(function(){
                      jQuery(".mypanel").toggle();
                  return false;
              });
              
              //source
              var obj_to_array = function(obj){
                  var _arr = [];
                  var x = 0;
                  for(o in obj){
                      _arr[x] = [];
                      for(z in obj[o])
                          if(typeof obj[o][z] !== "undefined")
                              _arr[x].push(obj[o][z]);
                          //if(obj[o][z])
                             
                      x++;
                  }
                  return _arr;
              };
              sources.forEach(function(val){
                      axis.push( jQuery.map( jQuery("#" + val).find("tbody > tr > th.serie"),
                                             function(th) { return jQuery(th).text(); }
                      ));
                      tables.push( obj_to_array( jQuery.table("#" + val).objs() ) );
                      legend.push( jQuery.map( jQuery("#" + val).find("thead > tr:last > th.serie"),
                                       function(th) { return jQuery(th).text(); }
                      ));
              });
              
              //sources
              jQuery("#chart-sources",this).empty();
              sources.forEach(function(el, index){
                  //console.log(index);
                  var _selected = (el == source) ? ' selected=selected' : '';
                  jQuery("#chart-sources").append('<option value="'+index+'" '+ _selected +'>'+ el +'</option>');
              });
              jQuery("#chart-sources",this).change(function(){
                  source = parseInt(jQuery(this).val());
                  jQuery(selector).trigger("init");
                  jQuery(selector).trigger("series");
              });
              
              //chart type
              jQuery("#chart-type",dash).empty();
              jGCharts.Api.type.forEach(function(el){
                  var _selected = (el == type) ? ' selected=selected' : '';
                  jQuery("#chart-type").append('<option'+ _selected +'>'+ el +'</option>');
              });
              jQuery("#chart-type",dash).change(function(){
                  type = jQuery(this).val(); 
                  jQuery(selector).trigger("init");
              });    
              
              
              
              //size
              jQuery("#chart-h",this).text(chart_h);
              jQuery("#chart-w",this).text(chart_w);
          
              //chart-h
              jQuery("#chart-h-p a",dash)
              .eq(0)
              .click(function(){
                  if(chart_h > 100)
                      chart_h -= 50;
                      
                  jQuery("#chart-h",dash).text(chart_h);     
                  jQuery(selector).trigger("init");
              }).end()
              .eq(1)
              .click(function(){
                  if((chart_h * chart_w) < 300000)
                      chart_h += 50;
                  jQuery("#chart-h",dash).text(chart_h);     
                  jQuery(selector).trigger("init");
              }).end();
              
              //chart-w
              jQuery("#chart-w-p a",dash)
              .eq(0)
              .click(function(){
                  if(chart_w > 100)
                      chart_w -= 50;
                      
                  jQuery("#chart-w",dash).text(chart_w);     
                  jQuery(selector).trigger("init");
              }).end()
              .eq(1)
              .click(function(){
                  if((chart_h * chart_w) < 300000)
                      chart_w += 50;
                  jQuery("#chart-w",dash).text(chart_w);     
                  jQuery(selector).trigger("init");
              }).end();
              
              // TITLE
              jQuery("#chart-title",dash).change(function(){
                      title = jQuery(this).val(); 
                      jQuery(selector).trigger("init");        
              });
              // TITLE STYLE
              jQuery("#title-size",dash).text(title_size);
              jQuery("#p-title-size a",dash)
              .eq(0)
              .click(function(){
                  if(title_size > 8)
                      title_size -= 1;
                  
                  title_color = jQuery("#title-color",dash).val().replace("#","");
                  jQuery("#title-size",dash).text(title_size);     
                  jQuery(selector).trigger("init");
              }).end()
              .eq(1)
              .click(function(){
                  if(title_size < 100)
                      title_size += 1;
                  
                  title_color = jQuery("#title-color",dash).val().replace("#","");
                  jQuery("#title-size",dash).text(title_size);     
                  jQuery(selector).trigger("init");
              }).end();
              jQuery('#f-title-color', dash).farbtastic('#title-color');
              jQuery('form', dash).submit(function(){
              title_color = jQuery('#title-color').val().replace("#","");
              jQuery(selector).trigger("init");  
              return false;
          });   
              
              // OPTIONS
              //axis step
          jQuery("#axis-step",dash).text(axis_step);
          jQuery("#p-axis-step a",dash)
          .eq(0)
          .click(function(){
              if(axis_step > 0)
                  axis_step -= 1;
                  
              jQuery("#axis-step",dash).text(axis_step);     
              jQuery(selector).trigger("init");
          }).end()
          .eq(1)
          .click(function(){
              axis_step += 1;
              
              jQuery("#axis-step",dash).text(axis_step);     
              jQuery(selector).trigger("init");
          }).end();
          
              // BAR OPTIONS
              jQuery("#bar-width",dash).text(bar_width);
              jQuery("#bar-spacing",dash).text(bar_spacing);
              
              //bar width
              jQuery("#p-bar-width a",dash)
              .eq(0)
              .click(function(){
                  if(bar_width > 10)
                      bar_width -= 10;
                  else if(bar_width > 0)
                      bar_width -= 1;
                      
                  jQuery("#bar-width",dash).text(bar_width);     
                  jQuery(selector).trigger("init");
              }).end()
              .eq(1)
              .click(function(){
                  if(bar_width < 10)
                      bar_width += 1;
                  else
                      bar_width += 10;
                  jQuery("#bar-width",dash).text(bar_width);     
                  jQuery(selector).trigger("init");
              }).end();
              
              //bar spacing
              jQuery("#p-bar-spacing a", dash)
              .eq(0)
              .click(function(){
                  if(bar_spacing > 0)
                      bar_spacing -= 1;
                      
                  jQuery("#bar-spacing",dash).text(bar_spacing);     
                  jQuery(selector).trigger("init");
              }).end()
              .eq(1)
              .click(function(){
                  if(bar_width < 100)
                      bar_spacing += 1;
                      
                  jQuery("#bar-spacing",dash).text(bar_spacing);     
                  jQuery(selector).trigger("init");
              }).end();
              
              // LINE OPTIONS
                     //fill area
          if(fillarea)
              jQuery("#fill-area", dash).attr("checked","checked");
          else
              jQuery("#fill-area", dash).attr("checked","");
          
          jQuery("#fill-area", dash).change(function(){
              fillarea = jQuery("#fill-area").attr("checked") ? true : false;
              jQuery(selector).trigger("init");
              return false;  
          });
          
          //fill bottom
          if(fillbottom)
              jQuery("#fill-bottom", dash).attr("checked","checked");
          else
              jQuery("#fill-bottom", dash).attr("checked","");
          
          jQuery("#fill-bottom", dash).change(function(){
              fillbottom = jQuery("#fill-bottom").attr("checked") ? true : false;
              jQuery(selector).trigger("init");
              return false;  
          });
          //fill top
          if(filltop)
              jQuery("#fill-top", dash).attr("checked","checked");
          else
              jQuery("#fill-top", dash).attr("checked","");
          
          jQuery("#fill-top", dash).change(function(){
              filltop = jQuery("#fill-top").attr("checked") ? true : false;
              jQuery(selector).trigger("init");
              return false;  
          });     
              
  

///////////////////////////////////////////////////////////////////////////////

//////////////////////////BACKGROUND
/////////////////////////////////////


///////////////////////////////////////////////////////////////////////////////

//background color jQuery('#f-bg-color', dash).farbtastic('#bg-color'); jQuery('#f-bgo-color', dash).farbtastic('#bgo-color'); jQuery('form', dash).submit(function(){ bg = jQuery('#bg-color', dash).val().replace("#",""); bg_offset = jQuery('#bgo-color', dash).val().replace("#",""); jQuery(selector).trigger("init"); return false; }); //background type jQuery("#bg-type", dash).change(function(){ bg_type = jQuery(this).val(); jQuery("#target").trigger("init"); }); //background angle jQuery("#bg-angle", dash).text(bg_angle); jQuery("#p-bg-angle a", dash) .eq(0) .click(function(){ if(bg_angle > 0) bg_angle -= 10; jQuery("#bg-angle", dash).text(bg_angle); jQuery(selector).trigger("init"); return false; }).end() .eq(1) .click(function(){ if(bg_angle < 90) bg_angle += 10; jQuery("#bg-angle", dash).text(bg_angle); jQuery(selector).trigger("init"); return false; }).end(); //background width jQuery("#bg-width", dash).text(bg_width); jQuery("#p-bg-width a", dash) .eq(0) .click(function(){ if(bg_width > 0) bg_width -= 10; jQuery("#bg-width", dash).text(bg_width); jQuery(selector).trigger("init"); return false; }).end() .eq(1) .click(function(){ if(bg_width < 100) bg_width += 10; jQuery("#bg-width", dash).text(bg_width); jQuery(selector).trigger("init"); return false; }).end(); //trasparency var bt = (!bg_trasparency) ? 0 : parseInt(bg_trasparency); jQuery("#bg-trasparency").text(bt); //background trasparency flag jQuery("#bg-trasparency-active", dash).change(function(){ if(jQuery(this).attr("checked")){ bg_trasparency = bt = 99; jQuery("#bg-trasparency", dash).text(bt); }else{ bg_trasparency = false; bt = 0; jQuery("#bg-trasparency", dash).text(bt); } jQuery(selector).trigger("init"); return false; }); //background trasparency jQuery("#p-bg-trasparency a", dash) .eq(0) .click(function(){ if(bg_trasparency > 0) bg_trasparency -= 10; jQuery("#bg-trasparency", dash).text(bg_trasparency); jQuery(selector).trigger("init"); return false; }).end() .eq(1) .click(function(){ if(bg_trasparency < 100) bg_trasparency += 10; jQuery("#bg-trasparency", dash).text(bg_trasparency); jQuery(selector).trigger("init"); return false; }).end();

///////////////////////////////////////////////////////////////////////////////

//////////////////////////CH BACKGROUND
//////////////////////////////////


///////////////////////////////////////////////////////////////////////////////

//background color jQuery('#f-chbg-color', dash).farbtastic('#chbg-color'); jQuery('#f-chbgo-color', dash).farbtastic('#chbgo-color'); jQuery('form', dash).submit(function(){ chbg = jQuery('#chbg-color').val().replace("#",""); chbg_offset = jQuery('#chbgo-color').val().replace("#",""); jQuery(selector).trigger("init"); return false; }); //background type jQuery("#chbg-type", dash).change(function(){ chbg_type = jQuery(this).val(); jQuery("#target").trigger("init"); }); //background angle jQuery("#chbg-angle", dash).text(chbg_angle); jQuery("#p-chbg-angle a", dash) .eq(0) .click(function(){ if(chbg_angle > 0) chbg_angle -= 10; jQuery("#chbg-angle", dash).text(chbg_angle); jQuery(selector).trigger("init"); return false; }).end() .eq(1) .click(function(){ if(chbg_angle < 90) chbg_angle += 10; jQuery("#bg-angle", dash).text(chbg_angle); jQuery(selector).trigger("init"); return false; }).end(); //background width jQuery("#chbg-width", dash).text(chbg_width); jQuery("#p-chbg-width a", dash) .eq(0) .click(function(){ if(chbg_width > 0) chbg_width -= 10; jQuery("#chbg-width", dash).text(chbg_width); jQuery(selector).trigger("init"); return false; }).end() .eq(1) .click(function(){ if(chbg_width < 100) chbg_width += 10; jQuery("#chbg-width", dash).text(chbg_width); jQuery(selector).trigger("init"); return false; }).end(); //trasparency var chbt = (!chbg_trasparency) ? 0 : parseInt(chbg_trasparency); jQuery("#chbg-trasparency").text(chbt); //background trasparency flag jQuery("#chbg-trasparency-active", dash).change(function(){ if(jQuery(this).attr("checked")){ chbg_trasparency = chbt = 99; jQuery("#chbg-trasparency", dash).text(chbt); }else{ bg_trasparency = false; chbt = 0; jQuery("#chbg-trasparency", dash).text(chbt); } jQuery(selector).trigger("init"); return false; }); //background trasparency jQuery("#p-chbg-trasparency a", dash) .eq(0) .click(function(){ if(chbg_trasparency > 0) chbg_trasparency -= 10; jQuery("#chbg-trasparency", dash).text(chbg_trasparency); jQuery(selector).trigger("init"); return false; }).end() .eq(1) .click(function(){ if(chbg_trasparency < 100) chbg_trasparency += 10; jQuery("#chbg-trasparency", dash).text(chbg_trasparency); jQuery(selector).trigger("init"); return false; }).end();

//////////////////////////////////////////////////////////////

//COLOR - SERIES jQuery('form', dash).submit(function(){ colors[(parseInt(jQuery('#colors-select').val()) -1 )] = jQuery('#series-color').val().replace("#",""); //console.log(colors); jQuery(selector).trigger("init"); return false; });

//////////////////////////////////////////////////////////////

//GRID jQuery("#grid-x-step").text(grid_x); jQuery("#grid-y-step").text(grid_y); jQuery("#grid-line").text(grid_line); jQuery("#grid-blank").text(grid_blank); //GRID - active jQuery("#grid-active", dash).change(function(){ grid = jQuery(this).attr("checked"); jQuery(selector).trigger("init"); return false; }); //GRID - X jQuery("#p-grid-x-step a", dash) .eq(0) .click(function(){ if(grid_x > 0) grid_x -= 1; jQuery("#grid-x-step", dash).text(grid_x); jQuery(selector).trigger("init"); return false; }).end() .eq(1) .click(function(){ if(grid_x < 100) grid_x += 1; jQuery("#grid-x-step", dash).text(grid_x); jQuery(selector).trigger("init"); return false; }).end(); //GRID - Y jQuery("#p-grid-y-step a", dash) .eq(0) .click(function(){ if(grid_y > 0) grid_y -= 1; jQuery("#grid-y-step", dash).text(grid_y); jQuery(selector).trigger("init"); return false; }).end() .eq(1) .click(function(){ if(grid_y < 100) grid_y += 1; jQuery("#grid-y-step", dash).text(grid_y); jQuery(selector).trigger("init"); return false; }).end(); //GRID - line segment jQuery("#p-grid-line a", dash) .eq(0) .click(function(){ if(grid_line > 0) grid_line -= 10; jQuery("#grid-line", dash).text(grid_line); jQuery(selector).trigger("init"); return false; }).end() .eq(1) .click(function(){ if(grid_line < 100) grid_line += 10; jQuery("#grid-line", dash).text(grid_line); jQuery(selector).trigger("init"); return false; }).end(); //GRID - blank segment jQuery("#p-grid-blank a", dash) .eq(0) .click(function(){ if(grid_blank > 0) grid_blank -= 10; jQuery("#grid-blank", dash).text(grid_blank); jQuery(selector).trigger("init"); return false; }).end() .eq(1) .click(function(){ if(grid_blank < 100) grid_blank += 10; jQuery("#grid-blank", dash).text(grid_blank); jQuery(selector).trigger("init"); return false; }).end();

///////////////////////////////////////////

//line style jQuery("#line-style-thickness").text(line_style_thickness); jQuery("#line-style-line").text(line_style_line); jQuery("#line-style-blank").text(line_style_blank); var update_lines = function(){ lines[(parseInt(jQuery("#line-select").val()) - 1)] = [line_style_thickness, line_style_line, line_style_blank]; }; //line-style-thickness jQuery("#p-line-style-thickness a", dash) .eq(0) .click(function(){ if(line_style_thickness > 0) line_style_thickness -= 1; jQuery("#line-style-thickness", dash).text(line_style_thickness); update_lines(); jQuery(selector).trigger("init"); return false; }).end() .eq(1) .click(function(){ if(line_style_thickness < 100) line_style_thickness += 1; jQuery("#line-style-thickness", dash).text(line_style_thickness); update_lines(); jQuery(selector).trigger("init"); return false; }).end(); jQuery("#p-line-style-line a", dash) .eq(0) .click(function(){ if(line_style_line > 0) line_style_line -= 1; jQuery("#line-style-line", dash).text(line_style_line); update_lines(); jQuery(selector).trigger("init"); return false; }).end() .eq(1) .click(function(){ if(line_style_line < 100) line_style_line += 1; jQuery("#line-style-line", dash).text(line_style_line); update_lines(); jQuery(selector).trigger("init"); return false; }).end(); jQuery("#p-line-style-blank a", dash) .eq(0) .click(function(){ if(line_style_blank > 0) line_style_blank -= 1; jQuery("#line-style-blank", dash).text(line_style_blank); update_lines(); jQuery(selector).trigger("init"); return false; }).end() .eq(1) .click(function(){ if(line_style_blank < 100) line_style_blank += 1; jQuery("#line-style-blank", dash).text(line_style_blank); update_lines(); jQuery(selector).trigger("init"); return false; }).end(); //init app jQuery(selector).trigger("init"); jQuery(selector).trigger("series");

///////////////DEBUG
///////////////


function _to_string(str){ if(str.constructor == Boolean) return str; else return "'" + str + "'"; } function _arr_to_string(arr, inner){ var _ret = ''; //console.log(arr); for(el in arr) if(arr[el].constructor == Array) _ret += _arr_to_string(arr[el], true); else{ if(arr[el].constructor == String) _ret += "'" + arr[el] + "',"; else _ret += arr[el] + ','; } _ret = _ret.substr(0, _ret.lastIndexOf(",")); _ret = "[" + _ret + "]"; if(inner) _ret += ","; //console.log(_ret); return _ret; } function _replace_var(str){ str = str.replace("this" , _to_string(selector)); str = str.replace("[size]" , _to_string(chart_w + "x" + chart_h)); str = str.replace("[type]" , _to_string(type)); str = str.replace("[legend]" , _arr_to_string(legend[source])); str = str.replace("[tables]" , _arr_to_string(tables[source])); str = str.replace("[axis]" , _arr_to_string(axis[source])); str = str.replace("[axis_step]" , axis_step); str = str.replace("[title]" , _to_string(title)); str = str.replace("[title_color]" , _to_string(title_color)); str = str.replace("[title_size]" , title_size); str = str.replace("[bar_width]" , bar_width); str = str.replace("[bar_spacing]" , bar_spacing); str = str.replace("[fillarea]" , fillarea); str = str.replace("[fillbottom]" , fillbottom); str = str.replace("[filltop]" , filltop); str = str.replace("[colors]" , _arr_to_string(colors)); str = str.replace("[lines]" , _arr_to_string(lines)); str = str.replace("[bg]" , _to_string(bg)); str = str.replace("[bg_type]" , _to_string(bg_type)); str = str.replace("[bg_angle]" , bg_angle); str = str.replace("[bg_offset]" , _to_string(bg_offset)); str = str.replace("[bg_width]" , bg_width); str = str.replace("[bg_trasparency]" , bg_trasparency); str = str.replace("[chbg]" , _to_string(chbg)); str = str.replace("[chbg_type]" , _to_string(chbg_type)); str = str.replace("[chbg_angle]" , chbg_angle); str = str.replace("[chbg_offset]" , _to_string(chbg_offset)); str = str.replace("[chbg_width]" , chbg_width); str = str.replace("[chbg_trasparency]" , chbg_trasparency); str = str.replace("[grid]" , grid); str = str.replace("[grid_x]" , grid_x); str = str.replace("[grid_y]" , grid_y); str = str.replace("[grid_line]" , grid_line); str = str.replace("[grid_blank]" , grid_blank); try{ //jQuery(selector).empty(); //eval(str); }catch(e){ console.log(e); }; return str; } }); }; var _metadata="{\ size:[size],\ type:[type],\ axis_step:[axis_step],\ title:[title],\ title_color:[title_color],\ title_size:[title_size],\ bar_width:[bar_width],\ bar_spacing:[bar_spacing],\ fillarea:[fillarea],\ fillbottom:[fillbottom],\ filltop:[filltop],\ colors:[colors],\ lines:[lines],\ bg:[bg],\ bg_type:[bg_type],\ bg_angle:[bg_angle],\ bg_offset:[bg_offset],\ bg_width:[bg_width],\ bg_trasparency:[bg_trasparency],\ chbg:[chbg],\ chbg_type:[chbg_type],\ chbg_angle:[chbg_angle],\ chbg_offset:[chbg_offset],\ chbg_width:[chbg_width],\ chbg_trasparency:[chbg_trasparency],\ grid:[grid],\ grid_x:[grid_x],\ grid_y:[grid_y],\ grid_line:[grid_line],\ grid_blank:[grid_blank]\ }"; var _hdoc = "jQuery(this).jgcharts({\n\ \n\ //MANDATORY - source\n\ data : [tables],\n\ \n\ //OPTIONAL\n\ \n\ //source\n\ legend : [legend],\n\ axis_labels : [axis],\n\ \n\ //opzioni \n\ size : [size],\n\ type : [type],\n\ \n\ axis_step : [axis_step],\n\ \n\ title : [title],\n\ title_color : [title_color],\n\ title_size : [title_size],\n\ bar_width : [bar_width],\n\ bar_spacing : [bar_spacing],\n\ fillarea : [fillarea],\n\ fillbottom : [fillbottom],\n\ filltop : [filltop],\n\ //series colors\n\ colors : [colors],\n\ \n\ //series line \n\ lines : [lines],\n\ \n\ //style\n\ bg : [bg],\n\ bg_type : [bg_type],\n\ bg_angle : [bg_angle],\n\ bg_offset : [bg_offset],\n\ bg_width : [bg_width],\n\ bg_trasparency: [bg_trasparency],\n\ \n\ chbg : [chbg],\n\ chbg_type : [chbg_type],\n\ chbg_angle : [chbg_angle],\n\ chbg_offset : [chbg_offset],\n\ chbg_width : [chbg_width],\n\ chbg_trasparency: [chbg_trasparency],\n\ \n\ //grid\n\ grid : [grid],\n\ grid_x : [grid_x],\n\ grid_y : [grid_y],\n\ grid_line : [grid_line],\n\ grid_blank : [grid_blank]\n\ \n\ });";

[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(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.