/charts

:bar_chart: A set of charts based on rsuite and ECharts

Primary LanguageTypeScriptMIT LicenseMIT

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 echarts
npm i --save echarts #可选择安装需要的 echarts 版本

Usage

import LineChart from "@rsuite/charts/lib/charts/LineChart";

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