如何使用Array从google生成散射图？
如何使用Array从google生成散射图？
提问于 2022-01-20 14:20:06
由于数组的“类型”，我在创建图表时遇到了一些问题，例如在var data = ...中，他们使用了[12, 30], [14, 98]，但是我想使用一个数组，就像我在这些值的代码中定义的那样，我不知道该如何去做。
$(document).ready(function() {
console.log("ready!");
ko.applyBindings(new vm());
var k = 0;
var Arraydata1 = [];
var Arraydata2 = [];
console.log(indice)
$.ajax({
url: 'http://192.168.160.58/Formula1/api/Statistics/Driver?id=' + indice,
contentType: "application/json",
dataType: 'json',
success: function(data) {
for (k = 0; k < data.Career.length; k++) {
Arraydata1.push(data.Career[k].Year);
Arraydata2.push(data.Career[k].Position);
}
drawChart(Arraydata1, Arraydata2)
},
});
});
function drawChart(Arraydata1, Arraydata2) {
var data = google.visualization.arrayToDataTable([
['Price', 'Size'],
// dont know what to put here
]);
// Set Options
var options = {
title: 'House Prices vs. Size',
hAxis: {
title: 'Square Meters'
},
vAxis: {
title: 'Price in Millions'
},
legend: 'none'
};
// Draw
var chart = new google.visualization.ScatterChart(document.getElementById('myChart'));
chart.draw(data, options);
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-01-20 15:06:14
将Career中的行值组合为单个数组-- Arraydata
Arraydata.push([data.Career[k].Year, data.Career[k].Position]);传递这个数组来绘制图表
drawChart(Arraydata);然后用必要的列标题创建数据表，
并使用addRows方法。
// create data table
var data = new google.visualization.DataTable();
data.addColumn('number', 'Price');
data.addColumn('number', 'Size');
data.addRows(Arraydata);看下面的片段..。
$(document).ready(function() {
console.log("ready!");
ko.applyBindings(new vm());
var k = 0;
var Arraydata = [];
console.log(indice)
$.ajax({
url: 'http://192.168.160.58/Formula1/api/Statistics/Driver?id=' + indice,
contentType: "application/json",
dataType: 'json',
success: function(data) {
for (k = 0; k < data.Career.length; k++) {
Arraydata.push([data.Career[k].Year, data.Career[k].Position]);
}
drawChart(Arraydata);
},
});
});
function drawChart(Arraydata) {
// create data table
var data = new google.visualization.DataTable();
data.addColumn('number', 'Price');
data.addColumn('number', 'Size');
data.addRows(Arraydata);
// Set Options
var options = {
title: 'House Prices vs. Size',
hAxis: {
title: 'Square Meters'
},
vAxis: {
title: 'Price in Millions'
},
legend: 'none'
};
// Draw
var chart = new google.visualization.ScatterChart(document.getElementById('myChart'));
chart.draw(data, options);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70787861
复制相关文章
相似问题
腾讯云开发者
