Tenho uma diretiva onde monto uns gráficos, porém não estou conseguindo entender como posso passar um Array
do controller
pra essa diretiva ou então como posso pegar esse Array
usando $http dentro da diretiva.
Essa é a diretiva:
.directive('pieDonut', function(){
return {
restrict: 'A',
link: function(scope, element, attrs){
var pieData = [
{data: 40, color: '#F44336', label: 'Negadas'},
{data: 43, color: '#03A9F4', label: 'Aprovadas'},
];
/* Pie Chart */
if($('#pie-chart')[0]){
$.plot('#pie-chart', pieData, {
series: {
pie: {
show: true,
stroke: {
width: 2,
},
},
},
legend: {
container: '.flc-pie',
backgroundOpacity: 0.5,
noColumns: 0,
backgroundColor: "white",
lineWidth: 0
},
grid: {
hoverable: true,
clickable: true
},
tooltip: true,
tooltipOpts: {
content: "%p.0%, %s", // show percentages, rounding to 2 decimal places
shifts: {
x: 20,
y: 0
},
defaultTheme: false,
cssClass: 'flot-tooltip'
}
});
}
}
}
})
No começo da diretiva tenho o Array
pieData com dados estáticos, resumidamente gostaria de passar esses dados através do controller
ou captura-los na própria diretiva usando $http
. Como posso fazer isso?