ngx-beautiful-charts
Version:
A library to create charts in Angular
77 lines • 6.12 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component } from '@angular/core';
import { PieChartService } from '../pie-chart.service';
var PieChartBaseComponent = /** @class */ (function () {
function PieChartBaseComponent(pieChartService) {
this.pieChartService = pieChartService;
}
/**
* @return {?}
*/
PieChartBaseComponent.prototype.computeLegionXs = /**
* @return {?}
*/
function () {
this.x1 = this.pieChartService.rectWidth + 2 * this.pieChartService.xPadding + this.pieChartService.legionWidth / 4 * .2;
this.x2 = this.pieChartService.rectHeight + 2 * this.pieChartService.xPadding + this.pieChartService.legionWidth / 4 * .8;
};
/**
* @param {?} i
* @return {?}
*/
PieChartBaseComponent.prototype.computeLegionPath = /**
* @param {?} i
* @return {?}
*/
function (i) {
/** @type {?} */
var path = 'M ';
/** @type {?} */
var y = this.pieChartService.yPadding + 25 + 30 * i;
path = path + this.x1 + ' ' + y + ' ' + this.x2 + ' ' + y;
return path;
};
/**
* @return {?}
*/
PieChartBaseComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.computeLegionXs();
};
/**
* @return {?}
*/
PieChartBaseComponent.prototype.ngOnChanges = /**
* @return {?}
*/
function () {
this.computeLegionXs();
};
PieChartBaseComponent.decorators = [
{ type: Component, args: [{
selector: 'g[ngx-pie-chart-base]',
template: "<!-- Legion -->\n<svg:rect [attr.x]=\"2*pieChartService.xPadding + pieChartService.rectWidth\" \n[attr.y]=\"pieChartService.yPadding\" \n[attr.width]=\"pieChartService.legionWidth\" \n[attr.height]=\"pieChartService.legionHeight\" \nfill=\"#f1f1f1\" />\n\n\n<svg:g *ngFor=\"let x of pieChartService.data; index as i\">\n <svg:path class=\"legion-line\" [attr.d]=\"computeLegionPath(i)\" fill=\"none\" [attr.stroke]=\"x.color\" />\n <svg:text class=\"axis-text\" \n [attr.x]=\"pieChartService.rectWidth + 2*pieChartService.xPadding + pieChartService.legionWidth / 4\" \n [attr.y]=\"pieChartService.yPadding+30+30*i\" class=\"small\"> {{ x.name }} </svg:text>\n</svg:g>\n",
styles: [".legion-line{stroke-width:5}"]
}] }
];
/** @nocollapse */
PieChartBaseComponent.ctorParameters = function () { return [
{ type: PieChartService }
]; };
return PieChartBaseComponent;
}());
export { PieChartBaseComponent };
if (false) {
/** @type {?} */
PieChartBaseComponent.prototype.x1;
/** @type {?} */
PieChartBaseComponent.prototype.x2;
/** @type {?} */
PieChartBaseComponent.prototype.pieChartService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGllLWNoYXJ0LWJhc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LWJlYXV0aWZ1bC1jaGFydHMvIiwic291cmNlcyI6WyJsaWIvcGllLWNoYXJ0L3BpZS1jaGFydC1iYXNlL3BpZS1jaGFydC1iYXNlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBNEIsTUFBTSxlQUFlLENBQUM7QUFDcEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXZEO0lBc0JFLCtCQUFtQixlQUFnQztRQUFoQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7SUFBSSxDQUFDOzs7O0lBWnhELCtDQUFlOzs7SUFBZjtRQUNFLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxTQUFTLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsV0FBVyxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUM7UUFDekgsSUFBSSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxXQUFXLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQztJQUM1SCxDQUFDOzs7OztJQUVELGlEQUFpQjs7OztJQUFqQixVQUFrQixDQUFTOztZQUNyQixJQUFJLEdBQUcsSUFBSTs7WUFDVCxDQUFDLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxRQUFRLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxDQUFDO1FBQ3JELElBQUksR0FBRyxJQUFJLEdBQUcsSUFBSSxDQUFDLEVBQUUsR0FBRyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsR0FBRyxJQUFJLENBQUMsRUFBRSxHQUFHLEdBQUcsR0FBRyxDQUFDLENBQUM7UUFDMUQsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDOzs7O0lBSUQsd0NBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pCLENBQUM7Ozs7SUFFRCwyQ0FBVzs7O0lBQVg7UUFDRSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQzs7Z0JBOUJGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxxckJBQThDOztpQkFFL0M7Ozs7Z0JBTlEsZUFBZTs7SUFrQ3hCLDRCQUFDO0NBQUEsQUFoQ0QsSUFnQ0M7U0EzQlkscUJBQXFCOzs7SUFFaEMsbUNBQVc7O0lBQ1gsbUNBQVc7O0lBY0MsZ0RBQXVDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBPbkNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBpZUNoYXJ0U2VydmljZSB9IGZyb20gJy4uL3BpZS1jaGFydC5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ1tuZ3gtcGllLWNoYXJ0LWJhc2VdJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BpZS1jaGFydC1iYXNlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGllLWNoYXJ0LWJhc2UuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQaWVDaGFydEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG5cbiAgeDE6IG51bWJlcjtcbiAgeDI6IG51bWJlcjtcblxuICBjb21wdXRlTGVnaW9uWHMoKSB7XG4gICAgdGhpcy54MSA9IHRoaXMucGllQ2hhcnRTZXJ2aWNlLnJlY3RXaWR0aCArIDIgKiB0aGlzLnBpZUNoYXJ0U2VydmljZS54UGFkZGluZyArIHRoaXMucGllQ2hhcnRTZXJ2aWNlLmxlZ2lvbldpZHRoIC8gNCAqIC4yO1xuICAgIHRoaXMueDIgPSB0aGlzLnBpZUNoYXJ0U2VydmljZS5yZWN0SGVpZ2h0ICsgMiAqIHRoaXMucGllQ2hhcnRTZXJ2aWNlLnhQYWRkaW5nICsgdGhpcy5waWVDaGFydFNlcnZpY2UubGVnaW9uV2lkdGggLyA0ICogLjg7XG4gIH1cblxuICBjb21wdXRlTGVnaW9uUGF0aChpOiBudW1iZXIpIHtcbiAgICBsZXQgcGF0aCA9ICdNICc7XG4gICAgY29uc3QgeSA9IHRoaXMucGllQ2hhcnRTZXJ2aWNlLnlQYWRkaW5nICsgMjUgKyAzMCAqIGk7XG4gICAgcGF0aCA9IHBhdGggKyB0aGlzLngxICsgJyAnICsgeSArICcgJyArIHRoaXMueDIgKyAnICcgKyB5O1xuICAgIHJldHVybiBwYXRoO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHVibGljIHBpZUNoYXJ0U2VydmljZTogUGllQ2hhcnRTZXJ2aWNlKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNvbXB1dGVMZWdpb25YcygpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgdGhpcy5jb21wdXRlTGVnaW9uWHMoKTtcbiAgfVxuXG59XG4iXX0=