@shikshalokam/sl-reports
Version:
Library to integrate questionnaire in SL Projects
39 lines • 4.91 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input, ViewChild } from '@angular/core';
var PieChartComponent = /** @class */ (function () {
function PieChartComponent() {
this.pieChartOptions = {
responsive: true,
legend: { position: 'bottom', align: 'start' },
};
this.pieChartType = 'pie';
this.pieChartLegend = true;
}
PieChartComponent.prototype.ngOnInit = function () {
this.pieChartLabels = this.data.chart.data.labels;
this.pieChartData = this.data.chart.data.datasets[0].data;
this.chartColors = [{ backgroundColor: this.data.chart.data.datasets[0].backgroundColor }];
};
__decorate([
Input()
], PieChartComponent.prototype, "data", void 0);
__decorate([
Input()
], PieChartComponent.prototype, "questionNumber", void 0);
__decorate([
ViewChild('chartRootElement')
], PieChartComponent.prototype, "chartRootElement", void 0);
__decorate([
ViewChild('chartCanvas')
], PieChartComponent.prototype, "chartCanvas", void 0);
PieChartComponent = __decorate([
Component({
selector: 'sl-pie-chart',
template: "<div *ngIf=\"pieChartData\" >\n <div class=\"heading\">\n <h4>{{ questionNumber }}) {{ data?.question }}</h4>\n </div>\n <ng-container *ngIf=\"data?.chart?.data\">\n <canvas \n #chartCanvas\n baseChart\n width=\"300px\" \n height=\"90px\"\n [data]=\"pieChartData\"\n [labels]=\"pieChartLabels\"\n [chartType]=\"pieChartType\"\n [options]=\"pieChartOptions\"\n [legend]=\"pieChartLegend\"\n [colors]=\"chartColors\"\n >\n </canvas>\n </ng-container>\n\n <div class=\"errorMsg\" *ngIf=\"!data?.chart?.data\">No data found</div>\n</div>\n",
styles: [".heading{text-align:center;padding:15px 10px}.errorMsg{color:grey;text-align:center;padding:20px 0}"]
})
], PieChartComponent);
return PieChartComponent;
}());
export { PieChartComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGllLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3NsLXJlcG9ydHMtbGlicmFyeS8iLCJzb3VyY2VzIjpbImxpYi9waWUtY2hhcnQvcGllLWNoYXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU3BFO0lBY0U7UUFUTyxvQkFBZSxHQUFpQjtZQUNyQyxVQUFVLEVBQUUsSUFBSTtZQUNoQixNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBQyxPQUFPLEVBQUM7U0FDN0MsQ0FBQztRQUdLLGlCQUFZLEdBQWMsS0FBSyxDQUFDO1FBQ2hDLG1CQUFjLEdBQUcsSUFBSSxDQUFDO0lBRWQsQ0FBQztJQUVoQixvQ0FBUSxHQUFSO1FBQ0UsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ2xELElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDMUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLEVBQUUsZUFBZSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUMsQ0FBQztJQUM3RixDQUFDO0lBbkJRO1FBQVIsS0FBSyxFQUFFO21EQUFNO0lBQ0w7UUFBUixLQUFLLEVBQUU7NkRBQWdCO0lBQ087UUFBOUIsU0FBUyxDQUFDLGtCQUFrQixDQUFDOytEQUFrQjtJQUN0QjtRQUF6QixTQUFTLENBQUMsYUFBYSxDQUFDOzBEQUFhO0lBSjNCLGlCQUFpQjtRQUw3QixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsY0FBYztZQUN4Qiw4a0JBQXlDOztTQUUxQyxDQUFDO09BQ1csaUJBQWlCLENBcUI3QjtJQUFELHdCQUFDO0NBQUEsQUFyQkQsSUFxQkM7U0FyQlksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENoYXJ0T3B0aW9ucywgQ2hhcnRUeXBlLCBDaGFydERhdGFTZXRzIH0gZnJvbSAnY2hhcnQuanMnO1xuaW1wb3J0IHsgTGFiZWwsIFNpbmdsZURhdGFTZXQgfSBmcm9tICduZzItY2hhcnRzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2wtcGllLWNoYXJ0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BpZS1jaGFydC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BpZS1jaGFydC5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUGllQ2hhcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBkYXRhO1xuICBASW5wdXQoKSBxdWVzdGlvbk51bWJlcjtcbiAgQFZpZXdDaGlsZCgnY2hhcnRSb290RWxlbWVudCcpIGNoYXJ0Um9vdEVsZW1lbnQ7XG4gIEBWaWV3Q2hpbGQoJ2NoYXJ0Q2FudmFzJykgY2hhcnRDYW52YXM7XG4gIHB1YmxpYyBwaWVDaGFydE9wdGlvbnM6IENoYXJ0T3B0aW9ucyA9IHtcbiAgICByZXNwb25zaXZlOiB0cnVlLFxuICAgIGxlZ2VuZDogeyBwb3NpdGlvbjogJ2JvdHRvbScsIGFsaWduOidzdGFydCd9LFxuICB9O1xuICBwdWJsaWMgcGllQ2hhcnRMYWJlbHM6IExhYmVsW107XG4gIHB1YmxpYyBwaWVDaGFydERhdGE6IFNpbmdsZURhdGFTZXQ7XG4gIHB1YmxpYyBwaWVDaGFydFR5cGU6IENoYXJ0VHlwZSA9ICdwaWUnO1xuICBwdWJsaWMgcGllQ2hhcnRMZWdlbmQgPSB0cnVlO1xuICBwdWJsaWMgY2hhcnRDb2xvcnM6IEFycmF5PGFueT47XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnBpZUNoYXJ0TGFiZWxzID0gdGhpcy5kYXRhLmNoYXJ0LmRhdGEubGFiZWxzO1xuICAgIHRoaXMucGllQ2hhcnREYXRhID0gdGhpcy5kYXRhLmNoYXJ0LmRhdGEuZGF0YXNldHNbMF0uZGF0YTtcbiAgICB0aGlzLmNoYXJ0Q29sb3JzID0gW3sgYmFja2dyb3VuZENvbG9yOiB0aGlzLmRhdGEuY2hhcnQuZGF0YS5kYXRhc2V0c1swXS5iYWNrZ3JvdW5kQ29sb3IgfV07XG4gIH1cbn1cblxuIl19