Chart

Usage

import { Chart } from 'react-google-charts';

<Chart
  chartType={...}
  options={...}
  data={...}
  {...props}
/>

See all usage examples.

Props

Name	Type	Default Value	Required	Description
height	string | number		No
width	string | number		No
graphID	string		No
chartType	GoogleChartWrapperChartType		Yes
diffdata	{ old: any; new: any; }		No
options	Partial<{ [otherOptionKey: string]: any; width: number; height: number; is3D: boolean; title: string; backgroundColor: string; hAxis?: { [otherOptionKey: string]: any; minValue?: any; maxValue?: any; ticks?: GoogleChartTicks; title?: string; viewWindow?: { ...; }; }; vAxis?: { ...; }; legend: any; colors: string[]; }>	{}	No
loader	Element		No
errorElement	Element		No
data	{} | any[]		No
rows	GoogleDataTableRow[]		No
columns	GoogleDataTableColumn[]		No
chartActions	GoogleChartAction[]		No
chartEvents	ReactGoogleChartEvent[]		No
chartVersion	GoogleChartVersion		No
chartPackages	GoogleChartPackages[]		No
chartLanguage	string		No
mapsApiKey	string		No
graph_id	string		No
legendToggle	boolean		No
legend_toggle	boolean		No
onLoad	(google: GoogleViz) => void		No
getChartWrapper	(chartWrapper: GoogleChartWrapper, google: GoogleViz) => void	() => {}	No
getChartEditor	(args: { chartEditor: GoogleChartEditor; chartWrapper: GoogleChartWrapper; google: GoogleViz; }) => void		No
className	string		No
style	CSSProperties		No
formatters	{ column: number | number[]; type: "ArrowFormat" | "BarFormat" | "ColorFormat" | "DateFormat" | "NumberFormat" | "PatternFormat"; options?: {}; }[]		No
spreadSheetUrl	string		No
spreadSheetQueryParameters	{ headers: number; gid?: string | number; sheet?: string; query?: string; access_token?: string; }	{ headers: 1, gid: 1, }	No
rootProps	any	{}	No
controls	GoogleChartControlProp[]		No
render	ReactGoogleChartDashboardRender		No
toolbarItems	GoogleChartToolbarItem[]		No
toolbarID	string		No
chartWrapperParams	any	{}	No