bbtimeline.js

@@ -1,6 +1,6 @@
 /**
  * BBTimeline
- * @version v0.1.0.089 beta (2023/10/14 1658)
+ * @version v0.1.0.076 (2023/09/30 1432)
  */
 class BBTimeline {
   constructor(el) {
@@ -321,11 +321,9 @@ class BBTimeline {
 
         if (a.Debug) a.drawRectangle(e.HitBox);
         if (a.Debug) console.log(e);
+
       });
     }
-
-    if (a.Debug) a.drawRectangle(a.GraphRectangle);
-
   }
 
 
@@ -459,23 +457,8 @@ class BBTimeline {
 
   clearChart() {
     const a = this;
-    const rect = {
-      X: a.GraphRectangle.X,
-      Y: a.GraphRectangle.Y,
-      W: a.GraphRectangle.W,
-      H: a.GraphRectangle.H
-    };
 
-    rect.X += a.Axis.LineWidth;
-    rect.Y -= a.Padding.Top;
-    rect.W -= a.Axis.LineWidth;
-    rect.W += a.Padding.Right;
-    rect.H -= a.Axis.LineWidth;
-    rect.H += a.Padding.Top;
-
-    a.ctx.clearRect(rect.X, rect.Y, rect.W, rect.H);
-
-    if (a.Debug) a.drawRectangle(rect);
+    a.ctx.clearRect((a.GraphRectangle.X + a.Axis.LineWidth), a.GraphRectangle.Y, (a.GraphRectangle.W -a.Axis.LineWidth), (a.GraphRectangle.H - a.Axis.LineWidth));
 
     // Clear marker positions
     const visibleEvents = a.FindVisibleEvents();
@@ -495,6 +478,8 @@ class BBTimeline {
     a.ctx.lineWidth = a.Axis.LineWidth;
     a.ctx.strokeStyle = a.Axis.LineColour1;
     a.ctx.stroke();
+
+    if (a.Debug) a.drawRectangle(a.GraphRectangle);
   }
 
   drawXAxis() {