如何使用JavaScript在谷歌图表中添加数据
how to add data in google charts using javascript ?
我在我的网站上使用谷歌图表,在服务器端使用 parse.com。我有一个标签<div id="chart_div"> </div>
它绘制图表。对于图表,这是Javascript部分:
$( document ).ready(function() {
var currentUser = Parse.User.current();
console.log( currentUser );
var stepcount = Parse.Object.extend("stepCount");
var query = new Parse.Query(stepcount);
query.equalTo("user", currentUser);
query.find({
success: function(results) {
for (var i = 0; i < results.length; i++) {
var object = results[i];
alert(object.id + ' - ' + object.get('numberOfSteps'));
}
},
error: function(error) {
alert("Error: " + error.code + " " + error.message);
} }); });
function drawMultSeries() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Day');
data.addColumn('number', 'Motivation Level');
data.addColumn('number', 'Energy Level');
data.addRows([
['Monday', 1, .25],
['Monday', 1, .25],
['Monday', 1, .25],
['Monday', 1, .25],
['Monday', 1, .25],
['Monday', 1, .25],
['Monday', 1, .25],
]);
var options = {
title: 'Motivation and Energy Level Throughout the Day',
hAxis: {
title: 'Time of Day',
format: 'h:mm a',
viewWindow: {
min: [7, 30, 0],
max: [17, 30, 0]
}
},
vAxis: {
title: 'Steps'
}
};
var chart = new google.visualization.ColumnChart(
document.getElementById('chart_div'));
chart.draw(data, options);
}
我正在尝试检索当前用户的步数,但我不知道如何将其插入图表中。
你可以这样做。
$( document ).ready(function() {
var currentUser = Parse.User.current();// igebs romeli user aris shemosuli da abrunebs objectId
console.log( currentUser );
var stepcount = Parse.Object.extend("stepCount"); //database shi class saxeli
var query = new Parse.Query(stepcount);
query.equalTo("user", currentUser);
query.find({
success: function(results) {
for (var i = 0; i < results.length; i++) {
var object = results[i];
alert(object.id + ' - ' + object.get('numberOfSteps'));
//console.log(object.get('numberOfSteps'));
arrayOfSteps.push(object.get('numberOfSteps'));
console.log(arrayOfSteps[i] ) ;
}
},
error: function(error) {
alert("Error: " + error.code + " " + error.message);
} }); });
function drawMultSeries() {
x = [];
for(var j=0; j<arrayOfSteps.length;j++){
x.push(
['date', 1, arrayOfSteps[j]]
);};
var data = new google.visualization.DataTable();
data.addColumn('string', 'Day');
data.addColumn('number', 'Motivation Level');
data.addColumn('number', 'Energy Level');
data.addRows([x[0],x[1],x[2],]);
相关文章:
- Knockout.JS,模板都是通过表单不添加数据的
- 如何使用Quickbase API和javascript检索、添加数据
- 添加数据属性及其值以使用纯javascript进行链接
- 向JavaScript对象文字添加数据
- GWT HashMap.put() 不向 HashMap 添加数据
- Meteor(JavaScript应用程序平台)|向用户帐户添加数据
- 从外部json代码向amcharts图表添加数据
- 无法在引导表中再次添加数据
- 如何在jQuery中的单个保存按钮上更新数据和添加数据
- 为selectize.js选项添加数据属性
- 动态添加数据时按数据属性查询JQuery选择器
- 弹出循环:添加数据时停止重复/三次应用/X
- 如何从javascript数组本身向chart-js添加数据
- ChartJS从字符串中添加数据
- JS-在JSON文件中插入、删除和添加数据
- 使用 Knockout.js 在文本区域中添加数据绑定和静态文本
- 动态添加数据时如何应用 ng 类 (?)
- 向 API 结果添加数据
- 如何使用 AngularJS 添加数据
- 使用 jQuery 添加数据属性