如何从javascript制作的表格制作折线图？

Question

const table = document.getElementById("table");
  let captionTitle = table.createCaption();
  captionTitle.textContent = 'Data for operating system ';
  captionTitle.setAttribute("id", "titleCaption");
  const caption = document.createElement("caption");
  
  var header = table.createTHead();
  var row = header.insertRow(0);
  var cell = row.insertCell(0);
  var averageHeader = row.insertCell(1);
  var monthlyAverageHeader = row.insertCell(2);
  cell.innerHTML = "<b>OS Months </b>";
  header1.innerHTML = "<b>New rating</b>";
  header2.innerHTML = "<b>Old rating</b>";
fetchData().then(response => response.data)
    .then(data => {
      for (i = 0; i < Object.keys(data).length; i++) {
        const date = Object.keys(data)[i];
        const object = data[date];

数据来自使用 fetch 的 api 调用并且正在显示在前端，您如何将这个表（以及其他月份的更多数据）变成折线图。数据不会硬编码到折线图上。谢谢