图表不是根据 ajax 数据绘制的
flot chart not drawing from ajax data
我正在尝试使用一些 Ajax 数据绘制图表,当我 console.log
它时如下所示:
[{ label:"series1",
data : [[1459555200000,200],[1459987200000,440]],last:true}]
但是当我将它用作浮动图表中的数据时,图表是空白的,而如果我对其进行硬编码,它运行良好。
我的代码是:
$.get('chartgadmin.php',
function (d) {
console.log(d);
var data = [d];
var labelColor = chart.css('color');
var options = {
colors: chart.data('color').split(','),
series: {
shadowSize: 0,
lines: {
show: true,
lineWidth: false,
fill: true
},
curvedLines: {
apply: true,
active: true,
monotonicFit: false
}
},
legend: {
container: $('#flot-visitors-legend')
},
xaxis: {
mode: "time",
timeformat: "%d %b",
font: {color: labelColor}
},
yaxis: {
font: {color: labelColor}
},
grid: {
borderWidth: 0,
color: labelColor,
hoverable: true
}
};
chart.width('100%');
// Create chart
var plot = $.plot(chart, data, options);
});
如有任何帮助,我们将不胜感激。
谢谢
您似乎没有以图表可读格式解析您的参数 " d " ,因此无论何时传递硬编码数据,它都可以正常工作,但您直接传递的对象将通过图表数据源获取,因此您必须使用,
JSON.parse(d);
我正在尝试使用一些 Ajax 数据绘制图表,当我 console.log
它时如下所示:
[{ label:"series1",
data : [[1459555200000,200],[1459987200000,440]],last:true}]
但是当我将它用作浮动图表中的数据时,图表是空白的,而如果我对其进行硬编码,它运行良好。
我的代码是:
$.get('chartgadmin.php',
function (d) {
console.log(d);
var data = [d];
var labelColor = chart.css('color');
var options = {
colors: chart.data('color').split(','),
series: {
shadowSize: 0,
lines: {
show: true,
lineWidth: false,
fill: true
},
curvedLines: {
apply: true,
active: true,
monotonicFit: false
}
},
legend: {
container: $('#flot-visitors-legend')
},
xaxis: {
mode: "time",
timeformat: "%d %b",
font: {color: labelColor}
},
yaxis: {
font: {color: labelColor}
},
grid: {
borderWidth: 0,
color: labelColor,
hoverable: true
}
};
chart.width('100%');
// Create chart
var plot = $.plot(chart, data, options);
});
如有任何帮助,我们将不胜感激。
谢谢
您似乎没有以图表可读格式解析您的参数 " d " ,因此无论何时传递硬编码数据,它都可以正常工作,但您直接传递的对象将通过图表数据源获取,因此您必须使用,
JSON.parse(d);