|
|
|
|
|
[中文](./README.md)
|
|
|
|
|
|
|
|
|
|
|
|
<p align="center">
|
|
|
|
|
|
<img src="./icon.png">
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<h1 align="center">DataV</h1>
|
|
|
|
|
|
<p align="center">
|
|
|
|
|
|
<a href="https://github.com/DataV-Team/datav/blob/master/LICENSE">
|
|
|
|
|
|
<img src="https://img.shields.io/github/license/DataV-Team/datav.svg" alt="LICENSE" />
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a href="https://www.npmjs.com/package/@jiaminghi/data-view">
|
|
|
|
|
|
<img src="https://img.shields.io/npm/v/@jiaminghi/data-view.svg" alt="LICENSE" />
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
## What is DataV?
|
|
|
|
|
|
|
|
|
|
|
|
* DataV is a data **visualization** components library based on **Vue**（Of course there are also [React versions](https://github.com/DataV-Team/DataV-React)）.
|
|
|
|
|
|
* Provide cool **SVG** borders and decorations.
|
|
|
|
|
|
* Provide common **charts** such as line chart, etc..
|
|
|
|
|
|
* flying line chart, carousel table and etc.
|
|
|
|
|
|
|
|
|
|
|
|
### Install with npm
|
|
|
|
|
|
|
|
|
|
|
|
```shell
|
|
|
|
|
|
$ npm install @jiaminghi/data-view
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
### use
|
|
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
|
import Vue from 'vue'
|
|
|
|
|
|
import DataV from '@jiaminghi/data-view'
|
|
|
|
|
|
|
|
|
|
|
|
Vue.use(DataV)
|
|
|
|
|
|
|
|
|
|
|
|
// Introduced on demand
|
|
|
|
|
|
import { borderBox1 } from '@jiaminghi/data-view'
|
|
|
|
|
|
Vue.use(borderBox1)
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
Detailed documents and examples can be viewed on the [HomePage](http://datav.jiaminghi.com).
|
|
|
|
|
|
|
|
|
|
|
|
### UMD version
|
|
|
|
|
|
|
|
|
|
|
|
The `UMD` version can be directly imported using the `script` tag. The `UMD` version file is located in the project `dist` directory. After import, all components will be automatically registered as **Vue global components**. Be sure to introduce `Vue` before introducing `DataV`.
|
|
|
|
|
|
|
|
|
|
|
|
[UMD version usage example](./umdExample.html)
|
|
|
|
|
|
|
|
|
|
|
|
### React version
|
|
|
|
|
|
|
|
|
|
|
|
The reaction version is already under development, so stay tuned
|
|
|
|
|
|
|
|
|
|
|
|
### Questionnaire
|
|
|
|
|
|
|
|
|
|
|
|
React version of the component library and feedback[Questionnaire](https://www.wjx.cn/jq/45326197.aspx)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### TODO
|
|
|
|
|
|
|
|
|
|
|
|
* **Map Component**
|
|
|
|
|
|
* Refactor underlying dependencies using **TS**.
|
|
|
|
|
|
|
|
|
|
|
|
### Acknowledgement
|
|
|
|
|
|
|
|
|
|
|
|
The development of the component library is based on personal learning and interest. Due to technical level and experience limitations, there are still many imperfections in the components. If there are errors, you can submit [issue](https://github.com/DataV-team/DataV/issues/new?template=bug_report.md) in time or add feedback groups for feedback. Welcome to provide corrections and suggestions. Thank you for your support.
|
|
|
|
|
|
|
|
|
|
|
|
### Feedback
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### Demo
|
|
|
|
|
|
|
|
|
|
|
|
The Demo page uses the full-screen component, please view it after F11 full screen.
|
|
|
|
|
|
|
|
|
|
|
|
* [Construction Data](http://datav.jiaminghi.com/demo/construction-data/index.html)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
* [Manage-Desk](http://datav.jiaminghi.com/demo/manage-desk/index.html)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
* [Electronic-File](http://datav.jiaminghi.com/demo/electronic-file/index.html)
|
|
|
|
|
|
|
|
|
|
|
|
|
