@keepfy/react-charts

Keepfy React Charts

React UI toolkit for the web.

A simple library to create and handling awesome canvas charts.

This package is based on echarts and echarts-for-react wrapper.

Installation

Keepfy React Charts is avaliable as an npm package.

    // with npm 
    npm install --save @keepfy/react-charts 


    //with yarn 
    yarn add @keepfy/react-charts 

Usage

Here is a quick example to get you started, it's all you need:

import VerticalBarChart from '@keepfy/react-charts'

<VerticalBarChart
    color='green'
    xType='time'
    barWidth={ 100 }
    yComplement='%'
    tooltip={{ 
        label: 'Axis x tooltip label', 
        result: 'Axis y tooltip label' 
    }}
    data={[
        { label: 'value 1', result: 50 },
        { label: 'value 2', result: 21 },
        { label: 'value 3', result: 84 },
        { label: 'value 4', result: 79 }, 
    ]} 
/>

Demo

To run the demo:

git clone https://github.com/keepfy/keepfy-react-charts.git

yarn && yarn start

Components

• AreaChart
• HorizontalBarChart
• StackedBarChart
• VerticalBarChart

Next Components

• PieChart
• ClusteredBarChart
• RadarChart

Documentation

Check out our documentation website.

Contributing

Bug reports, feature requests and other contributions are more than welcome!
Whenever possible, please make a pull request with the implementation instead of just requesting it.

If the feature is big, open an issue first for discussion.

The descriptions of the props used on this package are found in: https://echarts.apache.org/en/option.html

License

This project is licensed under the terms of the MIT license.