1. 名称:
    wxChart
  2. 作者:
    lishim
  3. 来源:
  4. 浏览:
    17725
  5. 下载:
    4080
  6. 最新更新:
    2016-11-30
  7. 收藏1



 
 
 

什么是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 引入新增的文件,并且与对应的类型关联起来


共0 条评论
  1. 加载评论

评论内容:

发表评论
  1. 全部组件分类
  2. 瀑布流
  3. 示例
  4. 提示组件(ToolTip)
  5. 下拉刷新、上拉加载
  6. Toast
  7. 选项卡(tab)
  8. 图表
  9. 卡片切换
  10. 菜单
  11. 筛选
  12. 星级评分
  13. 选择器
  14. 滑动删除
  15. 手势密码
  16. Switch
  17. 搜索
  18. 游戏
  19. 弹幕
  20. 懒加载
  21. 布局
  22. 应用模仿
  23. Emoji
  24. 转盘抽奖
  25. 插件
  26. UI库
  27. 动画
  28. 下拉列表
  29. SnackBar
  30. HTML解析
  31. 日历
  32. 点餐小程序
  33. 购物效果
  34. 框架
  35. 渲染引擎
  36. 商城
  37. 吸顶停留
  38. 会议
  39. 分享
  40. 其他
最新评论