gpt4 book ai didi

jquery - 带 AJAX 数据的 Flot 条形图

转载 作者:行者123 更新时间:2023-12-01 06:54:56 24 4
gpt4 key购买 nike

我对 Flot 图表和来自 AJAX 的数据有疑问。基本上我创建了数组来显示图表,但不知何故我看到了轴标签但没有数据。另外我怎样才能制作堆积图或条形图?

编辑:或者谁能告诉我如何使用 AJAX 在 x 轴上显示带有标签的 flot 中的数据。您可以在此处查看代码 http://jsfiddle.net/DaG5W/284/ 。有人请告诉我我在这里做错了什么吗?

这是我使用的代码。

$.getJSON(url, function(output) {
var calendar, count, fieldNames, i, j, values, xAxis;
fieldNames = new Array();
i = 0;
while (i < output.length) {
if (fieldNames.indexOf(output[i].FieldName) < 0) {
fieldNames.push(output[i].FieldName);
}
i++;
}
calendar = new Array();
i = 0;
while (i < output.length) {
if (calendar.indexOf(output[i].Calendar) < 0) {
calendar.push(output[i].Calendar);
}
i++;
}
xAxis = [];
i = 0;
while (i < calendar.length) {
xAxis.push([parseInt(i + 1), calendar[i]]);
i++;
}
data = [];
i = 0;
while (i < fieldNames.length) {
values = [];
count = 0;
j = 0;
while (j < output.length) {
if (fieldNames[i] === output[j].FieldName) {
count++;
values.push([parseInt(count), parseInt(output[j].Totals)]);
}
j++;
}
data.push([
{
label: fieldNames[i].toString(),
data: values,
bars: {
show: true
},
lines: {
show: false
}
}
]);
}
return i++;
});
options = {
xaxis: {
ticks: xAxis
}
};
plot = $.plot($("#div"), [data], options);

}

最佳答案

您已经非常接近可行的解决方案了。您所做的所有错误就是在两个地方嵌套了太多的数组:

  data.push([
{
label: fieldNames[i].toString(),
data: values,
bars: {
show: true
},
lines: {
show: false
}
}
]);

系列对象周围不需要 []

plot = $.plot($("#div"), [data], options);

与此类似,data 周围不需要 []。之后,它将绘制图表。参见这里:http://jsfiddle.net/ryleyb/DaG5W/291/

关于jquery - 带 AJAX 数据的 Flot 条形图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10280488/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com