diff --git a/dashboard/js/app.jsx b/dashboard/js/app.jsx
index 689b330..238cb26 100644
--- a/dashboard/js/app.jsx
+++ b/dashboard/js/app.jsx
@@ -179,11 +179,17 @@ var BoxPlot = React.createClass({
var LineChart = React.createClass({
render: function() {
- var points = this.props.points,
- maxHeight = 130,
- padding = 3;
+ var width = 950,
+ height = 120,
+ paddingLeft = 30,
+ paddingTop = 10,
+ paddingBottom = 20;
- var min = 0, max;
+ var points = this.props.points,
+ maxHeight = height - paddingTop - paddingBottom,
+ padding = 30;
+
+ var min = 0, max = 0;
points.map(function(point) {
if (max === undefined || point.processed > max) {
max = point.processed;
@@ -195,49 +201,76 @@ var LineChart = React.createClass({
return;
}
- var path = points.map(function(point, i) {
+ var npoints = points.map(function(point, i) {
var val = point[key];
var width = 15;
var x = i * width + padding;
- var y = maxHeight - Math.round((val-min)/(max-min) * maxHeight) + 16;
+ var y = maxHeight - Math.round((val-min)/(max-min) * maxHeight) + paddingTop;
+
+ return [x, y];
+ });
+
+ var path = npoints.map(function(point, i) {
+ var x = point[0], y = point[1];
if (i === 0) {
return "M"+x+","+y;
} else {
return "L"+x+","+y;
}
+ }).join(" ");
+
+ var dots = npoints.map(function(point, i) {
+ var x = point[0], y = point[1];
+
+ var r = 2; // Radius
+
+ return