Google Charts API: Difference between revisions

From Earlham CS Department
Jump to navigation Jump to search
Ghcrows13 (talk | contribs)
No edit summary
Ghcrows13 (talk | contribs)
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 08: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