Chart.js - X、Y座標で線グラフを描画する

Question

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, 
    } 
}); 

上記のコードを修正する方法はありますか。

Answer 1

私はあなたが探していると信じて散布グラフではなく、行です。

var x = new Chart(document.getElementById("myChart1"), { 
 
    type: 'scatter', 
 
    data: { 
 
     datasets: [{ 
 
     label: "Test", 
 
     data: [{ 
 
      x: 0, 
 
      y: 5 
 
     }, { 
 
      x: 5, 
 
      y: 10 
 
     }, { 
 
      x: 8, 
 
      y: 5 
 
     }, { 
 
      x: 15, 
 
      y: 0 
 
     }], 
 
     }] 
 
    }, 
 
    options: { 
 
     responsive: true 
 
    } 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script> 
 
<canvas id="myChart1"></canvas>

散布図の詳細を学ぶために、hereを参照してください。