var obj = {
title: {
text: '油 耗',
x: -20 //center
},
subtitle: {
text: 'Oil Wear',
x: -20
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
title: {
text: 'OilWear (L)'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
valueSuffix: 'L'
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
series: [{
name: '油耗'//这里去掉逗号
//这里不填写data
}]
})
}
//填充数据
obj.series.data=$.makeArray(result) //result是后台传来的字符串:2,11,3,5,66,33,13,65
//最后渲染图形
$('#container').highcharts(obj)
1、在MYSQL中新建一个test数据库,在里面新建一张type数据表,下面将从该表获得数据。
2、新建一个project小程序项目。
3、在project项目内,新建一个index模块来从数据库获得数据,并将数据输出在index.wxml页面。
4、在index模块中index.js页面,在onLoad中使用wx.request方法向服务端文件请求数据。url为请求数据的地址;data为传输的参数,这里设置为空;method为传递参数的方式,header用于设置请求的数据类型,success是成功获得数据后的 *** 作。
5、在index.wxml页面,使用for循环遍历输出index.js传递过来的数据data,通过item将data数据输出在页面。
6、在服务端新建一个api.php页面来接收微信小程序的数据请求。
7、最后编译微信小程序,查看从数据表type获得数据内容,成功从数据库读取数据并输出在页面上。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)