eazychart-react
v0.8.0-alpha.0
Published
React version of the EazyChart Library.
Downloads
562
Readme
EazyChart
Motivation
The purpose of this library is to provide :
- Highly customizable charts.
- Less library dependencies.
- Easy integration charts into React / Vue applications.
- Simple syntax.
- SVG Render with some HTML/CSS.
- Responsive and functional across all devices and modern browsers.
- Animation support.
Installation
EazyChart has not been yet released. It's still in the alpha stage as we are currently working on some details before releasing a major version. You still can install and try out the library but we don't recommend using it in a production environment.
For each framework, you will need to install the appropriate packages.
Use one of the following commands :
// Using npm
npm install --save eazychart-react eazychart-css
// Using yarn
yarn add eazychart-react eazychart-css
Basic Usage
Import the chart from the library first :
import { PieChart } from 'eazychart-react';
import 'eazychart-css'; // You just need to import this once.
Use any chart component with the JSX syntax :
<PieChart
colors={['red', 'blue', 'green']}
valueDomainKey={'value'}
labelDomainKey={'label'}
data={[
{ label: 'Alpha', value: 10 },
{ label: 'Beta', value: 20 },
{ label: 'Gamma', value: 30 },
]}
/>
Documentation
To learn more about EazyChart please visit our documentation website : https://docs.eazychart.com
Contributing
Please refer to the main README file to learn how you could contribute to the project.
License
EazyChart is available under the MIT license.
Copyright (c) 2022 Hexastack.