[Solved] IE 9 Ajax Chart

[bwood]

I have a requirement that I have to have some text on a page and when the user hovers over the text a line chart is shown in a tooltip. It works ok in IE 8 but in IE 9 I only see a blank graph, no lines.

Here is my javascript to create the tooltip when hovered over:

$.ajax({
                        url: "/LineChart",
                        type: 'POST',
                        contentType: 'application/json; charset=utf-8',
                        data: JSON.stringify({ lines: linesData, categories: categoriesData }),
                        success: function (data) {
 
                            tooltipContent.append(data);
 
                            $that.tooltip({
                                top: 0,
                                left: 25,
                                staysOpen: false,
                                bodyHandler: function () {
                                    return tooltipContent.html();
                                }
                            });
                        }
 
                    });

[bwood]

The issue was that you cannot add a SVG element to a hidden element or it won't render properly.