Patterns do not appear sometimes

Hi,
I am using Highstock JS v5.0.10 and the pattern plugin to render custom color patterns.
I have a logic to create an array of patterns in the below format with a variable color and latter map it's id to the color of the series(as shown in the examples)

```js
var pattern = {
'id': "#CCCCCC1",
'path': {
d: 'M 0 10 L 10 0 M -1 1 L 1 -1 M 9 11 L 11 9',
stroke: "white",
strokeWidth: 2,
fill: "#CCCCCC",
fillOpacity: 0.7
}
}
```

I am facing a weird behavior wherein the bars are filled with pattern at times and sometimes the code goes missing. I was unable to track a pattern for this problem. What I doubt is the server that I have deployed on is unable to load the url's of the patterns sometimes. Can you please help if you have face similar issues or is there something wrong I would be doing in the code.