Charts

Frappe Charts

https://frappe.github.io/charts/

var data = {
	labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm", "12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"],
	datasets: [
		{title: "Some Data",values: [25, 40, 30, 35, 8, 52, 17, -4]},
		{title: "Another Set",values: [25, 50, -10, 15, 18, 32, 27, 14]},
		{title: "Yet Another",values: [15, 20, -3, -15, 58, 12, -17, 37]}
	]
};

var chart = new stat.chart({
	parent: ".chart", // or a DOM element
	title: "Example Chart",
	data: data,
	type: 'bar', // 'bar', 'line', 'scatter', 'pie', 'percentage'
	height: 250,
	colors: ['#7cd6fd', 'violet', 'blue'],
	format_tooltip_x: d => (d + '').toUpperCase(),
	format_tooltip_y: d => d + ' pts'
});