2019-07-31 10:09:35 +08:00
|
|
|
[中文](./README.md)
|
2019-07-05 16:17:15 +08:00
|
|
|
|
|
|
|
<h1 align="center">DataV</h1>
|
|
|
|
|
|
|
|
<p align="center">
|
|
|
|
<a href="https://github.com/jiaming743/datav/blob/master/LICENSE">
|
|
|
|
<img src="https://img.shields.io/github/license/jiaming743/datav.svg" alt="LICENSE" />
|
|
|
|
</a>
|
2019-07-05 16:25:54 +08:00
|
|
|
<a href="https://www.npmjs.com/package/@jiaminghi/data-view">
|
2019-07-05 16:17:15 +08:00
|
|
|
<img src="https://img.shields.io/npm/v/@jiaminghi/data-view.svg" alt="LICENSE" />
|
|
|
|
</a>
|
|
|
|
</p>
|
|
|
|
|
2019-07-31 10:09:35 +08:00
|
|
|
## What is DataV?
|
2019-07-05 16:17:15 +08:00
|
|
|
|
2019-07-31 10:09:35 +08:00
|
|
|
* DataV is a data **visualization** components library based on **Vue**.
|
|
|
|
* Provide cool **SVG** borders and decorations.
|
|
|
|
* Provide common **charts** such as line chart, etc..
|
|
|
|
* flying line chart, carousel table and etc.
|
2019-07-05 16:17:15 +08:00
|
|
|
|
2019-07-31 10:09:35 +08:00
|
|
|
### Install with npm
|
2019-07-05 16:17:15 +08:00
|
|
|
|
|
|
|
```shell
|
|
|
|
$ npm install @jiaminghi/data-view
|
|
|
|
```
|
|
|
|
|
2019-07-31 10:09:35 +08:00
|
|
|
### use
|
2019-07-05 16:17:15 +08:00
|
|
|
|
|
|
|
```js
|
|
|
|
import Vue from 'vue'
|
|
|
|
import DataV from '@jiaminghi/data-view'
|
|
|
|
|
|
|
|
Vue.use(DataV)
|
|
|
|
|
2019-07-31 10:09:35 +08:00
|
|
|
// Introduced on demand
|
2019-07-05 16:17:15 +08:00
|
|
|
import { borderBox1 } from '@jiaminghi/data-view'
|
|
|
|
Vue.use(borderBox1)
|
|
|
|
```
|
|
|
|
|
2019-07-31 10:09:35 +08:00
|
|
|
Detailed documents and examples can be viewed on the [HomePage](http://datav.jiaminghi.com).
|