我对 JavaScript 很陌生。我喜欢从以下数组中绘制图表:
var sampleData = [
{ Period: '1981', Size: 80.01 , Age: 32 },
{ Period: '1981', Size: 89.11, Age : 35 }];
我使用 jquery.flot.js 库来绘制图表。这是绘制图表的示例,它工作正常:
var d1 = [];
for (var i = 0; i < 14; i += 0.5)
d1.push([i, Math.sin(i)]);
var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];
$.plot($("#placeholder"), [d1, d2]);
根据示例,这是我绘制图表的代码:
var myData1 = [];
for (var i in sampleData) {
myData.push( sampleData[i].Period, sampleData[i].Size);
}
var myData2 = [];
for (var i in sampleData) {
myData.push( sampleData[i].Period, sampleData[i].Age);
}
$.plot($("#placeholder"), [myData1, myData2 ]);
但是使用这段代码我的图表没有任何线条!!!
有人可以指出我的错在哪里吗?
最佳答案
而不是
myData.push( sampleData[i].Period, sampleData[i].Size);
我想你想要
myData.push( [sampleData[i].Period, sampleData[i].Size] );
这将创建一个数组数组(其中内部数组是 x,y 坐标)。
关于javascript - 用 javascript 绘制图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10524891/