微信小程序表格demo是什么?怎么使用?
微信小程序表格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表格?
下一篇:微信小程序表格制作怎么弄?