chart bg fix

src/_includes/cards/chart-bg.html

@@ -14,6 +14,6 @@
 	</div>
 </div>
 
-{% contentfor scripts %}
+<script>
 {% include js/chart-bg.js id=include.id color=color %}
-{% endcontentfor %}
+</script>

src/_includes/js/chart-bg.js

@@ -1,4 +1,5 @@
-require(['c3'], function (c3) {
+require(['c3', 'jquery'], function (c3, $) {
+	$(document).ready(function() {
 		var chart = c3.generate({
 			bindto: '#{{ include.id }}',
 			padding: {
@@ -8,10 +9,10 @@ require(['c3'], function (c3) {
 			},
 			data: {
 				names: {
-				data1: 'Users online',
+					data1: 'Users online'
 				},
 				columns: [
-				['data1', 30, 40, 10, 40, 12, 22, 40],
+					['data1', 30, 40, 10, 40, 12, 22, 40]
 				],
 				type: 'area'
 			},
@@ -44,13 +45,14 @@ require(['c3'], function (c3) {
 				x: {
 					padding: {
 						left: 0,
-					right: 0,
+						right: 0
 					},
 					show: false
 				}
 			},
 			color: {
-			pattern: ['{{ site.colors[include.color] }}']
+				pattern: ['{{ site.colors[include.color].hex }}']
 			}
 		});
 	});
+});