多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# wx-chart [![NPM version][npm-version-image]][npm-url] [![MIT License][license-image]][license-url] ## 介绍 wx-chart是一个跨平台的图形库,可在普通站点以及微信小程序中使用。 ### 特点 * 跨平台:可以使用在AMD,CMD,微信小程序,React等环境中使用 * 封装性:基于自有开发的Canvas兼容层,支持W3C的Canvas标准。 * 自动化:图形绘画参数简单,颜色填充和布局分发可以自动化 * 扩展性:组件化设计,支持图形扩展(接口待开放) 当前持续更新中,有任何问题欢迎在 [Issues](https://github.com/xch89820/wx-chart/issues) 中讨论。 ### 支持图表 * 线状图 单维度/多维度曲线图(Line),单维度/多维度区域曲线图(Area Line) * 饼状图 单维度饼状图(Pie),单维度多纳圈图(Doughnut) * 柱状图 单维度/多维度柱状图(Bar),多维度堆叠柱状图(Stacked Bar) ##### 待计划支持图表 * 泡状图 * 雷达图 ## 实际效果以及Demo ![pie](https://cloud.githubusercontent.com/assets/4920540/26517971/893602c2-42d7-11e7-9009-3cdfebf16f63.JPG) ![bar](https://cloud.githubusercontent.com/assets/4920540/26517970/8933f522-42d7-11e7-8e78-a93c567f3bc0.JPG) ![stacked](https://cloud.githubusercontent.com/assets/4920540/26517972/8937459c-42d7-11e7-9fe9-eaf8acc2e852.JPG) ![line](https://cloud.githubusercontent.com/assets/4920540/26517973/89460140-42d7-11e7-8576-e1503e7cf4df.JPG) ![doughnut](https://cloud.githubusercontent.com/assets/4920540/26517974/894c57a2-42d7-11e7-9856-a300fa72a2c8.JPG) 微信小程序实例,请参见: https://github.com/xch89820/wx-chart-demo ## 文档 https://www.kancloud.cn/xchhhh/wx-chart ## License wx-chart 遵循 [MIT license](http://opensource.org/licenses/MIT) [license-image]: http://img.shields.io/badge/license-MIT-blue.svg?style=flat [license-url]: http://opensource.org/licenses/MIT [npm-url]: https://www.npmjs.com/package/wx-chart [npm-version-image]: http://img.shields.io/npm/v/wx-chart.svg?style=flat [npm-downloads-image]: http://img.shields.io/npm/dm/wx-chart.svg?style=flat