Chart.js图只有两个坐标

Question

我想制作一个简单的图形（只是两个坐标之间的一条线 - （2,5）和（5,10））。

HTML

<canvas id="line" width="600" height="400"></canvas>

JavaScript的

var lineData = {
  type: "line",
  data: {
  datasets: [{
        label: "Test",
        data: [{
            x: 2,
            y: 5
        }, {
            x: 5,
            y: 10
        }],
    }]
    }
  }
var line = document.getElementById('line').getContext('2d');  
new Chart(line).Line(lineData);

不幸的是，这没有显示任何内容。

Answer 1

请参考下面的代码片段正确渲染图表，或者可以访问小提琴 - > https://jsfiddle.net/pgv2jon3/1/

var lineData = {
  type: "line",
  data: {
  datasets: [{
        label: "Test",
        data: [{
            x: 2,
            y: 5
        }, {
            x: 5,
            y: 10
        }],
    }]
    }
  }
var ctx = document.getElementById('line').getContext('2d');  
new Chart(ctx, lineData);