Zingchart с угловой директивой

Question

Я использую zingchart с angular. Он отлично работает, когда я отображаю диаграмму на одной странице, но когда я пытаюсь включить шаблон с zingchart во вкладку, он не отображается и у меня нет ошибок в консоли браузера.,

HTML:

<div zingchart id="chart-1" zc-json="myJson"></div>

КОНТРОЛЛЕР представления zingchart:

$scope.myJson = {
type: "line",
series : [
                    {
                        values : data1,
                        text : "A",
                        lineColor : "#00ACF2",
                        marker : {
                            borderColor : "#00ACF2"
                        }
                    },
                    {
                        values : data2,
                        text : "B",
                        lineColor : "#86CA00",
                        marker : {
                            borderColor: "#86CA00"
                        }
                    }
                ]
};

КОНТРОЛЛЕР, который я использую для включения моего представления в zingchart:

$templateRequest(template).then(function (html) { 
var template = angular.element(html); 
contenu = $compile(template)($scope); 
$timeout(function () { $('#onglet').append(contenu); }, 100); 
});

Спасибо