Javascript Chartjs未显示所有数据点
我有一个包含3个点的数据集,但图表上只显示了两个点 创建此图的代码是Javascript Chartjs未显示所有数据点,javascript,html,chart.js,Javascript,Html,Chart.js,我有一个包含3个点的数据集,但图表上只显示了两个点 创建此图的代码是 var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx, { type: 'line', data: { datasets: [{ label: 'Submission', data: [{ t: new Date("April 1, 2018"),
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: 'line',
data: {
datasets: [{
label: 'Submission',
data: [{
t: new Date("April 1, 2018"),
y: 2
}, {
t: new Date("April 10, 2018"),
y: 1
}, {
t: new Date("April 27, 2018"),
y: 1
}],
backgroundColor: ["rgba(90, 150, 200, 0.6)"]
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});
显然有三个数据点,但它似乎只显示了图表上的2。如何解决这个问题?我通过为每个数据点添加标签解决了这个问题
我通过为每个数据点添加标签解决了这个问题
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ["April 1, 2018", "April 10, 2018", "April 27, 2018", ],
datasets: [{
label: 'Submission',
data: [{
t: new Date("April 1, 2018"),
y: 2
}, {
t: new Date("April 10, 2018"),
y: 1
}, {
t: new Date("April 27, 2018"),
y: 1
}, {
t: new Date(),
y: 0
}],
backgroundColor: ["rgba(90, 150, 200, 0.6)"]
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});