Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zxeryu/echarts-start
a echarts bridge for react,vue
https://github.com/zxeryu/echarts-start
echarts react react-hooks vue
Last synced: 1 day ago
JSON representation
a echarts bridge for react,vue
- Host: GitHub
- URL: https://github.com/zxeryu/echarts-start
- Owner: zxeryu
- Created: 2020-09-05T03:15:37.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2023-08-10T01:05:59.000Z (about 1 year ago)
- Last Synced: 2024-09-23T04:32:08.312Z (5 days ago)
- Topics: echarts, react, react-hooks, vue
- Language: TypeScript
- Homepage:
- Size: 1.02 MB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
基于 echarts 的 react, vue 桥接库.
> 集成各种 options;各种事件;以及 loading,resize 方法;(并不是一个完整的图表解决方案,仅仅桥接写法)
## Usage
### react
```
1、dependence
yarn add @echarts-start/react-bridge
2、use
{
console.log("click events=", e);
}}>
```
[详细说明](https://github.com/zxeryu/echarts-start/tree/master/%40echarts-start/react-bridge)
### vue
```
1、dependence
yarn add @echarts-start/vue-bridge
2、use
```
[详细说明](https://github.com/zxeryu/echarts-start/tree/master/%40echarts-start/vue-bridge)
## Demo (vue and react)
```shell script
$ git clone https://github.com/zxeryu/echarts-start
$ cd echarts-start
$ yarn install
//react demo
$yarn start
//vue demo
$yarn start-v
```## step (开发思路)
```
1.echarts方法和属性转换为react、vue的组件化语法(已完成)
2.支持单图表(已完成)
3.支持多图表(已完成)
4.series抽象,如Line、Interval、Pie等
5.兼容多种图表
```