70 lines
1.5 KiB
JavaScript
70 lines
1.5 KiB
JavaScript
var angularPeity = angular.module( 'angular-peity', [] );
|
|
|
|
$.fn.peity.defaults.pie = {
|
|
fill: ["#ff0000", "#aaaaaa"],
|
|
radius: 4,
|
|
}
|
|
|
|
var buildChartDirective = function ( chartType ) {
|
|
return {
|
|
restrict: 'E',
|
|
scope: {
|
|
data: "=",
|
|
options: "="
|
|
},
|
|
link: function ( scope, element, attrs ) {
|
|
|
|
var options = {};
|
|
if ( scope.options ) {
|
|
options = scope.options;
|
|
}
|
|
|
|
// N.B. live-binding to data by Matthew
|
|
scope.$watch('data', function () {
|
|
var span = document.createElement( 'span' );
|
|
span.textContent = scope.data.join();
|
|
|
|
if ( !attrs.class ) {
|
|
span.className = "";
|
|
} else {
|
|
span.className = attrs.class;
|
|
}
|
|
|
|
if (element[0].nodeType === 8) {
|
|
element.replaceWith( span );
|
|
}
|
|
else if (element[0].firstChild) {
|
|
element.empty();
|
|
element[0].appendChild( span );
|
|
}
|
|
else {
|
|
element[0].appendChild( span );
|
|
}
|
|
|
|
jQuery( span ).peity( chartType, options );
|
|
});
|
|
}
|
|
};
|
|
};
|
|
|
|
|
|
angularPeity.directive( 'pieChart', function () {
|
|
|
|
return buildChartDirective( "pie" );
|
|
|
|
} );
|
|
|
|
|
|
angularPeity.directive( 'barChart', function () {
|
|
|
|
return buildChartDirective( "bar" );
|
|
|
|
} );
|
|
|
|
|
|
angularPeity.directive( 'lineChart', function () {
|
|
|
|
return buildChartDirective( "line" );
|
|
|
|
} );
|