docs(demo): fix broken demos, lowercase id

Fix issues in JavaScript resulting from automated lowercasing of the id in DataFromURL-csv, JSONData and Export.

Fix #840
Close #841

AUTHORS.txt

@@ -25,3 +25,4 @@ Alexandre Araujo <https://github.com/oliveiraaraujo>
 Jinwoo Oh <[email protected]>
 Nirmal Guna <[email protected]>
 Michael Yungerman <[email protected]>
+Malte Batram <[email protected]>

demo/chart.js

@@ -158,7 +158,8 @@ var billboardDemo = {
 	},
 
 	getLowerFirstCase(str) {
-		return str.charAt(0).toLowerCase() + str.slice(1);
+		return /^(JSON)/.test(str) ?
+			str : str.charAt(0).toLowerCase() + str.slice(1);
 	},
 
 	_addChartInstance: function(type, key, index, code) {

demo/demo.js

@@ -1436,7 +1436,7 @@ var demos = {
 				chart.timer = [
 					setTimeout(function() {
 						bb.generate({
-							bindto: "#DataFromURL-csv",
+							bindto: "#dataFromURL-csv",
 							data: {
 								url: './data/test.json',
 								mimeType: "json"
@@ -1644,9 +1644,9 @@ var demos = {
 					],
 					type: "bar",
 					colors: {
-						data1: '#ff0000',
-						data2: '#00ff00',
-						data3: '#0000ff'
+						data1: "#ff0000",
+						data2: "#00ff00",
+						data3: "#0000ff"
 					},
 					color: function(color, d) {
 						// d will be "id" when called for legends
@@ -3412,9 +3412,9 @@ d3.select(".chart_area")
 					],
 					type: "bar",
 					colors: {
-						data1: '#ff0000',
-						data2: '#00ff00',
-						data3: '#0000ff'
+						data1: "#ff0000",
+						data2: "#00ff00",
+						data3: "#0000ff"
 					},
 					labels: true
 				}
@@ -3423,17 +3423,17 @@ d3.select(".chart_area")
 				chart.timer = [
 					setTimeout(function() {
 						chart.data.colors({
-							data1: d3.rgb('#ff0000').darker(1),
-							data2: d3.rgb('#00ff00').darker(1),
-							data3: d3.rgb('#0000ff').darker(1)
+							data1: d3.rgb("#ff0000").darker(1),
+							data2: d3.rgb("#00ff00").darker(1),
+							data3: d3.rgb("#0000ff").darker(1)
 						});
 					}, 1000),
 
 					setTimeout(function() {
 						chart.data.colors({
-							data1: d3.rgb('#ff0000').darker(2),
-							data2: d3.rgb('#00ff00').darker(2),
-							data3: d3.rgb('#0000ff').darker(2)
+							data1: d3.rgb("#ff0000").darker(2),
+							data2: d3.rgb("#00ff00").darker(2),
+							data3: d3.rgb("#0000ff").darker(2)
 						});
 					}, 2000)
 				];
@@ -3478,7 +3478,7 @@ d3.select(".chart_area")
 						// crate a div element
 						var exported = document.createElement("div");
 
-						document.getElementById("Export")
+						document.getElementById("export")
 							.insertAdjacentElement("afterend", exported);
 
 						// Call after the chart finished rendering