You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.3 KiB
Markdown
61 lines
1.3 KiB
Markdown
3 months ago
|
[ENGLISH](./README_EN.md)
|
||
|
|
|
||
|
|
<h1 align="center">Charts</h1>
|
||
|
|
|
||
|
|
<p align="center">
|
||
|
|
<a href="https://github.com/DataV-Team/charts/blob/master/LICENSE">
|
||
|
|
<img src="https://img.shields.io/github/license/DataV-Team/charts.svg" alt="LICENSE" />
|
||
|
|
</a>
|
||
|
|
<a href="https://www.npmjs.com/package/@jiaminghi/charts">
|
||
|
|
<img src="https://img.shields.io/npm/v/@jiaminghi/charts.svg" alt="LICENSE" />
|
||
|
|
</a>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
### Charts是干什么的?
|
||
|
|
|
||
|
|
- 它是一个基于**canvas**的`轻量`图表库.
|
||
|
|
|
||
|
|
### 支持
|
||
|
|
|
||
|
|
* `折线图`
|
||
|
|
* `柱状图`
|
||
|
|
* `饼状图`
|
||
|
|
* `雷达图`
|
||
|
|
* `仪表盘`
|
||
|
|
|
||
|
|
### npm安装
|
||
|
|
|
||
|
|
```shell
|
||
|
|
$ npm install @jiaminghi/charts
|
||
|
|
```
|
||
|
|
|
||
|
|
### 使用
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
import Charts from '@jiaminghi/charts'
|
||
|
|
|
||
|
|
const container = document.getElementById('container')
|
||
|
|
|
||
|
|
const myChart = new Charts(container)
|
||
|
|
|
||
|
|
myChart.setOption({
|
||
|
|
title: 'My Chart',
|
||
|
|
// ...otherConfig
|
||
|
|
})
|
||
|
|
```
|
||
|
|
|
||
|
|
详细文档及示例请移步[HomePage](http://charts.jiaminghi.com).
|
||
|
|
|
||
|
|
### 快速体验
|
||
|
|
|
||
|
|
```html
|
||
|
|
<!--资源位于个人服务器仅供体验和测试，请勿在生产环境使用-->
|
||
|
|
<!--调试版-->
|
||
|
|
<script src="http://lib.jiaminghi.com/charts/charts.map.js"></script>
|
||
|
|
<!--压缩版-->
|
||
|
|
<script src="http://lib.jiaminghi.com/charts/charts.min.js"></script>
|
||
|
|
<script>
|
||
|
|
const Charts = window.Charts.default
|
||
|
|
// do something
|
||
|
|
</script>
|
||
|
|
```
|