Javascript Chart.js-使用X、Y坐标绘制线图

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: [{

我试图用x,y坐标创建一个简单的线图,但得到的是一个空白页

我不想设置标签,但是让它们从x,y坐标自动生成。我认为chartjs已经实现了这一点,但我的语法是错误的

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-是的,回答如下