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