Difference between revisions of "Google Charts API"

From Earlham CS Department
Jump to navigation Jump to search
(Introduction)
(Charts)
Line 12: Line 12:
 
** chart.setOptions(json) which is equivalent to setting options at creation
 
** chart.setOptions(json) which is equivalent to setting options at creation
 
** chart.setOption('key', value) where key is the option being changed
 
** chart.setOption('key', value) where key is the option being changed
 +
** Example: <code>chart.setOption('is3D', true);</code>
 +
 
==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.

Revision as of 03:26, 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
    • Example: chart.setOption('is3D', true);

Views

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

Controls

Resources

Google

[Library Documentation]

[Code Playground]

  • The column chart, combo chart,

External

Snippets