ComboChart

Builds a new ComboChart with the given label, datatable and options.

Get the value of a set option via magic method.

Gets the Options object for the JsonConfig

Shortcut method to set the value of an option and return $this.

In order to maintain backwards compatibility, ConfigObjects will be unwrapped.

Parses the config array by passing the values through each method to check validity against if the option exists.

Custom serialization of the JsonConfig object.

Returns the chart type.

Checks if any events have been assigned to the chart.

Retrieves the events if any have been assigned to the chart.

Returns the chart label.

Register javascript callbacks for specific events.

Set with an associative array where the keys are events and the values are the javascript callback functions.

Valid events are: [ animationfinish | error | onmouseover | onmouseout | ready | select | statechange ]

Assigns a datatable to use for the Chart.

Sets any configuration option, with no checks for type / validity

This is method was added in 2.5 as a bandaid to remove the handcuffs from users who want to add options that Google has added, that I have not. I didn't intend to restrict the user to only select options, as the goal was to type check and validate. This method can be used to set any option, just pass in arrays with key value pairs for any setting.

If the setting is an object, per the google docs, then use multi-dimensional arrays and they will be converted upon rendering.

Returns the DataTable

Returns a JSON string representation of the datatable.

Outputs the chart javascript into the page.

Pass in a string of the html elementID that you want the chart to be rendered into.

Set the animation options for a chart.

The background color for the main area of the chart.

Can be a simple HTML color string, or hex code, for example: 'red' or '#00cc00'

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends).

Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage.

The colors to use for the chart elements.

An array of strings, where each element is an HTML color string for example:['red','#004411']

The default font size, in pixels, of all text in the chart.

You can override this using properties for specific chart elements.

The default font face for all text in the chart.

You can override this using properties for specific chart elements.

Height of the chart, in pixels.

An object with members to configure various aspects of the legend.

To specify properties of this object, pass in an array of valid options.

Text to display above the chart.

Where to place the chart title, compared to the chart area.

Supported values: 'in' - Draw the title inside the chart area. 'out' - Draw the title outside the chart area. 'none' - Omit the title.

An array of options for defining the title text style.

An object with members to configure various tooltip elements.

Width of the chart, in pixels.

Defines how chart annotations will be displayed.

The default opacity of the colored area under a chart series

0.0 is fully transparent and 1.0 is fully opaque. To specify opacity for an individual series, set the areaOpacity value in the series property.

Where to place the axis titles, compared to the chart area.

Supported values: in - Draw the axis titles inside the the chart area. out - Draw the axis titles outside the chart area. none - Omit the axis titles.

The width of a group of bars, specified in either of these formats: - Pixels (e.g. 50).

• Percentage of the available width for each group (e.g. '20%'), where '100%' means that groups have no space between them.

An array containing the crosshair properties for the chart.

Controls the curve of the lines when the line width is not zero.

Can be one of the following: 'none' - Straight lines without curve. 'function' - The angles of the line will be smoothed.

The transparency of data points

1.0 being completely opaque and 0.0 fully transparent.

Whether the chart throws user-based events or reacts to user interaction.

If false, the chart will not throw 'select' or other interaction-based events (but will throw ready or error events), and will not display hovertext or otherwise change depending on user input.

The type of the entity that receives focus on mouse hover.

Also affects which entity is selected by mouse click, and which data table element is associated with events. Can be one of the following: 'datum' - Focus on a single data point. Correlates to a cell in the data table. 'category' - Focus on a grouping of all data points along the major axis. Correlates to a row in the data table.

In focusTarget 'category' the tooltip displays all the category values. This may be useful for comparing values of different series.

Draws the chart inside an inline frame.

Note that on IE8, this option is ignored; all IE8 charts are drawn in i-frames.

An object with members to configure various horizontal axis elements.

To specify properties of this property, create a new HorizontalAxis object, set the values then pass it to this function or to the constructor.

Whether to guess the value of missing points.

If true, it will guess the value of any missing data based on neighboring points. If false, it will leave a break in the line at the unknown point.

If set to true, stacks the elements for all series at each domain value.

Note: In Column, Area, and SteppedArea charts, Google Charts reverses the order of legend items to better correspond with the stacking of the series elements (E.g. series 0 will be the bottom-most legend item). This does not apply to Bar Charts.

The isStacked option also supports 100% stacking, where the stacks of elements at each domain value are rescaled to add up to 100%.

The options for isStacked are:

false — elements will not stack. This is the default option. true — stacks elements for all series at each domain value. 'percent' — stacks elements for all series at each domain value and rescales them such that they add up to 100%, with each element's value calculated as a percentage of 100%. 'relative' — stacks elements for all series at each domain value and rescales them such that they add up to 1, with each element's value calculated as a fraction of 1. 'absolute' — functions the same as isStacked: true.

For 100% stacking, the calculated value for each element will appear in the tooltip after its actual value.

The target axis will default to tick values based on the relative 0-1 scale as fractions of 1 for 'relative', and 0-100% for 'percent' (Note: when using the 'percent' option, the axis/tick values are displayed as percentages, however the actual values are the relative 0-1 scale values. This is because the percentage axis ticks are the result of applying a format of "#.##%" to the relative 0-1 scale values. When using isStacked: 'percent', be sure to specify any ticks/gridlines using the relative 0-1 scale values). You can customize the gridlines/tick values and formatting using the appropriate hAxis/vAxis options.

100% stacking only supports data values of type number, and must have a baseline of zero.

Data line width in pixels.

Use zero to hide all lines and show only the points. You can override values for individual series using the series property.

Sets the orientation of the chart.

When set to 'vertical', rotates the axes of the chart so that (for instance) a column chart becomes a bar chart, and an area chart grows rightward instead of up

The shape of individual data elements.

'circle', 'triangle', 'square', 'diamond', 'star', or 'polygon'.

Diameter of displayed points in pixels.

Use zero to hide all points. You can override values for individual series using the series property.

If set to true, will draw series from bottom to top.

The default is to draw top-to-bottom.

When selectionMode is 'multiple', users may select multiple data points.

An array of objects, each describing the format of the corresponding series in the chart.

To use default values for a series, specify an null in the array. If a series or a value is not specified, the global value will be used.

A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect.

Currently only one theme is available: 'maximized' - Maximizes the area of the chart, and draws the legend and all of the labels inside the chart area. Sets the following options:

chartArea: {width: '100%', height: '100%'}, legend: {position: 'in'}, titlePosition: 'in', axisTitlesPosition: 'in', hAxis: {textPosition: 'in'}, vAxis: {textPosition: 'in'}

Specifies properties for individual vertical axes

If the chart has multiple vertical axes. Each child object is a vAxis object, and can contain all the properties supported by vAxis. These property values override any global settings for the same property.

To specify a chart with multiple vertical axes, first define a new axis using series.targetAxisIndex, then configure the axis using vAxes.

An object with members to configure various vertical axis elements.

To specify properties of this property, create a new VerticalAxis object, set the values then pass it to this function or to the constructor.

The default line type for any series not specified in the series property.

Available values are: line, area, bars, candlesticks, and steppedArea