Javascript Chart.js-使用X、Y坐标绘制线图
我试图用x,y坐标创建一个简单的线图,但得到的是一个空白页 我不想设置标签,但是让它们从x,y坐标自动生成。我认为chartjs已经实现了这一点,但我的语法是错误的Javascript Chart.js-使用X、Y坐标绘制线图,javascript,chart.js,Javascript,Chart.js,我试图用x,y坐标创建一个简单的线图,但得到的是一个空白页 我不想设置标签,但是让它们从x,y坐标自动生成。我认为chartjs已经实现了这一点,但我的语法是错误的 var x = new Chart(document.getElementById("myChart1"), { type: 'line', data: { datasets: [{ label: "Test", data: [{
var x = new Chart(document.getElementById("myChart1"), {
type: 'line',
data: {
datasets: [{
label: "Test",
data: [{
x: 0,
y: 5
}, {
x: 5,
y: 10
}, {
x: 8,
y: 5
}, {
x: 15,
y: 0
}],
}]
},
options: {
responsive: true,
}
});
你知道如何修复上面的代码吗?我相信,你要找的是一个散点图,而不是直线
var x=新图表(document.getElementById(“myChart1”){
键入:“散布”,
数据:{
数据集:[{
标签:“测试”,
数据:[{
x:0,,
y:5
}, {
x:5,
y:10
}, {
x:8,
y:5
}, {
x:15,
y:0
}],
}]
},
选项:{
回答:对
}
});代码>
您看过一些jsfiddle吗?例如,这个版本2.7.1没有连接散点图上的点,这是有意义的,因为op试图做的是一个折线图,而不是散点图。@EduardoWada说的是真的。但是,您可以通过对数据集使用设置:showLine:true来启用线。我们是否可以删除“样条线”并通过直线连接?@Tobi-是的,回答如下