@shikshalokam/sl-reports
Version:
Library to integrate questionnaire in SL Projects
95 lines • 10.9 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input, ViewChild } from '@angular/core';
import * as pluginDataLabels from 'chartjs-plugin-datalabels';
var BarChartComponent = /** @class */ (function () {
function BarChartComponent() {
this.barChartOptions = {
responsive: true,
maintainAspectRatio: true,
scales: {
xAxes: [
{
ticks: {
min: 0,
max: 100,
},
scaleLabel: {
display: true,
labelString: 'Response in %',
},
},
],
yAxes: [
{
ticks: {
callback: function (value, index, values) {
// // return createSubstrArr(value, 5) || value;
var strArr = value.split(' ');
var tempString = '';
var result = [];
for (var x = 0; x < strArr.length; x++) {
tempString += ' ' + strArr[x];
if ((x % 4 === 0 && x !== 0) || x == strArr.length - 1) {
tempString = tempString.slice(1);
result.push(tempString);
tempString = '';
}
}
return result || value;
},
fontSize: 15,
},
display: true,
scaleLabel: {
display: true,
labelString: 'Response',
},
},
],
},
};
this.barChartType = 'horizontalBar';
this.barChartLegend = false;
this.barChartPlugins = [pluginDataLabels];
}
BarChartComponent.prototype.ngOnInit = function () {
this.barChartLabels = this.data.chart.data.labels;
this.barChartData = [
{ data: this.data.chart.data.datasets[0].data, label: 'Series A' },
];
this.chartColors = [
{ backgroundColor: this.data.chart.data.datasets[0].backgroundColor },
];
// this.barChartPlugins = [
// {
// beforeUpdate: function (c) {
// var chartHeight = c.chart.height;
// var size = (chartHeight * 5) / 100;
// c.scales['y-axis-0'].options.ticks.minor.fontSize = size;
// },
// },
// ];
};
__decorate([
Input()
], BarChartComponent.prototype, "data", void 0);
__decorate([
Input()
], BarChartComponent.prototype, "questionNumber", void 0);
__decorate([
ViewChild('chartRootElement')
], BarChartComponent.prototype, "chartRootElement", void 0);
__decorate([
ViewChild('chartCanvas')
], BarChartComponent.prototype, "chartCanvas", void 0);
BarChartComponent = __decorate([
Component({
selector: 'sl-bar-chart',
template: "<div *ngIf=\"barChartData\" class=\"graph-filters\" #chartRootElement>\n <div *ngIf=\"data?.chart?.data\" class=\"bar-chart-wrapper\">\n <canvas\n #chartCanvas \n baseChart \n [datasets]=\"barChartData\"\n [labels]=\"barChartLabels\"\n [options]=\"barChartOptions\"\n [chartType]=\"barChartType\"\n [legend]=\"barChartLegend\"\n [plugins]=\"barChartPlugins\"\n [colors]=\"chartColors\"\n ></canvas>\n </div>\n\n <div *ngIf=\"!data?.chart?.data\" class=\"errorMsg\">No data found</div>\n</div>\n",
styles: [".heading{padding:15px 10px;text-align:center}.errorMsg{color:grey;text-align:center;padding:20px 0}.bar-chart-wrapper{display:block;max-width:900px;max-height:450px;margin:0 auto}"]
})
], BarChartComponent);
return BarChartComponent;
}());
export { BarChartComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3NsLXJlcG9ydHMtbGlicmFyeS8iLCJzb3VyY2VzIjpbImxpYi9iYXItY2hhcnQvYmFyLWNoYXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3BFLE9BQU8sS0FBSyxnQkFBZ0IsTUFBTSwyQkFBMkIsQ0FBQztBQU85RDtJQTBERTtRQXJETyxvQkFBZSxHQUFpQjtZQUNyQyxVQUFVLEVBQUUsSUFBSTtZQUNoQixtQkFBbUIsRUFBRSxJQUFJO1lBQ3pCLE1BQU0sRUFBRTtnQkFDTixLQUFLLEVBQUU7b0JBQ0w7d0JBQ0UsS0FBSyxFQUFFOzRCQUNMLEdBQUcsRUFBRSxDQUFDOzRCQUNOLEdBQUcsRUFBRSxHQUFHO3lCQUNUO3dCQUNELFVBQVUsRUFBRTs0QkFDVixPQUFPLEVBQUUsSUFBSTs0QkFDYixXQUFXLEVBQUUsZUFBZTt5QkFDN0I7cUJBQ0Y7aUJBQ0Y7Z0JBQ0QsS0FBSyxFQUFFO29CQUNMO3dCQUNFLEtBQUssRUFBRTs0QkFDTCxRQUFRLEVBQUUsVUFBVSxLQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU07Z0NBQzNDLGdEQUFnRDtnQ0FDaEQsSUFBSSxNQUFNLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztnQ0FDOUIsSUFBSSxVQUFVLEdBQUcsRUFBRSxDQUFDO2dDQUNwQixJQUFJLE1BQU0sR0FBRyxFQUFFLENBQUM7Z0NBQ2hCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxNQUFNLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO29DQUN0QyxVQUFVLElBQUksR0FBRyxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztvQ0FDOUIsSUFBSSxDQUFDLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7d0NBQ3RELFVBQVUsR0FBRyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO3dDQUNqQyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO3dDQUN4QixVQUFVLEdBQUcsRUFBRSxDQUFDO3FDQUNqQjtpQ0FDRjtnQ0FDRCxPQUFPLE1BQU0sSUFBSSxLQUFLLENBQUM7NEJBQ3pCLENBQUM7NEJBQ0QsUUFBUSxFQUFFLEVBQUU7eUJBQ2I7d0JBQ0QsT0FBTyxFQUFFLElBQUk7d0JBRWIsVUFBVSxFQUFFOzRCQUNWLE9BQU8sRUFBRSxJQUFJOzRCQUNiLFdBQVcsRUFBRSxVQUFVO3lCQUN4QjtxQkFDRjtpQkFDRjthQUNGO1NBQ0YsQ0FBQztRQUVLLGlCQUFZLEdBQWMsZUFBZSxDQUFDO1FBQzFDLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBSXZCLG9CQUFlLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFaEIsb0NBQVEsR0FBUjtRQUNFLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUNsRCxJQUFJLENBQUMsWUFBWSxHQUFHO1lBQ2xCLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7U0FDbkUsQ0FBQztRQUNGLElBQUksQ0FBQyxXQUFXLEdBQUc7WUFDakIsRUFBRSxlQUFlLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxlQUFlLEVBQUU7U0FDdEUsQ0FBQztRQUNGLDJCQUEyQjtRQUMzQixNQUFNO1FBQ04sbUNBQW1DO1FBQ25DLDBDQUEwQztRQUMxQyw0Q0FBNEM7UUFDNUMsa0VBQWtFO1FBQ2xFLFNBQVM7UUFDVCxPQUFPO1FBQ1AsS0FBSztJQUNQLENBQUM7SUE1RVE7UUFBUixLQUFLLEVBQUU7bURBQU07SUFDTDtRQUFSLEtBQUssRUFBRTs2REFBZ0I7SUFDTztRQUE5QixTQUFTLENBQUMsa0JBQWtCLENBQUM7K0RBQWtCO0lBQ3RCO1FBQXpCLFNBQVMsQ0FBQyxhQUFhLENBQUM7MERBQWE7SUFKM0IsaUJBQWlCO1FBTDdCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxjQUFjO1lBQ3hCLGdqQkFBeUM7O1NBRTFDLENBQUM7T0FDVyxpQkFBaUIsQ0E4RTdCO0lBQUQsd0JBQUM7Q0FBQSxBQTlFRCxJQThFQztTQTlFWSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2hhcnRPcHRpb25zLCBDaGFydFR5cGUsIENoYXJ0RGF0YVNldHMgfSBmcm9tICdjaGFydC5qcyc7XG5pbXBvcnQgeyBMYWJlbCwgU2luZ2xlRGF0YVNldCB9IGZyb20gJ25nMi1jaGFydHMnO1xuaW1wb3J0ICogYXMgcGx1Z2luRGF0YUxhYmVscyBmcm9tICdjaGFydGpzLXBsdWdpbi1kYXRhbGFiZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2wtYmFyLWNoYXJ0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhci1jaGFydC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Jhci1jaGFydC5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEJhckNoYXJ0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZGF0YTtcbiAgQElucHV0KCkgcXVlc3Rpb25OdW1iZXI7XG4gIEBWaWV3Q2hpbGQoJ2NoYXJ0Um9vdEVsZW1lbnQnKSBjaGFydFJvb3RFbGVtZW50O1xuICBAVmlld0NoaWxkKCdjaGFydENhbnZhcycpIGNoYXJ0Q2FudmFzO1xuICBwdWJsaWMgYmFyQ2hhcnRPcHRpb25zOiBDaGFydE9wdGlvbnMgPSB7XG4gICAgcmVzcG9uc2l2ZTogdHJ1ZSxcbiAgICBtYWludGFpbkFzcGVjdFJhdGlvOiB0cnVlLFxuICAgIHNjYWxlczoge1xuICAgICAgeEF4ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgIHRpY2tzOiB7XG4gICAgICAgICAgICBtaW46IDAsIC8vIEVkaXQgdGhlIHZhbHVlIGFjY29yZGluZyB0byB3aGF0IHlvdSBuZWVkLFxuICAgICAgICAgICAgbWF4OiAxMDAsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBzY2FsZUxhYmVsOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiB0cnVlLFxuICAgICAgICAgICAgbGFiZWxTdHJpbmc6ICdSZXNwb25zZSBpbiAlJyxcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIHlBeGVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICB0aWNrczoge1xuICAgICAgICAgICAgY2FsbGJhY2s6IGZ1bmN0aW9uICh2YWx1ZTogYW55LCBpbmRleCwgdmFsdWVzKSB7XG4gICAgICAgICAgICAgIC8vIC8vIHJldHVybiBjcmVhdGVTdWJzdHJBcnIodmFsdWUsIDUpIHx8IHZhbHVlO1xuICAgICAgICAgICAgICBsZXQgc3RyQXJyID0gdmFsdWUuc3BsaXQoJyAnKTtcbiAgICAgICAgICAgICAgbGV0IHRlbXBTdHJpbmcgPSAnJztcbiAgICAgICAgICAgICAgbGV0IHJlc3VsdCA9IFtdO1xuICAgICAgICAgICAgICBmb3IgKGxldCB4ID0gMDsgeCA8IHN0ckFyci5sZW5ndGg7IHgrKykge1xuICAgICAgICAgICAgICAgIHRlbXBTdHJpbmcgKz0gJyAnICsgc3RyQXJyW3hdO1xuICAgICAgICAgICAgICAgIGlmICgoeCAlIDQgPT09IDAgJiYgeCAhPT0gMCkgfHwgeCA9PSBzdHJBcnIubGVuZ3RoIC0gMSkge1xuICAgICAgICAgICAgICAgICAgdGVtcFN0cmluZyA9IHRlbXBTdHJpbmcuc2xpY2UoMSk7XG4gICAgICAgICAgICAgICAgICByZXN1bHQucHVzaCh0ZW1wU3RyaW5nKTtcbiAgICAgICAgICAgICAgICAgIHRlbXBTdHJpbmcgPSAnJztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgcmV0dXJuIHJlc3VsdCB8fCB2YWx1ZTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBmb250U2l6ZTogMTUsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBkaXNwbGF5OiB0cnVlLFxuXG4gICAgICAgICAgc2NhbGVMYWJlbDoge1xuICAgICAgICAgICAgZGlzcGxheTogdHJ1ZSxcbiAgICAgICAgICAgIGxhYmVsU3RyaW5nOiAnUmVzcG9uc2UnLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICBdLFxuICAgIH0sXG4gIH07XG4gIHB1YmxpYyBiYXJDaGFydExhYmVsczogTGFiZWxbXTtcbiAgcHVibGljIGJhckNoYXJ0VHlwZTogQ2hhcnRUeXBlID0gJ2hvcml6b250YWxCYXInO1xuICBwdWJsaWMgYmFyQ2hhcnRMZWdlbmQgPSBmYWxzZTtcbiAgcHVibGljIGNoYXJ0Q29sb3JzOiBBcnJheTxhbnk+O1xuXG4gIHB1YmxpYyBiYXJDaGFydERhdGE6IENoYXJ0RGF0YVNldHNbXTtcbiAgcHVibGljIGJhckNoYXJ0UGx1Z2lucyA9IFtwbHVnaW5EYXRhTGFiZWxzXTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuYmFyQ2hhcnRMYWJlbHMgPSB0aGlzLmRhdGEuY2hhcnQuZGF0YS5sYWJlbHM7XG4gICAgdGhpcy5iYXJDaGFydERhdGEgPSBbXG4gICAgICB7IGRhdGE6IHRoaXMuZGF0YS5jaGFydC5kYXRhLmRhdGFzZXRzWzBdLmRhdGEsIGxhYmVsOiAnU2VyaWVzIEEnIH0sXG4gICAgXTtcbiAgICB0aGlzLmNoYXJ0Q29sb3JzID0gW1xuICAgICAgeyBiYWNrZ3JvdW5kQ29sb3I6IHRoaXMuZGF0YS5jaGFydC5kYXRhLmRhdGFzZXRzWzBdLmJhY2tncm91bmRDb2xvciB9LFxuICAgIF07XG4gICAgLy8gdGhpcy5iYXJDaGFydFBsdWdpbnMgPSBbXG4gICAgLy8gICB7XG4gICAgLy8gICAgIGJlZm9yZVVwZGF0ZTogZnVuY3Rpb24gKGMpIHtcbiAgICAvLyAgICAgICB2YXIgY2hhcnRIZWlnaHQgPSBjLmNoYXJ0LmhlaWdodDtcbiAgICAvLyAgICAgICB2YXIgc2l6ZSA9IChjaGFydEhlaWdodCAqIDUpIC8gMTAwO1xuICAgIC8vICAgICAgIGMuc2NhbGVzWyd5LWF4aXMtMCddLm9wdGlvbnMudGlja3MubWlub3IuZm9udFNpemUgPSBzaXplO1xuICAgIC8vICAgICB9LFxuICAgIC8vICAgfSxcbiAgICAvLyBdO1xuICB9XG59XG4iXX0=