Charts for React Suite

📊 A set of charts based on rsuite and ECharts

v4.x

This master branch is for latest v4.x version which is under development. For stable v3 versions, check the v3 branch.

Install

npm i --save @rsuite/charts@next
npm i --save echarts

Usage

import { LineChart } from "@rsuite/charts";

const data = [["00:00", random()], ["01:00", random()]];
const App = () => <LineChart name="Page View" data={data} />;

ReactDOM.render(<App />, mountNode);

Documents

https://charts.rsuitejs.com/

Known issues

Usage with `react-hot-loader` is broken

Inside @rsuite/charts, components' type reference is used for checking whether a component is a Bars instance, etc. However, react-hot-loader wraps components up in purpose of hot reloading, thus importing react-hot-loader breaks stacked bars and some other features.

License

MIT licensed

ekkoiot/charts