chartjs-散点图的json数据,随日期一起发布
我有散点图,它没有显示带有日期的斧头X:chartjs-散点图的json数据,随日期一起发布,json,chart.js,Json,Chart.js,我有散点图,它没有显示带有日期的斧头X: var chart = new Chart(ctx, { type: 'line', data: { datasets: [{ label: 'label', data: [data], borderColor: "#000066" }], }, options: { scales: {
var chart = new Chart(ctx, {
type: 'line',
data: {
datasets: [{
label: 'label',
data: [data],
borderColor: "#000066"
}],
},
options: {
scales: {
xAxes: [{
type: "time",
display: true,
scaleLabel: {
display: true,
labelString: 'Date'
},
}]
}
}
});
变量数据采用JSON格式:
{"x":"2017-06-03T13:23:47.129Z","y":1.306},
{"x":"2017-06-03T14:17:24.960Z","y":1.299},
{"x":"2017-06-03T14:17:46.565Z","y":1.306},
...
如果我尝试手动添加数据,并将日期作为JS中的日期对象,那么它可以工作:
data: [{ "x": new Date("2017-06-03T14:17:46.565Z"), "y": 1.306 }]
但我需要在JSON中添加数据
更新-定义数据变量:
for (var j = 0; j < source.length; j++) {
x = new Date(source[j].Date);
y = source[j].value;
var json = { x: x, y: y };
data.push(json);
}
for(var j=0;j
我能够在不使用数据
变量周围的括号的情况下使其工作:
EDIT1:如何定义变量?有什么理由在图表创建时将其设置为数组吗
EDIT2:我知道发生了什么。正在创建的json
变量是所需json的字符串表示形式。在定义数据集时,Chart.js不理解这一点。您需要一个实际的JSON对象,如下所示:
var source = [{Date:"2017-06-03T13:23:47.129Z",value:1.306},
{Date:"2017-06-03T14:17:24.960Z",value:1.299},
{Date:"2017-06-03T14:17:46.565Z",value:1.306}];
var json = [];
for (var j = 0; j < source.length; j++) {
var jsonObj = {x: source[j].Date, y: source[j].value};
json.push(jsonObj);
}
var source=[{Date:“2017-06-03T13:23:47.129Z”,值:1.306},
{日期:“2017-06-03T14:17:24.960Z”,值:1.299},
{日期:“2017-06-03T14:17:46.565Z”,数值:1.306}];
var json=[];
对于(var j=0;j
例如,谢谢你。我更新了一个问题,您可以看到我是如何定义变量的,它可能是错误的。