Chart - HTML

<!DOCTYPE html>
<html>
  <head>
    <base target="_top" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.min.js"></script>
    <title>Chart</title>
  </head>
  <body>
    <div class="container">
      <canvas id="myChart"></canvas>
    </div>

    <script>
      let myChart = document.getElementById("myChart").getContext("2d");
      function passData(sheetData){
      let data = {
        labels: sheetData.labels,
        datasets: [
          {
            label: sheetData.ticker,
            data: sheetData.data,
          },
        ],
      };
      let popChart = new Chart(myChart, {
        type: "line",
        data: data,
        options: {
          responsive: true,
          plugins: {
            legend: {
              position: "top",
            },
            title: {
              display: false,
              text: sheetData.ticker,
            },
          },
        },
      });
      }

      google.script.run.withSuccessHandler(passData).getChartData();

      //let sheetData = { ticker: "AAPL", data: [1, 4, 6, 8], labels: ['2021-01-01','2021-02-01','2021-03-01','2021-04-01'] };

    </script>
  </body>
</html>