Patterns do not appear sometimes

[phirani27]

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)

          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.

[TorsteinHonsi]

I think the id is the problem with your pattern, it shouldn't start with the # character. See http://jsfiddle.net/highcharts/jzy1unsv/239/.

[phirani27]

Hi,

Thank you for your reply, but the issue is not with # as the starting character. I had to charts on the dashboard and both of them were referring to the same url id. Hence the chart was not rendering. I added another unique chart identifier in the url for each chart.