docs Home table Table gui Gui *ALPHA
docs Docs docs Code Download Download

jQuery Google Charts 1.0

Copyright (c) 2008 Massimiliano Balestrieri
Examples and docs at: http://maxb.net/blog/
Licensed GPL licenses:
http://www.gnu.org/licenses/gpl.html

Basic usage:

Html:

Basic scripts (use packed version in production):

Basic Bar

Schema

Options

Chart Dimension

Direction

Legend and axis labels

Dimensions and spacing

Colors

Background - solid

Background - gradient

Background - stripes

Chart Area Background (like bg)

Title

Grid

Horizontal Dataset Stacked

Vertical Dataset Stacked

Js

Other options

See bar options for legend, axis, grid, background, colors etc....

Schema

Fillarea

FillBottom

FillTop

Line options

Axis step

Sparklines

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)

Pie

Pie

Horizontal Stacked Bar

Vertical Stacked Bar

Horizontal Bar

Vertical Bar

Vertical Bar

Line chart

Line chart

Pie

Pie 3d

Credits

Google Chart Api - http://code.google.com/apis/chart/

Libraries

jquery v1.3.1 of John Resig jquery.com

Demo Libraries (YCodaSlider 2.0)

jquery history_remote v1.0.3 of Klaus Hartl stilbuero.de
jquery easing v1.3 of George McGinley Smith
jquery.chili-1.9.js of Andrea Ercolino
Icons Nuvola
Yahoo Css Reset version: 2.5.1 GreyBox Css

jQuery Google Charts Table 1.0

Copyright (c) 2008 Massimiliano Balestrieri
Examples and docs at: http://maxb.net/blog/
Licensed GPL licenses:
http://www.gnu.org/licenses/gpl.html

Basic usage:

Html (see class="serie"):

Basic scripts (use packed version in production):

Anno Data 1 Data 2 Data 3
2001 153 60 52
2002 113 70 60
2003 120 80 40

Example 1

Anno Data 1 Data 2 Data 3
2001 153 60 52
2002 113 70 60
2003 120 80 40

Example 2

Anno Data 1 Data 2 Data 3
2001 153 60 52
2002 113 70 60
2003 120 80 40

Example 3

Anno Data 4 Data 5
2001 40 30
2000 30 40

Example 4

Anno Data 4 Data 5
2001 40 30
2000 30 40

Example 5

Anno Data 1 Data 2 Data 3
2001 153 60 52
2002 113 70 60
2003 120 80 40

Example 7

Anno Data 1 Data 2 Data 3
2001 153 60 52
2002 113 70 60
2003 120 80 40

Example 8

Anno Data 1 Data 2 Data 3
2001 153 60 52
2002 113 70 60
2003 120 80 40

JS

Options in external json file (../json/example.json)

Html Table

Anno Data 1 Data 2 Data 3
2001 153 60 52
2002 113 70 60
2003 120 80 40

Alessandro Del Piero

Cronologia Campionato Coppe di Lega* Coppe Europee** Coppe Internazionali*** Totale
Stagione - Squadra Serie Presenze Gol Presenze Gol Presenze Gol Presenze Gol Presenze Gol
Totale 417 176 51 22 105 43 1 1 574 242
1991-92 - Padova B 4 - - - - - - - 4 -
1992-93 - Juventus B 10 1 - - - - - - 10 1
1993-94 - Juventus A 11 5 1 - 2 - - - 14 5
1994-95 - Juventus A 29 8 10 1 11 1 - - 50 10
1995-96 - Juventus A 29 6 3 1 11 6 - - 43 13
1996-97 - Juventus A 22 8 4 - 8 6 1 1 35 15
1997-98 - Juventus A 32 21 5 1 10 10 - - 47 32
1998-99 - Juventus A 8 2 2 1 4 - - - 14 3
1999-00 - Juventus A 34 9 2 1 9 2 - - 45 12
2000-01 - Juventus A 25 9 2 - 6 - - - 33 9
2001-02 - Juventus A 32 16 4 1 10 4 - - 46 21
2002-03 - Juventus A 24 16 1 2 13 5 - - 38 23
2003-04 - Juventus A 22 8 5 3 4 3 - - 31 14
2004-05 - Juventus A 30 14 1 - 10 3 - - 41 17
2005-06 - Juventus A 33 12 5 5 7 3 - - 45 20
2006-07 - Juventus B 35 20 2 3 - - - - 37 23
2007-08 - Juventus A 37 21 4 3 - - - - 41 24

JS

Options in json file

Html Table

jGCharts 1.0 jGTable 1.0