chartjsのデータセットをjsonファイルから読み込む

Question

前提

Chart.jsを用いてグラフを描画するに当たってデータセットをjsonファイルから読み込みたいのですが、グラフが描画できません。

実現したいこと

jsonファイルから読み込めるようにする

発生している問題

インターネットで検索をしたところ、以下のような記事がヒットしました。
https://stackoverflow.com/questions/44990517/displaying-json-data-in-chartjs
この記事では、html内にjsonを記すことで解決しています。ですが、私は外部のjsonファイルから読み込みたく以下のようなコードに変更しました。が、描画できずに困っています。

該当のソースコード

  <script>
    fetch('save.json')
  .then(response => response.json())
  .then(data => {
    // dataは[{"date":"2023-01-23","count":570199}]の形式
    let labels = data.map(obj => obj.date);
    let counts = data.map(obj => obj.count);
  var ctx = document.getElementById("myLineChart");
  var myLineChart = new Chart(ctx, {
    type: 'line',
    data: {
      labels: labels, //['2022-01-23', '3333-12-31'],
      datasets: [
        {
          label: 'ブロックした人数',
          data: counts, //[570199, 580000],
          borderColor: "rgba(255,0,0,1)",
          backgroundColor: "rgba(0,0,0,0)"
        }
      ],
    },
    options: {
      title: {
        display: true,
        text: 'データ元: ぶろるっく'
      },
      scales: {
        yAxes: [{
          ticks: {
            /*
            suggestedMin: 0,
            stepSize: 100000,
            minRotation: 0,   // ┐表示角度水平
            maxRotation: 0,   // ┘
            */
            autoSkip: true,
            callback: function(value, index, values){
              return  value +  '人'
            }
          }
        }]
      },
    }
  });
  </script>

試したこと

• 上記の記事だと、scriptタグ内のjavascriptをそのまま編集していましたが、jsonファイルから読み込みたいので、fetchを使用して取得するようにしたが、描画できず
• save.jsonをブラウザからアクセスできるようにしたが、描画できず

その他

ChatGPTへの質問は見当違いなものが返ってくるので行っておりません。初心者質問で申し訳ありませんかどうかよろしくお願い致します。