auto chart component for online editing, include a auto chart or combination chart to your react app

🏠 Homepage

✨ Demo

Prerequisites

• node >=8.0.0

Install

* npm install --save @openapplus/react-auto-chart

Usage

• open http://www.openapplus.com/admin/#/online/graphreport
• register and login
• create connect to your datasource (mysql, es, redis, mongo)
• create chart or templet according the add form
• get the link by viewing the chart item. copy the last path component as a code
• write the code

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { GraphreportAutoChart } from '@openapplus/react-auto-chart';

export default class OnlGraphreportAutoChart extends Component  {
	render() {
		const {
			match: {
				params: { code },
			}
		} = this.props;
		return (<GraphreportAutoChart code={code} ></GraphreportAutoChart>);
	}

}

• need the complete demo, just click the link https://github.com/linwaiwai/autochart, and read the license note

Run tests

yarn run test

License

/*

• GPLv3 License
• A library named React Auto Chart to draw chart according json configuration
• Copyright (C) 2020 linwaiwai([email protected])
• This program is free software: you can redistribute it and/or modify
• it under the terms of the GNU General Public License as published by
• the Free Software Foundation, either version 3 of the License, or
• (at your option) any later version.
• This program is distributed in the hope that it will be useful,
• but WITHOUT ANY WARRANTY; without even the implied warranty of
• MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
• GNU General Public License for more details.
• You should have received a copy of the GNU General Public License
• along with this program. If not, see https://www.gnu.org/licenses/.
• Note:
• This library is using opensource license GPLv3.
• If your want to have it for commerce use, please contract author to be granted.
• All the income will be donated to support the work of doctor at Wuhan Province in China until the epidemic of Wuhan ends.
• Commerce authorization package will include frontend and backend solution, in which The frontend solution includes auto chart component and a micro frontend service which contains admin tools for json configuration, the backend is a SDK tool based on the SpringBoot.
• All this will cost you only 500 yuan/year for public welfare. What a good deal.
• How to use: https://www.jianshu.com/p/81e094dc7e88
• Demo Link: http://www.openapplus.com/admin/#/online/graphreport
• Test acount: autochart , passsword autochart

*/

Author

👤 linwaiwai

• Website: http://www.openapplus.com
• Twitter: @linwaiwai
• Github: @linwaiwai

🤝 Contributing

Contributions, issues and feature requests are welcome!Feel free to check issues page.

Show your support

Give a ⭐️ if this project helped you!

This README was generated with ❤️ by readme-md-generator