wxChart

【转】<a href="http://www.see-source.com:80/weixinwidget/downloadZip.html?wid=66">实例源码</a>

 
 
 

什么是wxChart

• wxChart是一个微信小程序上的图表插件

---

环境要求

• 需要微信小程序项目环境

---

安装及使用

• wxChart目录放置在项目中引入即可

• 详细使用请参照/pages/chart/chart.js

---

基本用法

• 请参照chart.js

---

命名规范

• 变量名使用小写加下划线方式，例如
  var chart_type = null;

• 方法及类名使用首字母小写的驼峰形式，例如
  var painterFactory = {
createObj : function(){
......
}
}


• 属性使用下划线开头的小写加下划线方式,例如
  var chartUtil = {
createObj : function(){
var obj = {};
var _canvas_id = null;
}
}


---

目录结构


-wxChart
|
--chartUtil.js //入口
|
--chartColor.js //定义常用颜色
|
--chartType.js //定义所有图表类型
|
--painter //存放painter相关文件
| |
| --painterFactory.js //生成各种类型的的painter
| |
| --basePainter.js //xxxPainter的父类
| |
| --testPainter.js //测试
| |
| --brokenLinPainter.js //折线图
| |
| --candlestickPainter.js //K线图


---

开发流程

• 1./wxChart/painter 新增需要支持的painter文件，可参照testPainter.js

• 2./wxChart/chartType.js 增加图表类型

• 3./wxChart/painter/painterFactory.js 引入新增的文件，并且与对应的类型关联起来