Chart.js-如何向折线图添加第二条数据线
如何向折线图添加第二条数据线:Chart.js-如何向折线图添加第二条数据线,chart.js,Chart.js,如何向折线图添加第二条数据线: var config = { type: "line", data: { labels: ["28/01/2018 15:07:34", "28/02/2018 12:31:27", "28/05/2018 01:21:28", "27/10/2018 01:21:28", "28/11/2018 05:09:28"], datasets
var config = {
type: "line",
data: {
labels: ["28/01/2018 15:07:34", "28/02/2018 12:31:27", "28/05/2018 01:21:28", "27/10/2018 01:21:28", "28/11/2018 05:09:28"],
datasets: [{
label: "title",
backgroundColor: "transparent",
borderColor: "#000",
data: [65, 76, 32, 54, 43]
}]
},
options: {
elements: {
line: {
tension: 0
}
},
responsive: true,
scales: { },
}
};
var myChart = new Chart(ctx, config);
包含数据:
labels: ["28/01/2018 15:07:34", "28/05/2018 01:21:28", "27/10/2018 01:21:28" ], data: [50, 50, 50, 50, 50]
我也希望点之间的线有红色,黑色,红色,黑色的颜色。我不知道怎么做
感谢您的帮助如果您想在线执行此操作(您已经拥有数据),您可以将其添加到“数据集”,这样: 如果要在事件发生后添加数据,可以将数据集推送到数据数组上,如下所述:
如果您希望在线执行此操作(您已经拥有数据),则可以将其添加到“数据集”,从而: 如果要在事件发生后添加数据,可以将数据集推送到数据数组上,如下所述:
实际上,他的意思是在当前图表中添加一个全新的数据集,而不是在当前数据集中添加一个项目。实际上,他的意思是在当前图表中添加一个全新的数据集,而不是在当前数据集中添加一个项目
data: {
labels: ["28/01/2018 15:07:34", "28/02/2018 12:31:27", "28/05/2018 01:21:28", "27/10/2018 01:21:28", "28/11/2018 05:09:28"],
datasets: [{
label: "title",
backgroundColor: "transparent",
borderColor: "#000",
data: [65, 76, 32, 54, 43]
},{
label: "title2",
backgroundColor: "transparent",
borderColor: "#000",
data: [50, 50, 50, 50, 50]
}]
},
function addData(chart, label, data) {
chart.data.labels.push(label);
chart.data.datasets.forEach((dataset) => {
dataset.data.push(data);
});
chart.update();
}