@shikshalokam/sl-reports
Version:
Library to integrate questionnaire in SL Projects
38 lines • 4.75 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input, ViewChild } from '@angular/core';
let PieChartComponent = class PieChartComponent {
constructor() {
this.pieChartOptions = {
responsive: true,
legend: { position: 'bottom', align: 'start' },
};
this.pieChartType = 'pie';
this.pieChartLegend = true;
}
ngOnInit() {
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);
export { PieChartComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGllLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3NsLXJlcG9ydHMtbGlicmFyeS8iLCJzb3VyY2VzIjpbImxpYi9waWUtY2hhcnQvcGllLWNoYXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU3BFLElBQWEsaUJBQWlCLEdBQTlCLE1BQWEsaUJBQWlCO0lBYzVCO1FBVE8sb0JBQWUsR0FBaUI7WUFDckMsVUFBVSxFQUFFLElBQUk7WUFDaEIsTUFBTSxFQUFFLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUMsT0FBTyxFQUFDO1NBQzdDLENBQUM7UUFHSyxpQkFBWSxHQUFjLEtBQUssQ0FBQztRQUNoQyxtQkFBYyxHQUFHLElBQUksQ0FBQztJQUVkLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUNsRCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQzFELElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxFQUFFLGVBQWUsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDLENBQUM7SUFDN0YsQ0FBQztDQUNGLENBQUE7QUFwQlU7SUFBUixLQUFLLEVBQUU7K0NBQU07QUFDTDtJQUFSLEtBQUssRUFBRTt5REFBZ0I7QUFDTztJQUE5QixTQUFTLENBQUMsa0JBQWtCLENBQUM7MkRBQWtCO0FBQ3RCO0lBQXpCLFNBQVMsQ0FBQyxhQUFhLENBQUM7c0RBQWE7QUFKM0IsaUJBQWlCO0lBTDdCLFNBQVMsQ0FBQztRQUNULFFBQVEsRUFBRSxjQUFjO1FBQ3hCLDhrQkFBeUM7O0tBRTFDLENBQUM7R0FDVyxpQkFBaUIsQ0FxQjdCO1NBckJZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDaGFydE9wdGlvbnMsIENoYXJ0VHlwZSwgQ2hhcnREYXRhU2V0cyB9IGZyb20gJ2NoYXJ0LmpzJztcbmltcG9ydCB7IExhYmVsLCBTaW5nbGVEYXRhU2V0IH0gZnJvbSAnbmcyLWNoYXJ0cyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NsLXBpZS1jaGFydCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9waWUtY2hhcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9waWUtY2hhcnQuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIFBpZUNoYXJ0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZGF0YTtcbiAgQElucHV0KCkgcXVlc3Rpb25OdW1iZXI7XG4gIEBWaWV3Q2hpbGQoJ2NoYXJ0Um9vdEVsZW1lbnQnKSBjaGFydFJvb3RFbGVtZW50O1xuICBAVmlld0NoaWxkKCdjaGFydENhbnZhcycpIGNoYXJ0Q2FudmFzO1xuICBwdWJsaWMgcGllQ2hhcnRPcHRpb25zOiBDaGFydE9wdGlvbnMgPSB7XG4gICAgcmVzcG9uc2l2ZTogdHJ1ZSxcbiAgICBsZWdlbmQ6IHsgcG9zaXRpb246ICdib3R0b20nLCBhbGlnbjonc3RhcnQnfSxcbiAgfTtcbiAgcHVibGljIHBpZUNoYXJ0TGFiZWxzOiBMYWJlbFtdO1xuICBwdWJsaWMgcGllQ2hhcnREYXRhOiBTaW5nbGVEYXRhU2V0O1xuICBwdWJsaWMgcGllQ2hhcnRUeXBlOiBDaGFydFR5cGUgPSAncGllJztcbiAgcHVibGljIHBpZUNoYXJ0TGVnZW5kID0gdHJ1ZTtcbiAgcHVibGljIGNoYXJ0Q29sb3JzOiBBcnJheTxhbnk+O1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5waWVDaGFydExhYmVscyA9IHRoaXMuZGF0YS5jaGFydC5kYXRhLmxhYmVscztcbiAgICB0aGlzLnBpZUNoYXJ0RGF0YSA9IHRoaXMuZGF0YS5jaGFydC5kYXRhLmRhdGFzZXRzWzBdLmRhdGE7XG4gICAgdGhpcy5jaGFydENvbG9ycyA9IFt7IGJhY2tncm91bmRDb2xvcjogdGhpcy5kYXRhLmNoYXJ0LmRhdGEuZGF0YXNldHNbMF0uYmFja2dyb3VuZENvbG9yIH1dO1xuICB9XG59XG5cbiJdfQ==