Chart.js: [BUG] Time scale line charts do not render dataset in IE11

[mgsmith57]

[BUG] Time scale line charts do render the data-set lines in Internet Explorer 10 and 11. The axis does however reflect the data-sets.

Expected Behavior

1. In Internet Explorer 10 and 11 the lines should be rendered

Current Behavior

1. The chart renders correctly with the exception with the data lines which are missing.

Possible Solution

Steps to Reproduce (for bugs)

1. Navigate to http://www.chartjs.org/samples/latest/scales/time/line.html in Internet Explorer 11
2. Observe no data lines are rendered

Context

Environment

• Chart.js - Observed in 2.6.0 and 2.13
• Internet Explorer 11
• http://www.chartjs.org/samples/latest/scales/time/line.html

[etimberg]

@mgsmith57 I don't have access to ie11 at the moment. Does http://www.chartjs.org/samples/master/scales/time/line.html work on IE11? That's the latest build from the master branch

[mgsmith57]

Yes it does.

[etimberg]

Awesome! I think the issue is that in 2.6 we used Number. MAX_SAFE_INTEGER and Number.MIN_SAFE_INTEGER which have been fixed to fallback if they don't exist.

Adding these lines before you include Chart.js should be sufficient
Number.MAX_SAFE_INTEGER = Number. MAX_SAFE_INTEGER || 9007199254740991
Number.MIN_SAFE_INTEGER = Number.MIN_SAFE_INTEGER || -9007199254740991

[mgsmith57]

That did the trick. Thanks for the quick resolution.

[aless673]

Thanks

What about a PR ? I lost 1 hour to understand what was the problem

[saharemanish]

HI
Where should I add these lines exactly in .ts file.

Number.MAX_SAFE_INTEGER = Number. MAX_SAFE_INTEGER || 9007199254740991
Number.MIN_SAFE_INTEGER = Number.MIN_SAFE_INTEGER || -9007199254740991

In Angular ts file I am getting this error on adding anywhere
Compilation Error: Cannot assign to 'MAX_SAFE_INTEGER' because it is a constant or a read-only property.

Thanks

[jdanl89]

@saharemanish make sure your dates are formatted correctly. IE (and Firefox) have issues with the format of your string in new Date(). Mine was working correctly in every browser except IE.

(https://stackoverflow.com/questions/13091523/javascript-invalid-date-error-in-internet-explorer)