• címkék:
  • chart
  • diagram
  • függvény
  • ábra
  • táblázat
  • szemléltet

gvChart

Mivel táblázatot készíteni (a plugin által megkövetelt formában) nem túl bonyolult dolog, így a HTML kódra külön nem térek ki és a deklarációt is csak az első példa kapcsán mutatom be - eltérés mivel eltérés csak a diagram típusában (chartType paraméter) van.

Az utolsó típusnál (a kördiagramnál) a plugin csak egyetlen adatsort vár. Ha a táblázat többet is tartalmaz, akkor a plugin csak az első adatsort dolgozza fel, a többit figyelmen kívül hagyja.

Deklaráció

        gvChartInit();
        
        $(document).ready(function() {
          jQuery('#tabla-1').gvChart({
            chartType: 'AreaChart',
            gvSettings: {
              vAxis: {title: 'Adatok'},
              hAxis: {title: 'Hónapok'},
              width: 800,
              height: 300,
            }
          });
        });
      

AreaChart

Diagram címe
Jan Febr Márc Ápr Máj Jún Júl Aug Szept Okt Nov Dec
2010 125 185 327 359 376 398 0 0 0 0 0 0
2009 1167 1110 691 165 135 157 139 136 938 1120 55 55

LineChart

Diagram címe
Jan Febr Márc Ápr Máj Jún Júl Aug Szept Okt Nov Dec
2010 125 185 327 359 376 398 0 0 0 0 0 0
2009 1167 1110 691 165 135 157 139 136 938 1120 55 55

BarChart

Diagram címe
Jan Febr Márc Ápr Máj Jún Júl Aug Szept Okt Nov Dec
2010 125 185 327 359 376 398 0 0 0 0 0 0
2009 1167 1110 691 165 135 157 139 136 938 1120 55 55

ColumnChart

Diagram címe
Jan Febr Márc Ápr Máj Jún Júl Aug Szept Okt Nov Dec
2010 125 185 327 359 376 398 0 0 0 0 0 0
2009 1167 1110 691 165 135 157 139 136 938 1120 55 55

PieChart

Diagram címe
Jan Febr Márc Ápr Máj Jún Júl Aug Szept Okt Nov Dec
2010 125 185 327 359 376 398 0 0 0 0 0 0
2009 1167 1110 691 165 135 157 139 136 938 1120 55 55

« bezár