Difference between revisions of "Google Charts API"

From Earlham CS Department
Jump to navigation Jump to search
(Introduction)
Line 4: Line 4:
 
=Introduction=
 
=Introduction=
 
Google Charts are relatively easy to get running but have a lot of nuance to them.
 
Google Charts are relatively easy to get running but have a lot of nuance to them.
 
+
==Data==
 +
The [[https://developers.google.com/chart/interactive/docs/reference#DataTable DataTable]] class stores data to be used by charts.
 
* Data can be imported via JSON or via arrays using [[https://developers.google.com/chart/interactive/docs/reference#dataparam this syntax]].
 
* Data can be imported via JSON or via arrays using [[https://developers.google.com/chart/interactive/docs/reference#dataparam this syntax]].
==Data Tables==
 
The [[https://developers.google.com/chart/interactive/docs/reference#DataTable DataTable]] class
 
 
==Charts==
 
==Charts==
 +
* Chart options can be set in multiple ways:
 +
** at creation by the chart's options parameter
 +
** chart.setOptions(json) which is equivalent to setting options at creation
 +
** chart.setOption('key', value) where key is the option being changed
 
==Views==
 
==Views==
 
The [[https://developers.google.com/chart/interactive/docs/reference#DataView DataView]] class changes how a DataTable is represented.
 
The [[https://developers.google.com/chart/interactive/docs/reference#DataView DataView]] class changes how a DataTable is represented.
 +
==Controls==
  
 
=Resources=
 
=Resources=

Revision as of 04:24, 3 February 2014

Under construction during Spring 2014.

Summary

Introduction

Google Charts are relatively easy to get running but have a lot of nuance to them.

Data

The [DataTable] class stores data to be used by charts.

  • Data can be imported via JSON or via arrays using [this syntax].

Charts

  • Chart options can be set in multiple ways:
    • at creation by the chart's options parameter
    • chart.setOptions(json) which is equivalent to setting options at creation
    • chart.setOption('key', value) where key is the option being changed

Views

The [DataView] class changes how a DataTable is represented.

Controls

Resources

Google

[Library Documentation]

[Code Playground]

  • The column chart, combo chart,

External

Snippets