Chart.jsをHTMLテーブル内のセルごとに表示したい

Chart.jsを使用して画面にグラフを表示しようとしています。
その際、画面にテーブルを表示し、そのテーブルのセル１つごとにグラフを表示したいのですが、グラフのサイズの調整がうまく行かず途方に暮れております。
どなたか知恵をお貸しいただければと思います。

html
1<!DOCTYPE html>
2<html lang="en" dir="ltr">
3  <head>
4    <meta charset="utf-8">
5    <title>test</title>
6    <link rel="stylesheet" href="master.css">
7  </head>
8  <body>
9    <header>
10      <span id="header-title">
11        <h2>
12          グラフサンプル
13        </h2>
14      </span>
15      <div id="nav-drawer">
16        <input id="nav-input" type="checkbox" class="nav-unshown">
17        <label id="nav-open" for="nav-input"><span></span></label>
18        <label class="nav-unshown" id="nav-close" for="nav-input"></label>
19        <div id="nav-content">メニュー内容</div>
20      </div>
21
22    </header>
23    <h1>グラフ</h1>
24    <div id="graph">
25      <canvas id="myPieChart"></canvas>
26    </div>
27　  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.js"></script>
28
29    <table id="graphtable">
30      <tr>
31        <td>
32          <div style="position:relative; top:60px; left:10px; width:500px; height:500px;">
33
34          <div id="graph">
35            <canvas id="myPieChart"></canvas>
36          </div>
37          <script>
38            var ctx = document.getElementById("myPieChart");
39            var myPieChart = new Chart(ctx, {
40            type: 'pie',
41            data: {
42              labels: ["A型", "O型", "B型", "AB型"],
43              datasets: [{
44                  backgroundColor: [
45                      "#BB5179",
46                      "#FAFF67",
47                      "#58A27C",
48                      "#3C00FF"
49                  ],
50                  data: [38, 31, 21, 10]
51              }]
52            },
53            options: {
54              title: {
55                display: true,
56                maintainAspectRatio: true,
57                text: '血液型 割合'
58              }
59            }
60            });
61          </script>
62        </div>
63        </td>
64        <td>
65          <div style="position:relative; top:60px; left:10px; width:500px; height:500px;">
66          <div id="graph">
67            <canvas id="myPieChart2"></canvas>
68          </div>
69          <script>
70            var ctx = document.getElementById("myPieChart2");
71            var myPieChart = new Chart(ctx, {
72            type: 'pie',
73            data: {
74              labels: ["A型", "O型", "B型", "AB型"],
75              datasets: [{
76                  backgroundColor: [
77                      "#BB5179",
78                      "#FAFF67",
79                      "#58A27C",
80                      "#3C00FF"
81                  ],
82                  data: [38, 31, 21, 10]
83              }]
84            },
85            options: {
86              title: {
87                display: true,
88                maintainAspectRatio: true,
89                text: '血液型 割合'
90              }
91            }
92            });
93        </script>
94      </div>
95      </td>
96      <td>
97        <div style="position:relative; top:60px; left:10px; width:500px; height:500px;">
98
99        <div id="graph">
100          <canvas id="myPieChart3"></canvas>
101        </div>
102        <script>
103          var ctx = document.getElementById("myPieChart3");
104          var myPieChart = new Chart(ctx, {
105          type: 'pie',
106          data: {
107            labels: ["A型", "O型", "B型", "AB型"],
108            datasets: [{
109                backgroundColor: [
110                    "#BB5179",
111                    "#FAFF67",
112                    "#58A27C",
113                    "#3C00FF"
114                ],
115                data: [38, 31, 21, 10]
116            }]
117          },
118          options: {
119            title: {
120              display: true,
121              maintainAspectRatio: true,
122              text: '血液型 割合'
123            }
124          }
125          });
126          </script>
127        </div>
128        </td>
129        <td>
130          <div style="position:relative; top:60px; left:10px; width:500px; height:500px;">
131          <div id="graph">
132            <canvas id="myBarChart"></canvas>
133          </div>
134          <script>
135            var ctx = document.getElementById("myBarChart");
136            var myBarChart = new Chart(ctx, {
137              type: 'bar',
138              data: {
139                labels: ['8月1日', '8月2日', '8月3日', '8月4日', '8月5日', '8月6日', '8月7日'],
140                datasets: [
141                  {
142                    label: 'A店 来客数',
143                    data: [62, 65, 93, 85, 51, 66, 47],
144                    backgroundColor: "rgba(219,39,91,0.5)"
145                  },{
146                    label: 'B店 来客数',
147                    data: [55, 45, 73, 75, 41, 45, 58],
148                    backgroundColor: "rgba(130,201,169,0.5)"
149                  },{
150                    label: 'C店 来客数',
151                    data: [33, 45, 62, 55, 31, 45, 38],
152                    backgroundColor: "rgba(255,183,76,0.5)"
153                  }
154                ]
155              },
156              options: {
157                title: {
158                  display: true,
159                  maintainAspectRatio: true,
160                  text: '支店別 来客数'
161                },
162                scales: {
163                  yAxes: [{
164                    ticks: {
165                      suggestedMax: 100,
166                      suggestedMin: 0,
167                      stepSize: 10,
168                      callback: function(value, index, values){
169                        return  value +  '人'
170                      }
171                    }
172                  }]
173                },
174              }
175            });
176          </script>
177        </div>
178        </td>
179      </tr>
180      <tr>
181        <td>データ</td>
182        <td>データ</td>
183        <td>データ</td>
184        <td>データ</td>
185      </tr>
186      <tr>
187        <td>データ</td>
188        <td>データ</td>
189        <td>データ</td>
190        <td>データ</td>
191      </tr>
192    </table>
193  </body>
194</html>
195