График 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);