I use zingchart with angular, It works perfect when I display a chart in a single page, but when I try to include the template with zingchart in a tab, It doesn't show and I don't have any error in a browser's console,
HTML :
<div zingchart id="chart-1" zc-json="myJson"></div>
CONTROLLER of zingchart's view:
$scope.myJson = {
type: "line",
series : [
{
values : data1,
text : "A",
lineColor : "#00ACF2",
marker : {
borderColor : "#00ACF2"
}
},
{
values : data2,
text : "B",
lineColor : "#86CA00",
marker : {
borderColor: "#86CA00"
}
}
]
};
CONTROLLER that I use to include my view with zingchart :
$templateRequest(template).then(function (html) {
var template = angular.element(html);
contenu = $compile(template)($scope);
$timeout(function () { $('#onglet').append(contenu); }, 100);
});
Thank you