zoukankan      html  css  js  c++  java
  • 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 引入新增的文件,并且与对应的类型关联起来


    孜孜不倦,必能求索;风尘仆仆,终有归途。
  • 相关阅读:
    redis中save和bgsave区别
    scrapy生成json中文为ASCII码解决
    mysql数据库,创建只读用户
    memcached命令行、Memcached数据导出和导入
    Memcache 查看列出所有key方法
    Elasticsearch5.x 引擎健康情况
    docker容器创建MariaDB镜像
    大文本数据排序
    换行符 和回车符
    索引与文本文件
  • 原文地址:https://www.cnblogs.com/liyuspace/p/8250976.html
Copyright © 2011-2022 走看看