frappe.pages['testpage'].on_page_load = function(wrapper) {
	var page = frappe.ui.make_app_page({
		parent: wrapper,
		title: 'Test Page',
		single_column: true
	});

	page.add_menu_item('Projects', () => frappe.set_route('List', 'Project'))

	const data = {
		labels: ["12am-3am", "3am-6pm", "6am-9am", "9am-12am",
			"12pm-3pm", "3pm-6pm", "6pm-9pm", "9am-12am"
		],
		datasets: [
			{
				name: "Some Data", type: "bar",
				values: [25, 40, 30, 35, 8, 52, 17, -4]
			},
			{
				name: "Another Set", type: "line",
				values: [25, 50, -10, 15, 18, 32, 27, 14]
			}
		]
	}

	const chart = new frappeChart.Chart('.main-section', {
		parent: $('.main-section'),
		title: "My Awesome Chart",
		data: data,
		type: 'axis-mixed', // or 'bar', 'line', 'scatter', 'pie', 'percentage'
		height: 250,
		colors: ['#7cd6fd', '#743ee2']
	})
}