Chartjs tidak bisa di looping

Salam rekan-rekan sekolahkoding.com, saya mempunyai sebuah tabel berisikan chart, tetapi chart ini tidak bisa di looping dengan php, apakah agan/sis ada saran?

ini view tabel saya

<tbody>
					  <?php $js = '<canvas id="charto" style="height:7px; width: 30px;"></canvas>'; ?><!-- Js-->
					  <?= $i = 1; ?>
						  <?php foreach($data as $io) :?>
						  	<?php if ($io['tanggal_kegiatan'] == tanggal('helpers/tanggal_helper')) :?>
							  	<tr>
							      	<td style='text-align:center;'>
							      		<?php echo $i; ?>
							      	</td>
							        <td style='text-align:center;'>
							        	<?php echo $io['nama_sales']; ?>
							        </td>
							        <td style='text-align:left;'>
							        		<?php echo $js;?> <!-- JSnya-->
							        </td>
									<td style='text-align:left;'>
											<button type="button" name="save" id="save">Save</button>
							  		</td>
							      </tr>
							      </tbody>

							<?php endif; ?>
						    <?php $i++; ?>
						  <?php endforeach; ?>

Jsnya

var canvas = $('#charto').get(0);

Ini Gambarnya

Salahnya dimana yah gan? mohon bimbingannya