Javascript 折线图问题。图表JS
您好,就像在问题中一样,我在基于数组中的值绘制图表时遇到问题。 这是我的密码:Javascript 折线图问题。图表JS,javascript,angular,chart.js,Javascript,Angular,Chart.js,您好,就像在问题中一样,我在基于数组中的值绘制图表时遇到问题。 这是我的密码: ngOnChanges(changes: SimpleChanges) { let label = Array.from(Array(200).keys()); const susbeptible = this.simulation.records.map(SeirdsRecord => SeirdsRecord.susceptible); const deaths = this.si
ngOnChanges(changes: SimpleChanges) {
let label = Array.from(Array(200).keys());
const susbeptible = this.simulation.records.map(SeirdsRecord => SeirdsRecord.susceptible);
const deaths = this.simulation.records.map(SeirdsRecord => SeirdsRecord.deaths);
console.log(deaths);
var seirdsChart = new Chart("seirdsChart", {
type: 'line',
labels: label,
data: {
datasets: [
{
label: "Susceptible",
data: susbeptible,
fill: false
},
{
label: "Deaths",
data: deaths,
fill: false
},
]
},
options: {
scales: {
xAxes: [{
}],
yAxes: [{
ticks: {
beginAtZero: true,
}
}]
}
}
});
}
易受影响和死亡是包含200个值(范围为0-4000000)的数组,但此代码仅为每个数组绘制前两个值,如下所示:
有人知道我该怎么修吗?感谢您的回答。原因是
标签定义错误
var seirdsChart = new Chart("seirdsChart", {
type: 'line',
labels: label,
data: {
datasets: [
...
它应该在数据中定义如下:
var seirdsChart = new Chart("seirdsChart", {
type: 'line',
data: {
labels: label,
datasets: [
...