@openapplus/react-auto-chart NPM

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(jiansihun@foxmail.com)
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
*/