<canvas id="example_Saturday 10th September" width="400" height="300"></canvas>
<script type="text/javascript">
var g = new Bluff.Line('example_Saturday 10th September', '400x300');
g.title = 'Saturday 10th September';
g.tooltips = true;
g.set_theme({
colors: ['blue', 'red', 'orange'],
marker_color: '#aea9a9',
font_color: 'black',
background_colors: ['#ffffff', '#ffffff']
});
g.data("Apples", ['0', '3.3', '0', '9.3', '0', '14.4', '0', '8.8', '10.4', '10.1', '5.9', '3.3', '0', '2.9', '6.4', '5.8', '8.2', '9.4']);
g.data("Pears", ['25', '0', '7', '0', '35', '0', '0', '60', '0', '0', '0', '0', '20', '15', '60', '0', '0', '0']);
g.data("Bananas", ['0', '0', '0', '0', '6', '0', '1', '7', '0', '0', '0', '0', '0', '0', '6', '0', '0', '0']);
g.labels = {"0": "01:57:00 AM", "1": "02:19:00 AM", "2": "02:23:00 AM", "3": "09:57:00 AM", "4": "11:37:00 AM", "5": "01:01:00 PM", "6": "01:03:00 PM", "7": "02:51:00 PM", "8": "04:00:00 PM", "9": "04:54:00 PM", "10": "05:52:00 PM", "11": "06:37:00 PM", "12": "06:42:00 PM", "13": "06:54:00 PM", "14": "07:36:00 PM", "15": "08:51:00 PM", "16": "10:33:00 PM", "17": "12:23:00 AM"};
g.draw();
</script>