ランキングに戻る
Docs • Quickstart • Examples • Contributing • Stack Overflow • Discord
A thin, typed, React wrapper over Google Charts Visualization and Charts API.
reactgoogle-chartschartsreact-google-chartsarea-chartbar-chartbubble-chartcalendar-chartcandlestick-chartcolumn-chartganttgantt-chart
主要指標
スター成長
スター
1.7k
フォーク
342
週間成長
—
Issue
89
5001k1.5k
2015年6月2017年4月2019年2月2020年12月2022年11月2024年9月2026年7月
成果物npm
npm install react-google-chartsREADME
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.
Docs • Quickstart • Examples • Contributing • Stack Overflow • Discord
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
関連リポジトリ