React Google Charts

React Google Charts is a lightweight and fully typed React wrapper for Google Charts.

It's easy to use, supports over 25 chart types, supports animations and is highly customizable when needed.

Quickstart

Install this library with your favorite package manager:

npm i react-google-charts

Then, import and use it:

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

<Chart
  chartType="ScatterChart"
  data={[
    ["Age", "Weight"],
    [4, 5.5],
    [8, 12],
  ]}
  width="100%"
  height="400px"
  legendToggle
/>;

Contributing

Contributions are very welcome. Check out CONTRIBUTING.md

Run the Storybook

git clone https://www.github.com/rakannimer/react-google-charts
cd react-google-charts
npm i
npm run start:storybook

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

5.0.0 (2024-09-28)

4.0.8 (2024-09-28)

4.0.7 (2024-09-27)

4.0.6 (2024-09-27)

Bug Fixes

• mitigates the infinite loading issue while the root cause is being investigated (9957ab7), closes #710 #714 #714

4.0.5 (2024-09-22)

4.0.4 (2024-09-22)

Bug Fixes

• add more types to chart options (55c3d91), closes #362
• add null as cell type (07487d1), closes #388
• docs: Update homepage link. (944afc1)
• fix empty columns check (88e77f2)
• switch to using a dataView to hide columns (2d91574), closes #391
• update backgroundColor type (d560a30), closes #375

4.0.3 (2024-09-22)

Bug Fixes

• add more types to chart options (55c3d91), closes #362
• add null as cell type (07487d1), closes #388
• docs: Update homepage link. (944afc1)
• fix empty columns check (88e77f2)
• switch to using a dataView to hide columns (2d91574), closes #391
• update backgroundColor type (d560a30), closes #375

4.0.2 (2024-09-22)

Bug Fixes

• add null as cell type (07487d1), closes #388
• docs: Update homepage link. (944afc1)
• fix empty columns check (88e77f2)
• switch to using a dataView to hide columns (2d91574), closes #391
• update backgroundColor type (d560a30), closes #375

4.0.1 (2023-07-20)

Bug Fixes

• fix problem loading events in tables when displayed for the first time (#709) (b2ce2c3)

4.0.0 (2022-01-20)

⚠ BREAKING CHANGES

• UMD bundle was dropped. Old browsers, like IE, were dropped.

Features

• native ESM support (#476) (aa0281a)
• new onLoad prop (#451) (855cc4f)

Bug Fixes

• fix types for TypeScript 3.8 (#420) (54fad92)
• package.json: rm invalid type field, fix script name (#413) (6af4c7f)

build

• drop old browsers and umd bundle (#423) (d94088f)