您当前的位置: 首页 > 知识百科 > 微信小程序表格demo是什么?怎么使用?

微信小程序表格demo是什么?怎么使用?

时间:2023-07-01 14:05 阅读数:104 人阅读 分类:知识百科

  微信小程序表格demo是什么?怎么使用?以下是小编整理的微信小程序表格demo哦,各位亲们如果要制作微信小程序表格,那么各位小程序开发者们可以直接的去使用微信小程序表格demo了哦。

  微信小程序表格demo是什么?

  1、饼图小程序表格demo

  微信小程序代码:

  var Charts = require('charts.js');

  new Charts({

  canvasId: 'pieCanvas',

  type: 'pie',

  series: [{

  name: '成交量1',

  data: 15,

  }, {

  name: '成交量2',

  data: 35,

  }, {

  name: '成交量3',

  data: 78,

  }, {

  name: '成交量4',

  data: 63,

  }],

  width: 640,

  height: 400,

  dataLabel: false

  });

  2、线图小程序表格demo

  微信小程序代码:

  new Charts({

  canvasId: 'lineCanvas',

  type: 'line',

  categories: ['2012', '2013', '2014', '2015', '2016', '2017'],

  series: [{

  name: '成交量1',

  data: [0.15, 0.2, 0.45, 0.37, 0.4, 0.8],

  format: function (val) {

  return val.toFixed(2) + '万';

  }

  }, {

  name: '成交量2',

  data: [0.30, 0.37, 0.65, 0.78, 0.69, 0.94],

  format: function (val) {

  return val.toFixed(2) + '万';

  }

  }],

  yAxis: {

  title: '成交金额 (万元)',

  format: function (val) {

  return val.toFixed(2);

  },

  min: 0

  },

  width: 640,

  height: 400

  });

  微信小程序表格demo怎么使用?

  微信小程序表格demo小程序源码导入方法:打开“微信web开发者工具” -->添加项目-->填写AppID(随便填)、项目名称(随便填),选择本地开发目录(Demo存放地址)-->点击“添加项目” 即可

  小程序开发使用说明:使用微信开发者工具新建项目,本地开发选择dist目录。

  微信开发者工具 –> 项目 –> 关闭ES6转ES5。

  微信小程序表格demo代码规范:变量与方法使用尽量使用驼峰式命名,避免使用$开头。

  以$开头的方法或者属*为框架内建方法或者属*,可以被使用,使用前请参考API小程序开发文档。

  微信小程序表格demo是什么?怎么使用微信小程序表格demo?小编在上边的内容中已经为大家解答了这两问题了哦,感谢大家对本网的支持,小编还请大家多多关注微小乔哦,本网内容不断更新中。

  

  微信小程序表格布局怎么做?

  微信小程序表格布局实例操作

  微信小程序如何做简易table表格?