Difference between revisions of "Google Charts API"
Jump to navigation
Jump to search
Google
(→Charts) |
|||
| Line 13: | Line 13: | ||
** Example: | ** Example: | ||
| − | <code> | + | <code>var options = { |
| − | var options = { | ||
width: 400, | width: 400, | ||
height: 240, | height: 240, | ||
| Line 21: | Line 20: | ||
}; | }; | ||
| − | chart.draw(data, options); | + | chart.draw(data, options);</code> |
| − | </code> | ||
* chart.setOption('key', value) where key is the option being changed | * chart.setOption('key', value) where key is the option being changed | ||
Revision as of 03:31, 3 February 2014
Under construction during Spring 2014.
Contents
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 passing JSON as the chart's options parameter
- chart.setOptions(JSON) which is equivalent to setting options at creation
- Example:
var options = {
width: 400,
height: 240,
title: 'Toppings I Like On My Pizza',
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6']
};
chart.draw(data, options);
- chart.setOption('key', value) where key is the option being changed
- Example:
chart.setOption('is3D', true);
- Example:
- chart.getOptions() is the read accessor
Views
The [DataView] class changes how a DataTable is represented.
Controls
Resources
- The column chart, combo chart,
