{"action":"closed","issue":{"url":"https://api.github.com/repos/bouil/angular-google-chart/issues/161","labels_url":"https://api.github.com/repos/bouil/angular-google-chart/issues/161/labels{/name}","comments_url":"https://api.github.com/repos/bouil/angular-google-chart/issues/161/comments","events_url":"https://api.github.com/repos/bouil/angular-google-chart/issues/161/events","html_url":"https://github.com/bouil/angular-google-chart/issues/161","id":58588985,"number":161,"title":"dynamically inserted charts are not displayed","user":{"login":"siritsch","id":8118405,"avatar_url":"https://avatars.githubusercontent.com/u/8118405?v=3","gravatar_id":"","url":"https://api.github.com/users/siritsch","html_url":"https://github.com/siritsch","followers_url":"https://api.github.com/users/siritsch/followers","following_url":"https://api.github.com/users/siritsch/following{/other_user}","gists_url":"https://api.github.com/users/siritsch/gists{/gist_id}","starred_url":"https://api.github.com/users/siritsch/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/siritsch/subscriptions","organizations_url":"https://api.github.com/users/siritsch/orgs","repos_url":"https://api.github.com/users/siritsch/repos","events_url":"https://api.github.com/users/siritsch/events{/privacy}","received_events_url":"https://api.github.com/users/siritsch/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2015-02-23T14:02:59Z","updated_at":"2015-03-06T17:18:18Z","closed_at":"2015-03-06T17:18:18Z","body":"I have a main column chart with different bar charts. For each column in the main chart I generate a detail chart. \r\nThe html looks like\r\n            <tr ng-repeat=\"category in Categories\">\r\n                <td><div class=\"Vertical\">Functional Testing</div></td>\r\n                <td><div google-chart id=\"{{category.id}}\" style=\"width: 1400px; height: 300px\"></div></td>\r\n            </tr>\r\n\r\nInside my controller I have a function for generating the detail charts:\r\n    function loadTestFolderChart(Release, Cycle, Folder) {\r\n        var catChart = {};\r\n        catChart.options = {\r\n            'isStacked': true, 'legend': 'top',\r\n            'hAxis': { 'title': 'Test Sets' },\r\n            'vAxis': { 'textStyle': { 'fontSize': '12' } },\r\n            'chartArea': { 'width': '60%' },\r\n            'series': [{ 'color': '#008000', 'visibleInLegend': true }, { 'color': '#FF8000', 'visibleInLegend': true }, { 'color': '#FF0000', 'visibleInLegend': true }, { 'color': '#FFFF00', 'visibleInLegend': true }, { 'color': '#00FFFF', 'visibleInLegend': true }],\r\n            'orientation': 'vertical'\r\n        };\r\n        catChart.type = \"ColumnChart\";\r\n\r\n        var categoryXml = \"<?xml version=\\\"1.0\\\" encoding=\\\"ISO-8859-1\\\"?>\" +\r\n                    \"<soap:Envelope xmlns:xsi=\\\"http://www.w3.org/2001/XMLSchema-instance\\\" xmlns:xsd=\\\"http://www.w3.org/2001/XMLSchema\\\" xmlns:soap=\\\"http://schemas.xmlsoap.org/soap/envelope/\\\">\" +\r\n                      \"<soap:Body>\" +\r\n                          \"<TestFolders xmlns=\\\"volkswagen.aftersales.qmc\\\"><Release>\" + Release + \"</Release><Cycle>\" + Cycle + \"</Cycle><Category>\" + Folder + \"</Category></TestFolders>\" +\r\n                       \"</soap:Body>\" +\r\n                    \"</soap:Envelope>\";\r\n\r\n        $http({\r\n            method: 'POST',\r\n            url: BASE_URL,\r\n            headers: {\r\n                'Content-Type': 'text/xml;charset=ISO-8859-1',\r\n                'SOAPAction': 'volkswagen.aftersales.qmc/TestCategories',\r\n                'Accept': 'text/xml'\r\n            },\r\n            data: catChartXml\r\n        }).\r\n        success(function (data) {\r\n            var x2js = new X2JS();\r\n            var objJsonXml = x2js.xml_str2json(data);\r\n            var response = objJsonXml.Envelope.Body.TestCategoriesResponse.TestCategoriesResult;\r\n            var objJson = eval('(' + response + ')');\r\n\r\n            if (objJson != null) {\r\n                var chartFolder = Folder.replace(' ', '_');\r\n                var id = Folder + 'Chart';\r\n                var div = document.getElementById(id);\r\n                var chartAttr = document.createAttribute('chart');\r\n                chartAttr.value = chartFolder;\r\n                div.attributes.setNamedItem(chartAttr);\r\n                catChart.data = objJson;\r\n                var model = $parse(chartFolder);\r\n                model.assign($scope, catChart);\r\n                //$scope[chartFolder].drawAsync();\r\n            }\r\n        });\r\n\r\nI get all the results back from the server, but the detail charts get not displayed. The 'parent' div remains empty.\r\n<div google-chart=\"\" id=\"Benutzer TQANBV2Chart\" style=\"width: 1400px; height: 300px\" class=\"ng-isolate-scope\" chart=\"Benutzer_TQANBV2\"></div>\r\n\r\nIn my pure Javascript version without the directive everything works fine."}}