I need some help to figure out why I am getting an error when trying to create a simple graph using the jQuery FLOT library. When I reference version 0.7 of the FLOT library, the page renders correctly:

http://attardpropertytax.ca/flot07.html

But when I switch to version 0.8.1 of the FLOT library, the page returns an error saying: Uncaught TypeError: Cannot read property 'left' of null

http://attardpropertytax.ca/flot81.html

The HTML is the same for both pages, so I cannot figure out why the new version 0.8.1 of FLOT returns an error, but the old version 0.7 does not. Any ideas?

I somehow stumbled across a work-around that managed to fix my problem. I'm nut sure why, but I had to comment-out the following two sections of code from the v. 0.8.1 FLOT library:

This was the first spot:

// If the grid is visible, add its border width to the offset
for (var a in plotOffset) {
if(typeof(options.grid.borderWidth) == "object") {
    plotOffset[a] += showGrid ? options.grid.borderWidth[a] : 0;
}
else {
    plotOffset[a] += showGrid ? options.grid.borderWidth : 0;
}
}

And this was the second spot:

if (isNaN(v) || v < axis.min || v > axis.max
// skip those lying on the axes if we got a border
|| (t == "full"
    && ((typeof bw == "object" && bw[axis.position] > 0) || bw > 0)
    && (v == axis.min || v == axis.max)))
continue;

I'm sure eventually @DNS will be taking a look at this question and maybe he will be able to help me understand what is going wrong with my code. Thanks.