<canvas id="holdings" width="200" height="100"></canvas>

<script>

var ctx = document.getElementById("holdings");
var chart = new Chart(ctx, {
	type: 'line',
	data: {
		labels: [
			{{#history}}
			'{{createdAt}}',
			{{/history}}
		],
		datasets: [
			{
				label: "USD",
				data: [
					{{#history}}{{amount}},{{/history}}
				],
				lineTension: 0.1,
				borderColor: "rgb(75,192,75)",
				backgroundColor: "rgba(75,192,75,0.5)",
			},
		]
	},
	options: {
		title: {
			display: true,
			text: 'USD Over Time'
		},
		scales: {
			xAxes: [{
				type: 'time',
			}],
			yAxes: [{
				ticks: {
					beginAtZero: true,
				}
			}]
		}
	}
});
</script>