https://github.com/xiabingwu/chartjs-wechat-mini-app

chartjs微信小程序适配
https://github.com/xiabingwu/chartjs-wechat-mini-app

Last synced: about 2 months ago
JSON representation

chartjs微信小程序适配

• Host: GitHub
• URL: https://github.com/xiabingwu/chartjs-wechat-mini-app
• Owner: xiabingwu
• License: mit
• Created: 2017-01-11T07:49:58.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-01-11T11:50:52.000Z (about 8 years ago)
• Last Synced: 2024-02-13T10:06:37.868Z (11 months ago)
• Language: JavaScript
• Size: 328 KB
• Stars: 207
• Watchers: 9
• Forks: 53
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-github-wechat-app - chartjs-wechat-mini-app - chartjs微信小程序适配 (UI组件)
• awesome-github-wechat-weapp - chartjs-wechat-mini-app - chartjs微信小程序适配 (UI组件)

README

        
###使用说明

- 安装 `npm install`

- `gulp build ` 生成/Chart.js-master/dist/Chart.min.js文件

- 使用压缩合并版本

	- 打开 dev/page/canvas/chart.js 

	- 注释 `import Chart from '../../Chart.js-master/src/chart'`

	- 开启 `import Chart from '../../Chart.js-master/dist/Chart.min'`

- IDE效果

	![](https://raw.githubusercontent.com/xiabingwu/chartjs-wechat-mini-app/master/assets/demo.gif)

### 适配案例

- bar

	![](https://raw.githubusercontent.com/xiabingwu/chartjs-wechat-mini-app/master/assets/bar.png)

- doughnut.png

	![](https://raw.githubusercontent.com/xiabingwu/chartjs-wechat-mini-app/master/assets/doughnut.png)

- line

	![](https://raw.githubusercontent.com/xiabingwu/chartjs-wechat-mini-app/master/assets/line.png)

- line-multi-axis

	![](https://raw.githubusercontent.com/xiabingwu/chartjs-wechat-mini-app/master/assets/line-multi-axis.png)

- pie

	![](https://raw.githubusercontent.com/xiabingwu/chartjs-wechat-mini-app/master/assets/pie.png)

- point-styles

	![](https://raw.githubusercontent.com/xiabingwu/chartjs-wechat-mini-app/master/assets/point-styles.png)