old_contents: var barCount = 60;
  var initialDateStr = '01 Apr 2017 00:00 Z';
  
  var ctx = document.getElementById('chart').getContext('2d');
  ctx.canvas.width = 1000;
  ctx.canvas.height = 250;
  var chart = new Chart(ctx, {
  	type: 'candlestick',
  	data: {
  		datasets: [{
  			label: 'CHRT - Chart.js Corporation',
  			data: getRandomData(initialDateStr, barCount)
  		}]
  	}
  });
  
  var getRandomInt = function(max) {
  	return Math.floor(Math.random() * Math.floor(max));
  };
  
  function randomNumber(min, max) {
  	return Math.random() * (max - min) + min;
  }
  
  function randomBar(date, lastClose) {
  	var open = randomNumber(lastClose * 0.95, lastClose * 1.05);
  	var close = randomNumber(open * 0.95, open * 1.05);
  	var high = randomNumber(Math.max(open, close), Math.max(open, close) * 1.1);
  	var low = randomNumber(Math.min(open, close) * 0.9, Math.min(open, close));
  	return {
  		t: date.valueOf(),
  		o: open,
  		h: high,
  		l: low,
  		c: close
  	};
  
  }
  
  function getRandomData(dateStr, count) {
  	var date = luxon.DateTime.fromRFC2822(dateStr);
  	var data = [randomBar(date, 30)];
  	while (data.length < count) {
  		date = date.plus({days: 1});
  		if (date.weekday <= 5) {
  			data.push(randomBar(date, data[data.length - 1].c));
  		}
  	}
  	return data;
  }
  
  var update = function() {
  	var dataset = chart.config.data.datasets[0];
  
  	// candlestick vs ohlc
  	var type = document.getElementById('type').value;
  	dataset.type = type;
  
  	// color
  	var colorScheme = document.getElementById('color-scheme').value;
  	if (colorScheme === 'neon') {
  		dataset.color = {
  			up: '#01ff01',
  			down: '#fe0000',
  			unchanged: '#999',
  		};
  	} else {
  		delete dataset.color;
  	}
  
  	// border
  	var border = document.getElementById('border').value;
  	if (border === 'true') {
  		dataset.borderColor = '#000';
  		dataset.borderWidth = 2;
  	} else {
  		delete dataset.borderColor;
  		delete dataset.borderWidth;
  	}
  
  	chart.update();
  };
  
  document.getElementById('update').addEventListener('click', update);
  
  document.getElementById('randomizeData').addEventListener('click', function() {
  	chart.data.datasets.forEach(function(dataset) {
  		dataset.data = getRandomData(initialDateStr, barCount + getRandomInt(10));
  	});
  	update();
  });
  
new_contents: var barCount = 60;
  var initialDateStr = '01 Apr 2017 00:00 Z';
  
  var ctx = document.getElementById('chart').getContext('2d');
  ctx.canvas.width = 1000;
  ctx.canvas.height = 250;
  var chart = new Chart(ctx, {
  	type: 'candlestick',
  	data: {
  		datasets: [{
  			label: 'CHRT - Chart.js Corporation',
  			data: getRandomData(initialDateStr, barCount)
  		}]
  	}
  });
  
  var getRandomInt = function(max) {
  	return Math.floor(Math.random() * Math.floor(max));
  };
  
  function randomNumber(min, max) {
  	return Math.random() * (max - min) + min;
  }
  
  function randomBar(date, lastClose) {
  	var open = randomNumber(lastClose * 0.95, lastClose * 1.05);
  	var close = randomNumber(open * 0.95, open * 1.05);
  	var high = randomNumber(Math.max(open, close), Math.max(open, close) * 1.1);
  	var low = randomNumber(Math.min(open, close) * 0.9, Math.min(open, close));
  	return {
  		t: date.valueOf(),
  		o: open,
  		h: high,
  		l: low,
  		c: close
  	};
  
  }
  
  function getRandomData(dateStr, count) {
  	var date = luxon.DateTime.fromRFC2822(dateStr);
  	var data = [randomBar(date, 30)];
  	while (data.length < count) {
  		date = date.plus({days: 1});
  		if (date.weekday <= 5) {
  			data.push(randomBar(date, data[data.length - 1].c));
  		}
  	}
  	return data;
  }
  
  var update = function() {
  	var dataset = chart.config.data.datasets[0];
  
  	// candlestick vs ohlc
  	var type = document.getElementById('type').value;
  	dataset.type = type;
  
  	// color
  	var colorScheme = document.getElementById('color-scheme').value;
  	if (colorScheme === 'neon') {
  		dataset.color = {
  			up: '#01ff01',
  			down: '#fe0000',
  			unchanged: '#999',
  		};
  	} else {
  		delete dataset.color;
  	}
  
  	// border
  	var border = document.getElementById('border').value;
  	if (border === 'true') {
  		dataset.borderColor = '#000';
  		dataset.borderWidth = 1;
  	} else {
  		delete dataset.borderColor;
  		delete dataset.borderWidth;
  	}
  
  	chart.update();
  };
  
  document.getElementById('update').addEventListener('click', update);
  
  document.getElementById('randomizeData').addEventListener('click', function() {
  	chart.data.datasets.forEach(function(dataset) {
  		dataset.data = getRandomData(initialDateStr, barCount + getRandomInt(10));
  	});
  	update();
  });
  
subject: Use a smaller border in the sample