グラフの座標の代入方法

前提・実現したいこと

現在単回帰分析のグラフを作成しており、グラフ(let sample = ~~~)に代入する数値をformから読み込ませたいのですが、やり方がわかりません。

発生している問題・エラーメッセージ

該当のソースコード

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.js"></script>
</head>
<body>
<!-- グラフ描画エリア設定 -->
<div style="width:100%">
  <canvas id="canvas"></canvas>
</div>

<script>
// 散布図データ
let sample = [
  {x:1, y:4},{x:2, y:3},{x:3, y:4},{x:4, y:5},{x:5, y:6},{x:6, y:5},{x:7, y:7},{x:8, y:6},{x:9, y:8},{x:10, y:7}
];

試したこと

Lhankor_Mhy

2021/11/02 06:36

フォームの形はなんでもいいですか？

meen

2021/11/03 02:27

大丈夫です！

行動規範の内容に同意します

回答1件

こんな感じですか？

html
1    <textarea name="" id="" cols="30" rows="10">
2    [
3        {"x":1, "y":4},{"x":2, "y":3},{"x":3, "y":4},{"x":4, "y":5},{"x":5, "y":6},{"x":6, "y":5},{"x":7, "y":7},{"x":8, "y":6},{"x":9, "y":8},{"x":10, "y":7}
4    ]
5    </textarea>
6    <script>
7        let sample = JSON.parse(document.querySelector("textarea").value)
8        console.log(sample)
9    </script>