require(['c3'], function (c3) {
	var chart = c3.generate({
		bindto: '#{{ include.id }}',
		padding: {
			bottom: -10,
			left: -1,
			right: -1
		},
		data: {
			names: {
				data1: 'Users online',
			},
			columns: [
				['data1', 30, 40, 10, 40, 12, 22, 40],
			],
			type: 'area'
		},
		legend: {
			show: false
		},
		transition: {
			duration: 0
		},
		point: {
			show: false
		},
		tooltip: {
			format: {
				title: function (x) {
					return '';
				}
			}
		},
		axis: {
			y: {
				padding: {
					bottom: 0,
				},
				show: false,
				tick: {
					outer: false
				}
			},
			x: {
				padding: {
					left: 0,
					right: 0,
				},
				show: false
			}
		},
		color: {
			pattern: ['{{ site.colors[include.color] }}']
		}
	});
});