Illegal Frame Error

Hi, I am currently working on a Watch Face and have recently implemented a new feature where the Hour Numeral (Roman Numeral) fills up based on your steps as a percentage of your step goal, and it works perfectly, and gives me no errors in the simulator, but after a day it does. I think it has to do with the steps feature, since it works when I remove it. This is my source code that gives me the error:

var bottom = ScreenSize - ScreenSize/(ScreenSize/border) + ScreenSize/(size + stroke);
var top = ScreenSize/(ScreenSize/border) - ScreenSize/(size + stroke);
var volume = bottom - top;
var fillBottom = Application.getApp().getProperty("NumeralFill")*bottom;
var stepsVolume = steps.toFloat()*volume;
var stepsVolumeGoal = stepsVolume/goal.toFloat();
var stepsClip = fillBottom - stepsVolumeGoal;
var stepsClear = Application.getApp().getProperty("NumeralFill")*ScreenSize;

dc.setClip(0, 0, ScreenSize, stepsClip);

(The setting "NumeralFill" that I am referring to has a option of either 1 or 2)
(Also ScreenSize refers to the size of the screen)

And this is the error message I get:

Error: Illegal Frame Error
Details: Failed invoking
Stack:

I have read other Garmin forums on this problem, but I still have no idea what this error message means, can anyone please explain if they know what it means, or why I am getting this problem? It's probably a rookie mistake since I am still new to this, but I just can't seem to figure it out.