The first part of the line should always be blue, because the data of the first part has a value in the VALIDATE column of 1. The last part should always be gray because the value there is 0. Still it is sometimes rendered completely gray, or a part of the line disappears.
In Visual Studio I put breakpoints in the colorFunction. The function always returns the correct value, even if the line isn’t rendered correctly.
I tested it in IE11, Chrome and Firefox. In all browsers the issue is the same. I added some screenshots of the jsFiddle to show you the issue.
– https://drive.google.com/file/d/0B86_iCzuVYsPbFh5Q3VyZUQ4YXc/view?usp=sharing
– https://drive.google.com/file/d/0B86_iCzuVYsPdUx2NW5MWFNtWXM/view?usp=sharing
You can see the issue when you change the period with the rangeselector.
Best Regards,
Marco Flier