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，更多地瞭解散點圖。