barsa-echarts 1.0.455 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{esm2020 → esm2022}/barsa-echarts.mjs +4 -4
- package/{esm2020 → esm2022}/lib/barsa-echarts.module.mjs +81 -81
- package/esm2022/lib/base/chart-base.directive.mjs +75 -0
- package/esm2022/lib/base/chart-line-time-base.directive.mjs +80 -0
- package/{esm2020 → esm2022}/lib/base/index.mjs +7 -7
- package/{esm2020 → esm2022}/lib/base/micro-chart-area-base.directive.mjs +89 -89
- package/esm2022/lib/base/micro-chart-bar-base.directive.mjs +48 -0
- package/{esm2020 → esm2022}/lib/base/micro-chart-base.directive.mjs +49 -49
- package/{esm2020 → esm2022}/lib/base/micro-chart-circular-base.directive.mjs +75 -75
- package/esm2022/lib/base/micro-chart-comparison-base.directive.mjs +99 -0
- package/{esm2020 → esm2022}/lib/base/micro-chart-line-base.directive.mjs +60 -60
- package/{esm2020 → esm2022}/lib/base/micro-chart-stackbar-base.directive.mjs +51 -51
- package/esm2022/lib/micro-charts/micro-chart-area/micro-chart-area.component.mjs +34 -0
- package/{esm2020 → esm2022}/lib/micro-charts/micro-chart-bar/micro-chart-bar.component.mjs +25 -25
- package/esm2022/lib/micro-charts/micro-chart-bullet/micro-chart-bullet.component.mjs +86 -0
- package/{esm2020 → esm2022}/lib/micro-charts/micro-chart-circular/micro-chart-circular.component.mjs +21 -21
- package/{esm2020 → esm2022}/lib/micro-charts/micro-chart-comparison/micro-chart-comparison.component.mjs +22 -22
- package/{esm2020 → esm2022}/lib/micro-charts/micro-chart-line/micro-chart-line.component.mjs +31 -31
- package/{esm2020 → esm2022}/lib/micro-charts/micro-chart-stackbar/micro-chart-stackbar.component.mjs +20 -20
- package/{esm2020 → esm2022}/lib/models/area-chart.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/bar-item.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/comparison-item.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/index.mjs +5 -5
- package/{esm2020 → esm2022}/lib/models/line-item.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/stackbar-item.mjs +1 -1
- package/{esm2020 → esm2022}/public-api.mjs +14 -14
- package/{fesm2020 → fesm2022}/barsa-echarts.mjs +838 -838
- package/fesm2022/barsa-echarts.mjs.map +1 -0
- package/index.d.ts +5 -5
- package/lib/barsa-echarts.module.d.ts +22 -22
- package/lib/base/chart-base.directive.d.ts +28 -28
- package/lib/base/chart-line-time-base.directive.d.ts +19 -19
- package/lib/base/index.d.ts +7 -7
- package/lib/base/micro-chart-area-base.directive.d.ts +18 -18
- package/lib/base/micro-chart-bar-base.directive.d.ts +14 -14
- package/lib/base/micro-chart-base.directive.d.ts +14 -14
- package/lib/base/micro-chart-circular-base.directive.d.ts +13 -13
- package/lib/base/micro-chart-comparison-base.directive.d.ts +17 -17
- package/lib/base/micro-chart-line-base.directive.d.ts +15 -15
- package/lib/base/micro-chart-stackbar-base.directive.d.ts +14 -14
- package/lib/micro-charts/micro-chart-area/micro-chart-area.component.d.ts +19 -19
- package/lib/micro-charts/micro-chart-bar/micro-chart-bar.component.d.ts +16 -16
- package/lib/micro-charts/micro-chart-bullet/micro-chart-bullet.component.d.ts +35 -35
- package/lib/micro-charts/micro-chart-circular/micro-chart-circular.component.d.ts +10 -10
- package/lib/micro-charts/micro-chart-comparison/micro-chart-comparison.component.d.ts +12 -12
- package/lib/micro-charts/micro-chart-line/micro-chart-line.component.d.ts +18 -18
- package/lib/micro-charts/micro-chart-stackbar/micro-chart-stackbar.component.d.ts +11 -11
- package/lib/models/area-chart.d.ts +11 -11
- package/lib/models/bar-item.d.ts +5 -5
- package/lib/models/comparison-item.d.ts +9 -9
- package/lib/models/index.d.ts +5 -5
- package/lib/models/line-item.d.ts +8 -8
- package/lib/models/stackbar-item.d.ts +7 -7
- package/package.json +7 -13
- package/public-api.d.ts +11 -11
- package/esm2020/lib/base/chart-base.directive.mjs +0 -75
- package/esm2020/lib/base/chart-line-time-base.directive.mjs +0 -80
- package/esm2020/lib/base/micro-chart-bar-base.directive.mjs +0 -48
- package/esm2020/lib/base/micro-chart-comparison-base.directive.mjs +0 -99
- package/esm2020/lib/micro-charts/micro-chart-area/micro-chart-area.component.mjs +0 -35
- package/esm2020/lib/micro-charts/micro-chart-bullet/micro-chart-bullet.component.mjs +0 -87
- package/fesm2015/barsa-echarts.mjs +0 -880
- package/fesm2015/barsa-echarts.mjs.map +0 -1
- package/fesm2020/barsa-echarts.mjs.map +0 -1
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
|
+
import { MicroChartBaseDirective } from './micro-chart-base.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class MicroChartBarBaseDirective extends MicroChartBaseDirective {
|
|
5
|
+
constructor(_el, renderer2) {
|
|
6
|
+
super(_el, renderer2);
|
|
7
|
+
this._el = _el;
|
|
8
|
+
this.renderer2 = renderer2;
|
|
9
|
+
}
|
|
10
|
+
setOptions(options) {
|
|
11
|
+
// initialize series
|
|
12
|
+
this._initSeries(options);
|
|
13
|
+
// set custom grid
|
|
14
|
+
this.grid.bottom = 20;
|
|
15
|
+
// set custom xAxis
|
|
16
|
+
this.xAxis.type = 'category';
|
|
17
|
+
this.xAxis.max = undefined;
|
|
18
|
+
if (this.xAxis.axisLabel) {
|
|
19
|
+
this.xAxis.axisLabel.show = true;
|
|
20
|
+
}
|
|
21
|
+
this.data.forEach((dataItem) => {
|
|
22
|
+
this?.xAxis?.data?.push(dataItem.label);
|
|
23
|
+
const dataSeriesItem = { value: dataItem.value, itemStyle: { color: dataItem.color } };
|
|
24
|
+
options.series[0].data.push(dataSeriesItem);
|
|
25
|
+
});
|
|
26
|
+
// set custom yAxis
|
|
27
|
+
this.yAxis.type = 'value';
|
|
28
|
+
}
|
|
29
|
+
_initSeries(options) {
|
|
30
|
+
options.series = [
|
|
31
|
+
{
|
|
32
|
+
type: 'bar',
|
|
33
|
+
data: []
|
|
34
|
+
}
|
|
35
|
+
];
|
|
36
|
+
}
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartBarBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
38
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: MicroChartBarBaseDirective, selector: "[beMicroChartBar]", inputs: { data: "data" }, usesInheritance: true, ngImport: i0 }); }
|
|
39
|
+
}
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartBarBaseDirective, decorators: [{
|
|
41
|
+
type: Directive,
|
|
42
|
+
args: [{
|
|
43
|
+
selector: '[beMicroChartBar]'
|
|
44
|
+
}]
|
|
45
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { data: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}] } });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtYmFyLWJhc2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2EtZWNoYXJ0cy9zcmMvbGliL2Jhc2UvbWljcm8tY2hhcnQtYmFyLWJhc2UuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQU12RSxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsdUJBQXVCO0lBR25FLFlBQXNCLEdBQWUsRUFBWSxTQUFvQjtRQUNqRSxLQUFLLENBQUMsR0FBRyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBREosUUFBRyxHQUFILEdBQUcsQ0FBWTtRQUFZLGNBQVMsR0FBVCxTQUFTLENBQVc7SUFFckUsQ0FBQztJQUVTLFVBQVUsQ0FBQyxPQUFPO1FBQ3hCLG9CQUFvQjtRQUNwQixJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBRTFCLGtCQUFrQjtRQUNsQixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFFdEIsbUJBQW1CO1FBQ25CLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQztRQUM3QixJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsR0FBRyxTQUFTLENBQUM7UUFFM0IsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDckMsQ0FBQztRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7WUFDM0IsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUN4QyxNQUFNLGNBQWMsR0FBRyxFQUFFLEtBQUssRUFBRSxRQUFRLENBQUMsS0FBSyxFQUFFLFNBQVMsRUFBRSxFQUFFLEtBQUssRUFBRSxRQUFRLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQztZQUN2RixPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDaEQsQ0FBQyxDQUFDLENBQUM7UUFFSCxtQkFBbUI7UUFDbkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsT0FBTyxDQUFDO0lBQzlCLENBQUM7SUFFTyxXQUFXLENBQUMsT0FBTztRQUN2QixPQUFPLENBQUMsTUFBTSxHQUFHO1lBQ2I7Z0JBQ0ksSUFBSSxFQUFFLEtBQUs7Z0JBQ1gsSUFBSSxFQUFFLEVBQUU7YUFDWDtTQUNKLENBQUM7SUFDTixDQUFDOzhHQXRDUSwwQkFBMEI7a0dBQTFCLDBCQUEwQjs7MkZBQTFCLDBCQUEwQjtrQkFIdEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsbUJBQW1CO2lCQUNoQzt1R0FFWSxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIElucHV0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWljcm9DaGFydEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuL21pY3JvLWNoYXJ0LWJhc2UuZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgQmFySXRlbSB9IGZyb20gJy4uL21vZGVscy9iYXItaXRlbSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICAgIHNlbGVjdG9yOiAnW2JlTWljcm9DaGFydEJhcl0nXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNaWNyb0NoYXJ0QmFyQmFzZURpcmVjdGl2ZSBleHRlbmRzIE1pY3JvQ2hhcnRCYXNlRGlyZWN0aXZlIHtcclxuICAgIEBJbnB1dCgpIGRhdGE6IEJhckl0ZW1bXTtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX2VsOiBFbGVtZW50UmVmLCBwcm90ZWN0ZWQgcmVuZGVyZXIyOiBSZW5kZXJlcjIpIHtcclxuICAgICAgICBzdXBlcihfZWwsIHJlbmRlcmVyMik7XHJcbiAgICB9XHJcblxyXG4gICAgcHJvdGVjdGVkIHNldE9wdGlvbnMob3B0aW9ucyk6IHZvaWQge1xyXG4gICAgICAgIC8vIGluaXRpYWxpemUgc2VyaWVzXHJcbiAgICAgICAgdGhpcy5faW5pdFNlcmllcyhvcHRpb25zKTtcclxuXHJcbiAgICAgICAgLy8gc2V0IGN1c3RvbSBncmlkXHJcbiAgICAgICAgdGhpcy5ncmlkLmJvdHRvbSA9IDIwO1xyXG5cclxuICAgICAgICAvLyBzZXQgY3VzdG9tIHhBeGlzXHJcbiAgICAgICAgdGhpcy54QXhpcy50eXBlID0gJ2NhdGVnb3J5JztcclxuICAgICAgICB0aGlzLnhBeGlzLm1heCA9IHVuZGVmaW5lZDtcclxuXHJcbiAgICAgICAgaWYgKHRoaXMueEF4aXMuYXhpc0xhYmVsKSB7XHJcbiAgICAgICAgICAgIHRoaXMueEF4aXMuYXhpc0xhYmVsLnNob3cgPSB0cnVlO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLmRhdGEuZm9yRWFjaCgoZGF0YUl0ZW0pID0+IHtcclxuICAgICAgICAgICAgdGhpcz8ueEF4aXM/LmRhdGE/LnB1c2goZGF0YUl0ZW0ubGFiZWwpO1xyXG4gICAgICAgICAgICBjb25zdCBkYXRhU2VyaWVzSXRlbSA9IHsgdmFsdWU6IGRhdGFJdGVtLnZhbHVlLCBpdGVtU3R5bGU6IHsgY29sb3I6IGRhdGFJdGVtLmNvbG9yIH0gfTtcclxuICAgICAgICAgICAgb3B0aW9ucy5zZXJpZXNbMF0uZGF0YS5wdXNoKGRhdGFTZXJpZXNJdGVtKTtcclxuICAgICAgICB9KTtcclxuXHJcbiAgICAgICAgLy8gc2V0IGN1c3RvbSB5QXhpc1xyXG4gICAgICAgIHRoaXMueUF4aXMudHlwZSA9ICd2YWx1ZSc7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBfaW5pdFNlcmllcyhvcHRpb25zKTogdm9pZCB7XHJcbiAgICAgICAgb3B0aW9ucy5zZXJpZXMgPSBbXHJcbiAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgIHR5cGU6ICdiYXInLFxyXG4gICAgICAgICAgICAgICAgZGF0YTogW11cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIF07XHJcbiAgICB9XHJcbn1cclxuIl19
|
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import { Directive } from '@angular/core';
|
|
2
|
-
import { ChartBaseDirective } from './chart-base.directive';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class MicroChartBaseDirective extends ChartBaseDirective {
|
|
5
|
-
constructor(_el, renderer2) {
|
|
6
|
-
super(_el, renderer2);
|
|
7
|
-
this._el = _el;
|
|
8
|
-
this.renderer2 = renderer2;
|
|
9
|
-
this.xAxis = {
|
|
10
|
-
data: [],
|
|
11
|
-
type: 'value',
|
|
12
|
-
axisLine: {
|
|
13
|
-
show: false
|
|
14
|
-
},
|
|
15
|
-
axisLabel: {
|
|
16
|
-
show: false
|
|
17
|
-
},
|
|
18
|
-
splitLine: {
|
|
19
|
-
show: false
|
|
20
|
-
},
|
|
21
|
-
axisTick: {
|
|
22
|
-
show: false
|
|
23
|
-
},
|
|
24
|
-
max: 100
|
|
25
|
-
};
|
|
26
|
-
this.yAxis = {
|
|
27
|
-
data: [],
|
|
28
|
-
type: 'category',
|
|
29
|
-
axisLabel: {
|
|
30
|
-
show: false
|
|
31
|
-
},
|
|
32
|
-
axisLine: {
|
|
33
|
-
show: false
|
|
34
|
-
},
|
|
35
|
-
splitLine: {
|
|
36
|
-
show: false
|
|
37
|
-
},
|
|
38
|
-
axisTick: {
|
|
39
|
-
show: false
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
47
|
-
type: Directive
|
|
48
|
-
}], ctorParameters:
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { ChartBaseDirective } from './chart-base.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class MicroChartBaseDirective extends ChartBaseDirective {
|
|
5
|
+
constructor(_el, renderer2) {
|
|
6
|
+
super(_el, renderer2);
|
|
7
|
+
this._el = _el;
|
|
8
|
+
this.renderer2 = renderer2;
|
|
9
|
+
this.xAxis = {
|
|
10
|
+
data: [],
|
|
11
|
+
type: 'value',
|
|
12
|
+
axisLine: {
|
|
13
|
+
show: false
|
|
14
|
+
},
|
|
15
|
+
axisLabel: {
|
|
16
|
+
show: false
|
|
17
|
+
},
|
|
18
|
+
splitLine: {
|
|
19
|
+
show: false
|
|
20
|
+
},
|
|
21
|
+
axisTick: {
|
|
22
|
+
show: false
|
|
23
|
+
},
|
|
24
|
+
max: 100
|
|
25
|
+
};
|
|
26
|
+
this.yAxis = {
|
|
27
|
+
data: [],
|
|
28
|
+
type: 'category',
|
|
29
|
+
axisLabel: {
|
|
30
|
+
show: false
|
|
31
|
+
},
|
|
32
|
+
axisLine: {
|
|
33
|
+
show: false
|
|
34
|
+
},
|
|
35
|
+
splitLine: {
|
|
36
|
+
show: false
|
|
37
|
+
},
|
|
38
|
+
axisTick: {
|
|
39
|
+
show: false
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
44
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: MicroChartBaseDirective, usesInheritance: true, ngImport: i0 }); }
|
|
45
|
+
}
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartBaseDirective, decorators: [{
|
|
47
|
+
type: Directive
|
|
48
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtYmFzZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvYmFzZS9taWNyby1jaGFydC1iYXNlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUF5QixNQUFNLGVBQWUsQ0FBQztBQUVqRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFHNUQsTUFBTSxPQUFnQix1QkFBd0IsU0FBUSxrQkFBa0I7SUFtQ3BFLFlBQWdDLEdBQWUsRUFBWSxTQUFvQjtRQUMzRSxLQUFLLENBQUMsR0FBRyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBRE0sUUFBRyxHQUFILEdBQUcsQ0FBWTtRQUFZLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFsQy9FLFVBQUssR0FBbUI7WUFDcEIsSUFBSSxFQUFFLEVBQUU7WUFDUixJQUFJLEVBQUUsT0FBTztZQUNiLFFBQVEsRUFBRTtnQkFDTixJQUFJLEVBQUUsS0FBSzthQUNkO1lBQ0QsU0FBUyxFQUFFO2dCQUNQLElBQUksRUFBRSxLQUFLO2FBQ2Q7WUFDRCxTQUFTLEVBQUU7Z0JBQ1AsSUFBSSxFQUFFLEtBQUs7YUFDZDtZQUNELFFBQVEsRUFBRTtnQkFDTixJQUFJLEVBQUUsS0FBSzthQUNkO1lBQ0QsR0FBRyxFQUFFLEdBQUc7U0FDWCxDQUFDO1FBQ0YsVUFBSyxHQUFtQjtZQUNwQixJQUFJLEVBQUUsRUFBRTtZQUNSLElBQUksRUFBRSxVQUFVO1lBQ2hCLFNBQVMsRUFBRTtnQkFDUCxJQUFJLEVBQUUsS0FBSzthQUNkO1lBQ0QsUUFBUSxFQUFFO2dCQUNOLElBQUksRUFBRSxLQUFLO2FBQ2Q7WUFDRCxTQUFTLEVBQUU7Z0JBQ1AsSUFBSSxFQUFFLEtBQUs7YUFDZDtZQUNELFFBQVEsRUFBRTtnQkFDTixJQUFJLEVBQUUsS0FBSzthQUNkO1NBQ0osQ0FBQztJQUlGLENBQUM7OEdBckNpQix1QkFBdUI7a0dBQXZCLHVCQUF1Qjs7MkZBQXZCLHVCQUF1QjtrQkFENUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEF4aXNCYXNlT3B0aW9uIH0gZnJvbSAnZWNoYXJ0cy90eXBlcy9zcmMvY29vcmQvYXhpc0NvbW1vblR5cGVzJztcclxuaW1wb3J0IHsgQ2hhcnRCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi9jaGFydC1iYXNlLmRpcmVjdGl2ZSc7XHJcblxyXG5ARGlyZWN0aXZlKClcclxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIE1pY3JvQ2hhcnRCYXNlRGlyZWN0aXZlIGV4dGVuZHMgQ2hhcnRCYXNlRGlyZWN0aXZlIHtcclxuICAgIHhBeGlzOiBBeGlzQmFzZU9wdGlvbiA9IHtcclxuICAgICAgICBkYXRhOiBbXSxcclxuICAgICAgICB0eXBlOiAndmFsdWUnLFxyXG4gICAgICAgIGF4aXNMaW5lOiB7XHJcbiAgICAgICAgICAgIHNob3c6IGZhbHNlXHJcbiAgICAgICAgfSxcclxuICAgICAgICBheGlzTGFiZWw6IHtcclxuICAgICAgICAgICAgc2hvdzogZmFsc2VcclxuICAgICAgICB9LFxyXG4gICAgICAgIHNwbGl0TGluZToge1xyXG4gICAgICAgICAgICBzaG93OiBmYWxzZVxyXG4gICAgICAgIH0sXHJcbiAgICAgICAgYXhpc1RpY2s6IHtcclxuICAgICAgICAgICAgc2hvdzogZmFsc2VcclxuICAgICAgICB9LFxyXG4gICAgICAgIG1heDogMTAwXHJcbiAgICB9O1xyXG4gICAgeUF4aXM6IEF4aXNCYXNlT3B0aW9uID0ge1xyXG4gICAgICAgIGRhdGE6IFtdLFxyXG4gICAgICAgIHR5cGU6ICdjYXRlZ29yeScsXHJcbiAgICAgICAgYXhpc0xhYmVsOiB7XHJcbiAgICAgICAgICAgIHNob3c6IGZhbHNlXHJcbiAgICAgICAgfSxcclxuICAgICAgICBheGlzTGluZToge1xyXG4gICAgICAgICAgICBzaG93OiBmYWxzZVxyXG4gICAgICAgIH0sXHJcbiAgICAgICAgc3BsaXRMaW5lOiB7XHJcbiAgICAgICAgICAgIHNob3c6IGZhbHNlXHJcbiAgICAgICAgfSxcclxuICAgICAgICBheGlzVGljazoge1xyXG4gICAgICAgICAgICBzaG93OiBmYWxzZVxyXG4gICAgICAgIH1cclxuICAgIH07XHJcblxyXG4gICAgcHJvdGVjdGVkIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfZWw6IEVsZW1lbnRSZWYsIHByb3RlY3RlZCByZW5kZXJlcjI6IFJlbmRlcmVyMikge1xyXG4gICAgICAgIHN1cGVyKF9lbCwgcmVuZGVyZXIyKTtcclxuICAgIH1cclxuXHJcbiAgICBwcm90ZWN0ZWQgYWJzdHJhY3Qgc2V0T3B0aW9ucyhvcHRpb25zKTogdm9pZDtcclxufVxyXG4iXX0=
|
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
import { Directive, Input } from '@angular/core';
|
|
2
|
-
import { MicroChartBaseDirective } from './micro-chart-base.directive';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class MicroChartCircularBaseDirective extends MicroChartBaseDirective {
|
|
5
|
-
constructor(_el, renderer2) {
|
|
6
|
-
super(_el, renderer2);
|
|
7
|
-
this._el = _el;
|
|
8
|
-
this.renderer2 = renderer2;
|
|
9
|
-
}
|
|
10
|
-
setOptions(options) {
|
|
11
|
-
// remove extra data from circular chart
|
|
12
|
-
this._initSeries(options);
|
|
13
|
-
// add data to series
|
|
14
|
-
options.series[0].data.push({ value: this.data });
|
|
15
|
-
}
|
|
16
|
-
_initSeries(options) {
|
|
17
|
-
options.series = [
|
|
18
|
-
{
|
|
19
|
-
type: 'gauge',
|
|
20
|
-
progress: {
|
|
21
|
-
show: true,
|
|
22
|
-
width: 5
|
|
23
|
-
},
|
|
24
|
-
axisLine: {
|
|
25
|
-
lineStyle: {
|
|
26
|
-
width: 5
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
axisTick: {
|
|
30
|
-
show: false
|
|
31
|
-
},
|
|
32
|
-
splitLine: {
|
|
33
|
-
show: false,
|
|
34
|
-
length: 15,
|
|
35
|
-
lineStyle: {
|
|
36
|
-
width: 2,
|
|
37
|
-
color: '#999'
|
|
38
|
-
}
|
|
39
|
-
},
|
|
40
|
-
axisLabel: {
|
|
41
|
-
distance: 30,
|
|
42
|
-
color: '#999',
|
|
43
|
-
fontSize: 10,
|
|
44
|
-
show: false
|
|
45
|
-
},
|
|
46
|
-
anchor: {
|
|
47
|
-
show: true,
|
|
48
|
-
showAbove: true,
|
|
49
|
-
size: 15,
|
|
50
|
-
itemStyle: {
|
|
51
|
-
borderWidth: 1
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
title: {
|
|
55
|
-
show: false
|
|
56
|
-
},
|
|
57
|
-
detail: {
|
|
58
|
-
valueAnimation: true,
|
|
59
|
-
fontSize: 12,
|
|
60
|
-
offsetCenter: [0, '70%']
|
|
61
|
-
},
|
|
62
|
-
data: []
|
|
63
|
-
}
|
|
64
|
-
];
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
70
|
-
type: Directive,
|
|
71
|
-
args: [{ selector: '[beMicroChartCircular]' }]
|
|
72
|
-
}], ctorParameters:
|
|
73
|
-
type: Input
|
|
74
|
-
}] } });
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
|
+
import { MicroChartBaseDirective } from './micro-chart-base.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class MicroChartCircularBaseDirective extends MicroChartBaseDirective {
|
|
5
|
+
constructor(_el, renderer2) {
|
|
6
|
+
super(_el, renderer2);
|
|
7
|
+
this._el = _el;
|
|
8
|
+
this.renderer2 = renderer2;
|
|
9
|
+
}
|
|
10
|
+
setOptions(options) {
|
|
11
|
+
// remove extra data from circular chart
|
|
12
|
+
this._initSeries(options);
|
|
13
|
+
// add data to series
|
|
14
|
+
options.series[0].data.push({ value: this.data });
|
|
15
|
+
}
|
|
16
|
+
_initSeries(options) {
|
|
17
|
+
options.series = [
|
|
18
|
+
{
|
|
19
|
+
type: 'gauge',
|
|
20
|
+
progress: {
|
|
21
|
+
show: true,
|
|
22
|
+
width: 5
|
|
23
|
+
},
|
|
24
|
+
axisLine: {
|
|
25
|
+
lineStyle: {
|
|
26
|
+
width: 5
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
axisTick: {
|
|
30
|
+
show: false
|
|
31
|
+
},
|
|
32
|
+
splitLine: {
|
|
33
|
+
show: false,
|
|
34
|
+
length: 15,
|
|
35
|
+
lineStyle: {
|
|
36
|
+
width: 2,
|
|
37
|
+
color: '#999'
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
axisLabel: {
|
|
41
|
+
distance: 30,
|
|
42
|
+
color: '#999',
|
|
43
|
+
fontSize: 10,
|
|
44
|
+
show: false
|
|
45
|
+
},
|
|
46
|
+
anchor: {
|
|
47
|
+
show: true,
|
|
48
|
+
showAbove: true,
|
|
49
|
+
size: 15,
|
|
50
|
+
itemStyle: {
|
|
51
|
+
borderWidth: 1
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
title: {
|
|
55
|
+
show: false
|
|
56
|
+
},
|
|
57
|
+
detail: {
|
|
58
|
+
valueAnimation: true,
|
|
59
|
+
fontSize: 12,
|
|
60
|
+
offsetCenter: [0, '70%']
|
|
61
|
+
},
|
|
62
|
+
data: []
|
|
63
|
+
}
|
|
64
|
+
];
|
|
65
|
+
}
|
|
66
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartCircularBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
67
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: MicroChartCircularBaseDirective, selector: "[beMicroChartCircular]", inputs: { data: "data" }, usesInheritance: true, ngImport: i0 }); }
|
|
68
|
+
}
|
|
69
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartCircularBaseDirective, decorators: [{
|
|
70
|
+
type: Directive,
|
|
71
|
+
args: [{ selector: '[beMicroChartCircular]' }]
|
|
72
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { data: [{
|
|
73
|
+
type: Input
|
|
74
|
+
}] } });
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtY2lyY3VsYXItYmFzZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvYmFzZS9taWNyby1jaGFydC1jaXJjdWxhci1iYXNlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFHdkUsTUFBTSxPQUFPLCtCQUFnQyxTQUFRLHVCQUF1QjtJQUd4RSxZQUFzQixHQUFlLEVBQVksU0FBb0I7UUFDakUsS0FBSyxDQUFDLEdBQUcsRUFBRSxTQUFTLENBQUMsQ0FBQztRQURKLFFBQUcsR0FBSCxHQUFHLENBQVk7UUFBWSxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBRXJFLENBQUM7SUFFUyxVQUFVLENBQUMsT0FBTztRQUN4Qix3Q0FBd0M7UUFDeEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUUxQixxQkFBcUI7UUFDckIsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFTyxXQUFXLENBQUMsT0FBTztRQUN2QixPQUFPLENBQUMsTUFBTSxHQUFHO1lBQ2I7Z0JBQ0ksSUFBSSxFQUFFLE9BQU87Z0JBQ2IsUUFBUSxFQUFFO29CQUNOLElBQUksRUFBRSxJQUFJO29CQUNWLEtBQUssRUFBRSxDQUFDO2lCQUNYO2dCQUNELFFBQVEsRUFBRTtvQkFDTixTQUFTLEVBQUU7d0JBQ1AsS0FBSyxFQUFFLENBQUM7cUJBQ1g7aUJBQ0o7Z0JBQ0QsUUFBUSxFQUFFO29CQUNOLElBQUksRUFBRSxLQUFLO2lCQUNkO2dCQUNELFNBQVMsRUFBRTtvQkFDUCxJQUFJLEVBQUUsS0FBSztvQkFDWCxNQUFNLEVBQUUsRUFBRTtvQkFFVixTQUFTLEVBQUU7d0JBQ1AsS0FBSyxFQUFFLENBQUM7d0JBQ1IsS0FBSyxFQUFFLE1BQU07cUJBQ2hCO2lCQUNKO2dCQUNELFNBQVMsRUFBRTtvQkFDUCxRQUFRLEVBQUUsRUFBRTtvQkFDWixLQUFLLEVBQUUsTUFBTTtvQkFDYixRQUFRLEVBQUUsRUFBRTtvQkFDWixJQUFJLEVBQUUsS0FBSztpQkFDZDtnQkFDRCxNQUFNLEVBQUU7b0JBQ0osSUFBSSxFQUFFLElBQUk7b0JBQ1YsU0FBUyxFQUFFLElBQUk7b0JBQ2YsSUFBSSxFQUFFLEVBQUU7b0JBQ1IsU0FBUyxFQUFFO3dCQUNQLFdBQVcsRUFBRSxDQUFDO3FCQUNqQjtpQkFDSjtnQkFDRCxLQUFLLEVBQUU7b0JBQ0gsSUFBSSxFQUFFLEtBQUs7aUJBQ2Q7Z0JBQ0QsTUFBTSxFQUFFO29CQUNKLGNBQWMsRUFBRSxJQUFJO29CQUNwQixRQUFRLEVBQUUsRUFBRTtvQkFDWixZQUFZLEVBQUUsQ0FBQyxDQUFDLEVBQUUsS0FBSyxDQUFDO2lCQUMzQjtnQkFDRCxJQUFJLEVBQUUsRUFBRTthQUNYO1NBQ0osQ0FBQztJQUNOLENBQUM7OEdBakVRLCtCQUErQjtrR0FBL0IsK0JBQStCOzsyRkFBL0IsK0JBQStCO2tCQUQzQyxTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLHdCQUF3QixFQUFFO3VHQUVwQyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIElucHV0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWljcm9DaGFydEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuL21pY3JvLWNoYXJ0LWJhc2UuZGlyZWN0aXZlJztcclxuXHJcbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tiZU1pY3JvQ2hhcnRDaXJjdWxhcl0nIH0pXHJcbmV4cG9ydCBjbGFzcyBNaWNyb0NoYXJ0Q2lyY3VsYXJCYXNlRGlyZWN0aXZlIGV4dGVuZHMgTWljcm9DaGFydEJhc2VEaXJlY3RpdmUge1xyXG4gICAgQElucHV0KCkgZGF0YTogbnVtYmVyO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfZWw6IEVsZW1lbnRSZWYsIHByb3RlY3RlZCByZW5kZXJlcjI6IFJlbmRlcmVyMikge1xyXG4gICAgICAgIHN1cGVyKF9lbCwgcmVuZGVyZXIyKTtcclxuICAgIH1cclxuXHJcbiAgICBwcm90ZWN0ZWQgc2V0T3B0aW9ucyhvcHRpb25zKTogdm9pZCB7XHJcbiAgICAgICAgLy8gcmVtb3ZlIGV4dHJhIGRhdGEgZnJvbSBjaXJjdWxhciBjaGFydFxyXG4gICAgICAgIHRoaXMuX2luaXRTZXJpZXMob3B0aW9ucyk7XHJcblxyXG4gICAgICAgIC8vIGFkZCBkYXRhIHRvIHNlcmllc1xyXG4gICAgICAgIG9wdGlvbnMuc2VyaWVzWzBdLmRhdGEucHVzaCh7IHZhbHVlOiB0aGlzLmRhdGEgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBfaW5pdFNlcmllcyhvcHRpb25zKTogdm9pZCB7XHJcbiAgICAgICAgb3B0aW9ucy5zZXJpZXMgPSBbXHJcbiAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgIHR5cGU6ICdnYXVnZScsXHJcbiAgICAgICAgICAgICAgICBwcm9ncmVzczoge1xyXG4gICAgICAgICAgICAgICAgICAgIHNob3c6IHRydWUsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDVcclxuICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBheGlzTGluZToge1xyXG4gICAgICAgICAgICAgICAgICAgIGxpbmVTdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogNVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBheGlzVGljazoge1xyXG4gICAgICAgICAgICAgICAgICAgIHNob3c6IGZhbHNlXHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgc3BsaXRMaW5lOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgc2hvdzogZmFsc2UsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVuZ3RoOiAxNSxcclxuXHJcbiAgICAgICAgICAgICAgICAgICAgbGluZVN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiAyLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogJyM5OTknXHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIGF4aXNMYWJlbDoge1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3RhbmNlOiAzMCxcclxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogJyM5OTknLFxyXG4gICAgICAgICAgICAgICAgICAgIGZvbnRTaXplOiAxMCxcclxuICAgICAgICAgICAgICAgICAgICBzaG93OiBmYWxzZVxyXG4gICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIGFuY2hvcjoge1xyXG4gICAgICAgICAgICAgICAgICAgIHNob3c6IHRydWUsXHJcbiAgICAgICAgICAgICAgICAgICAgc2hvd0Fib3ZlOiB0cnVlLFxyXG4gICAgICAgICAgICAgICAgICAgIHNpemU6IDE1LFxyXG4gICAgICAgICAgICAgICAgICAgIGl0ZW1TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJXaWR0aDogMVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICB0aXRsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIHNob3c6IGZhbHNlXHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgZGV0YWlsOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgdmFsdWVBbmltYXRpb246IHRydWUsXHJcbiAgICAgICAgICAgICAgICAgICAgZm9udFNpemU6IDEyLFxyXG4gICAgICAgICAgICAgICAgICAgIG9mZnNldENlbnRlcjogWzAsICc3MCUnXVxyXG4gICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIGRhdGE6IFtdXHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICBdO1xyXG4gICAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
|
+
import { MicroChartBaseDirective } from './micro-chart-base.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class MicroChartComparisonBaseDirective extends MicroChartBaseDirective {
|
|
5
|
+
constructor(_el, renderer2) {
|
|
6
|
+
super(_el, renderer2);
|
|
7
|
+
this._el = _el;
|
|
8
|
+
this.renderer2 = renderer2;
|
|
9
|
+
}
|
|
10
|
+
setOptions(options) {
|
|
11
|
+
// initialize series
|
|
12
|
+
this._initValues(options);
|
|
13
|
+
// set custom xAxis
|
|
14
|
+
this.xAxis.type = 'value';
|
|
15
|
+
this.xAxis.boundaryGap = ['0%', '50%'];
|
|
16
|
+
// set custom yAxis
|
|
17
|
+
this.yAxis.type = 'category';
|
|
18
|
+
this.yAxis.offset = 6;
|
|
19
|
+
this.yAxis.axisLabel = {
|
|
20
|
+
show: true,
|
|
21
|
+
inside: true,
|
|
22
|
+
lineHeight: 16
|
|
23
|
+
};
|
|
24
|
+
// set custom grid
|
|
25
|
+
this.grid.top = 10;
|
|
26
|
+
const textStyle = {
|
|
27
|
+
verticalAlign: 'bottom',
|
|
28
|
+
fontSize: 12,
|
|
29
|
+
fontWeight: 'bold'
|
|
30
|
+
};
|
|
31
|
+
this.chartData.data.forEach((item) => {
|
|
32
|
+
const seriesData = {
|
|
33
|
+
value: item.value,
|
|
34
|
+
itemStyle: {
|
|
35
|
+
color: item.color
|
|
36
|
+
},
|
|
37
|
+
label: {
|
|
38
|
+
position: ['100', '0%']
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
options.series[0].data.push(seriesData);
|
|
42
|
+
const yAxisData = { value: item.label, textStyle };
|
|
43
|
+
this.yAxis?.data?.push(yAxisData);
|
|
44
|
+
});
|
|
45
|
+
// if we have double tile
|
|
46
|
+
if (this.size === 'l') {
|
|
47
|
+
this.grid.left = 50;
|
|
48
|
+
this.yAxis.axisLabel.inside = false;
|
|
49
|
+
this.yAxis.axisLabel.lineHeight = undefined;
|
|
50
|
+
options.series[0].label.position = 'right';
|
|
51
|
+
this.yAxis.offset = -2;
|
|
52
|
+
options.series[0].showBackground = false;
|
|
53
|
+
this.xAxis.max = 112;
|
|
54
|
+
options.series[0].data.map((dataItem) => {
|
|
55
|
+
delete dataItem.label.offset;
|
|
56
|
+
dataItem.label.position = ['100%', '0%'];
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
options.series[0].label.formatter = (d) => d.data.value + this.chartData.suffix;
|
|
60
|
+
}
|
|
61
|
+
_initValues(options) {
|
|
62
|
+
options.series = [
|
|
63
|
+
{
|
|
64
|
+
showBackground: true,
|
|
65
|
+
barWidth: this.chartData.barWidth ?? 3,
|
|
66
|
+
type: 'bar',
|
|
67
|
+
data: [],
|
|
68
|
+
label: {
|
|
69
|
+
show: true,
|
|
70
|
+
position: 'top',
|
|
71
|
+
distance: 0,
|
|
72
|
+
valueAnimation: true,
|
|
73
|
+
fontFamily: 'monospace',
|
|
74
|
+
formatter: (d) => d.data.value + '%',
|
|
75
|
+
lineHeight: -10
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
];
|
|
79
|
+
options.plotOptions = {
|
|
80
|
+
bar: {
|
|
81
|
+
horizontal: true,
|
|
82
|
+
distributed: true
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartComparisonBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
87
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: MicroChartComparisonBaseDirective, selector: "[beMicroChartComparison]", inputs: { size: "size", chartData: "chartData" }, usesInheritance: true, ngImport: i0 }); }
|
|
88
|
+
}
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartComparisonBaseDirective, decorators: [{
|
|
90
|
+
type: Directive,
|
|
91
|
+
args: [{
|
|
92
|
+
selector: '[beMicroChartComparison]'
|
|
93
|
+
}]
|
|
94
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { size: [{
|
|
95
|
+
type: Input
|
|
96
|
+
}], chartData: [{
|
|
97
|
+
type: Input
|
|
98
|
+
}] } });
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtY29tcGFyaXNvbi1iYXNlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLWVjaGFydHMvc3JjL2xpYi9iYXNlL21pY3JvLWNoYXJ0LWNvbXBhcmlzb24tYmFzZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFJeEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBS3ZFLE1BQU0sT0FBTyxpQ0FBa0MsU0FBUSx1QkFBdUI7SUFLMUUsWUFBc0IsR0FBZSxFQUFZLFNBQW9CO1FBQ2pFLEtBQUssQ0FBQyxHQUFHLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFESixRQUFHLEdBQUgsR0FBRyxDQUFZO1FBQVksY0FBUyxHQUFULFNBQVMsQ0FBVztJQUVyRSxDQUFDO0lBRVMsVUFBVSxDQUFDLE9BQVk7UUFDN0Isb0JBQW9CO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFMUIsbUJBQW1CO1FBQ25CLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQztRQUMxQixJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQztRQUV2QyxtQkFBbUI7UUFDbkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDO1FBQzdCLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztRQUN0QixJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRztZQUNuQixJQUFJLEVBQUUsSUFBSTtZQUNWLE1BQU0sRUFBRSxJQUFJO1lBQ1osVUFBVSxFQUFFLEVBQUU7U0FDakIsQ0FBQztRQUVGLGtCQUFrQjtRQUNsQixJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsR0FBRyxFQUFFLENBQUM7UUFFbkIsTUFBTSxTQUFTLEdBQXFCO1lBQ2hDLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLFFBQVEsRUFBRSxFQUFFO1lBQ1osVUFBVSxFQUFFLE1BQU07U0FDckIsQ0FBQztRQUVGLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQ2pDLE1BQU0sVUFBVSxHQUFHO2dCQUNmLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztnQkFDakIsU0FBUyxFQUFFO29CQUNQLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztpQkFDcEI7Z0JBQ0QsS0FBSyxFQUFFO29CQUNILFFBQVEsRUFBRSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUM7aUJBQzFCO2FBQ0osQ0FBQztZQUVGLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUN4QyxNQUFNLFNBQVMsR0FBRyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLFNBQVMsRUFBRSxDQUFDO1lBQ25ELElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN0QyxDQUFDLENBQUMsQ0FBQztRQUVILHlCQUF5QjtRQUN6QixJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssR0FBRyxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7WUFDcEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsVUFBVSxHQUFHLFNBQVMsQ0FBQztZQUM1QyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDO1lBQzNDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO1lBQ3ZCLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztZQUN6QyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUM7WUFDckIsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7Z0JBQ3BDLE9BQU8sUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUM7Z0JBQzdCLFFBQVEsQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDO1lBQzdDLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztRQUNELE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUM7SUFDcEYsQ0FBQztJQUVPLFdBQVcsQ0FBQyxPQUFPO1FBQ3ZCLE9BQU8sQ0FBQyxNQUFNLEdBQUc7WUFDYjtnQkFDSSxjQUFjLEVBQUUsSUFBSTtnQkFDcEIsUUFBUSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxJQUFJLENBQUM7Z0JBQ3RDLElBQUksRUFBRSxLQUFLO2dCQUNYLElBQUksRUFBRSxFQUFFO2dCQUNSLEtBQUssRUFBRTtvQkFDSCxJQUFJLEVBQUUsSUFBSTtvQkFDVixRQUFRLEVBQUUsS0FBSztvQkFDZixRQUFRLEVBQUUsQ0FBQztvQkFDWCxjQUFjLEVBQUUsSUFBSTtvQkFDcEIsVUFBVSxFQUFFLFdBQVc7b0JBQ3ZCLFNBQVMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRztvQkFDcEMsVUFBVSxFQUFFLENBQUMsRUFBRTtpQkFDbEI7YUFDSjtTQUNKLENBQUM7UUFFRixPQUFPLENBQUMsV0FBVyxHQUFHO1lBQ2xCLEdBQUcsRUFBRTtnQkFDRCxVQUFVLEVBQUUsSUFBSTtnQkFDaEIsV0FBVyxFQUFFLElBQUk7YUFDcEI7U0FDSixDQUFDO0lBQ04sQ0FBQzs4R0E3RlEsaUNBQWlDO2tHQUFqQyxpQ0FBaUM7OzJGQUFqQyxpQ0FBaUM7a0JBSDdDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDBCQUEwQjtpQkFDdkM7dUdBRVksSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIElucHV0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tcGFyaXNvbkl0ZW0gfSBmcm9tICcuLi9tb2RlbHMnO1xyXG5pbXBvcnQgeyBUZXh0Q29tbW9uT3B0aW9uIH0gZnJvbSAnZWNoYXJ0cy90eXBlcy9zcmMvdXRpbC90eXBlcyc7XHJcbmltcG9ydCB7IFlBWGlzT3B0aW9uIH0gZnJvbSAnZWNoYXJ0cy90eXBlcy9kaXN0L3NoYXJlZCc7XHJcbmltcG9ydCB7IE1pY3JvQ2hhcnRCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi9taWNyby1jaGFydC1iYXNlLmRpcmVjdGl2ZSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICAgIHNlbGVjdG9yOiAnW2JlTWljcm9DaGFydENvbXBhcmlzb25dJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgTWljcm9DaGFydENvbXBhcmlzb25CYXNlRGlyZWN0aXZlIGV4dGVuZHMgTWljcm9DaGFydEJhc2VEaXJlY3RpdmUge1xyXG4gICAgQElucHV0KCkgc2l6ZTogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgY2hhcnREYXRhOiBDb21wYXJpc29uSXRlbTtcclxuICAgIHlBeGlzOiBZQVhpc09wdGlvbjtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX2VsOiBFbGVtZW50UmVmLCBwcm90ZWN0ZWQgcmVuZGVyZXIyOiBSZW5kZXJlcjIpIHtcclxuICAgICAgICBzdXBlcihfZWwsIHJlbmRlcmVyMik7XHJcbiAgICB9XHJcblxyXG4gICAgcHJvdGVjdGVkIHNldE9wdGlvbnMob3B0aW9uczogYW55KTogdm9pZCB7XHJcbiAgICAgICAgLy8gaW5pdGlhbGl6ZSBzZXJpZXNcclxuICAgICAgICB0aGlzLl9pbml0VmFsdWVzKG9wdGlvbnMpO1xyXG5cclxuICAgICAgICAvLyBzZXQgY3VzdG9tIHhBeGlzXHJcbiAgICAgICAgdGhpcy54QXhpcy50eXBlID0gJ3ZhbHVlJztcclxuICAgICAgICB0aGlzLnhBeGlzLmJvdW5kYXJ5R2FwID0gWycwJScsICc1MCUnXTtcclxuXHJcbiAgICAgICAgLy8gc2V0IGN1c3RvbSB5QXhpc1xyXG4gICAgICAgIHRoaXMueUF4aXMudHlwZSA9ICdjYXRlZ29yeSc7XHJcbiAgICAgICAgdGhpcy55QXhpcy5vZmZzZXQgPSA2O1xyXG4gICAgICAgIHRoaXMueUF4aXMuYXhpc0xhYmVsID0ge1xyXG4gICAgICAgICAgICBzaG93OiB0cnVlLFxyXG4gICAgICAgICAgICBpbnNpZGU6IHRydWUsXHJcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6IDE2XHJcbiAgICAgICAgfTtcclxuXHJcbiAgICAgICAgLy8gc2V0IGN1c3RvbSBncmlkXHJcbiAgICAgICAgdGhpcy5ncmlkLnRvcCA9IDEwO1xyXG5cclxuICAgICAgICBjb25zdCB0ZXh0U3R5bGU6IFRleHRDb21tb25PcHRpb24gPSB7XHJcbiAgICAgICAgICAgIHZlcnRpY2FsQWxpZ246ICdib3R0b20nLFxyXG4gICAgICAgICAgICBmb250U2l6ZTogMTIsXHJcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6ICdib2xkJ1xyXG4gICAgICAgIH07XHJcblxyXG4gICAgICAgIHRoaXMuY2hhcnREYXRhLmRhdGEuZm9yRWFjaCgoaXRlbSkgPT4ge1xyXG4gICAgICAgICAgICBjb25zdCBzZXJpZXNEYXRhID0ge1xyXG4gICAgICAgICAgICAgICAgdmFsdWU6IGl0ZW0udmFsdWUsXHJcbiAgICAgICAgICAgICAgICBpdGVtU3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogaXRlbS5jb2xvclxyXG4gICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIGxhYmVsOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IFsnMTAwJywgJzAlJ11cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfTtcclxuXHJcbiAgICAgICAgICAgIG9wdGlvbnMuc2VyaWVzWzBdLmRhdGEucHVzaChzZXJpZXNEYXRhKTtcclxuICAgICAgICAgICAgY29uc3QgeUF4aXNEYXRhID0geyB2YWx1ZTogaXRlbS5sYWJlbCwgdGV4dFN0eWxlIH07XHJcbiAgICAgICAgICAgIHRoaXMueUF4aXM/LmRhdGE/LnB1c2goeUF4aXNEYXRhKTtcclxuICAgICAgICB9KTtcclxuXHJcbiAgICAgICAgLy8gaWYgd2UgaGF2ZSBkb3VibGUgdGlsZVxyXG4gICAgICAgIGlmICh0aGlzLnNpemUgPT09ICdsJykge1xyXG4gICAgICAgICAgICB0aGlzLmdyaWQubGVmdCA9IDUwO1xyXG4gICAgICAgICAgICB0aGlzLnlBeGlzLmF4aXNMYWJlbC5pbnNpZGUgPSBmYWxzZTtcclxuICAgICAgICAgICAgdGhpcy55QXhpcy5heGlzTGFiZWwubGluZUhlaWdodCA9IHVuZGVmaW5lZDtcclxuICAgICAgICAgICAgb3B0aW9ucy5zZXJpZXNbMF0ubGFiZWwucG9zaXRpb24gPSAncmlnaHQnO1xyXG4gICAgICAgICAgICB0aGlzLnlBeGlzLm9mZnNldCA9IC0yO1xyXG4gICAgICAgICAgICBvcHRpb25zLnNlcmllc1swXS5zaG93QmFja2dyb3VuZCA9IGZhbHNlO1xyXG4gICAgICAgICAgICB0aGlzLnhBeGlzLm1heCA9IDExMjtcclxuICAgICAgICAgICAgb3B0aW9ucy5zZXJpZXNbMF0uZGF0YS5tYXAoKGRhdGFJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICBkZWxldGUgZGF0YUl0ZW0ubGFiZWwub2Zmc2V0O1xyXG4gICAgICAgICAgICAgICAgZGF0YUl0ZW0ubGFiZWwucG9zaXRpb24gPSBbJzEwMCUnLCAnMCUnXTtcclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIG9wdGlvbnMuc2VyaWVzWzBdLmxhYmVsLmZvcm1hdHRlciA9IChkKSA9PiBkLmRhdGEudmFsdWUgKyB0aGlzLmNoYXJ0RGF0YS5zdWZmaXg7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBfaW5pdFZhbHVlcyhvcHRpb25zKTogdm9pZCB7XHJcbiAgICAgICAgb3B0aW9ucy5zZXJpZXMgPSBbXHJcbiAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgIHNob3dCYWNrZ3JvdW5kOiB0cnVlLFxyXG4gICAgICAgICAgICAgICAgYmFyV2lkdGg6IHRoaXMuY2hhcnREYXRhLmJhcldpZHRoID8/IDMsXHJcbiAgICAgICAgICAgICAgICB0eXBlOiAnYmFyJyxcclxuICAgICAgICAgICAgICAgIGRhdGE6IFtdLFxyXG4gICAgICAgICAgICAgICAgbGFiZWw6IHtcclxuICAgICAgICAgICAgICAgICAgICBzaG93OiB0cnVlLFxyXG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiAndG9wJyxcclxuICAgICAgICAgICAgICAgICAgICBkaXN0YW5jZTogMCxcclxuICAgICAgICAgICAgICAgICAgICB2YWx1ZUFuaW1hdGlvbjogdHJ1ZSxcclxuICAgICAgICAgICAgICAgICAgICBmb250RmFtaWx5OiAnbW9ub3NwYWNlJyxcclxuICAgICAgICAgICAgICAgICAgICBmb3JtYXR0ZXI6IChkKSA9PiBkLmRhdGEudmFsdWUgKyAnJScsXHJcbiAgICAgICAgICAgICAgICAgICAgbGluZUhlaWdodDogLTEwXHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICBdO1xyXG5cclxuICAgICAgICBvcHRpb25zLnBsb3RPcHRpb25zID0ge1xyXG4gICAgICAgICAgICBiYXI6IHtcclxuICAgICAgICAgICAgICAgIGhvcml6b250YWw6IHRydWUsXHJcbiAgICAgICAgICAgICAgICBkaXN0cmlidXRlZDogdHJ1ZVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfTtcclxuICAgIH1cclxufVxyXG4iXX0=
|
|
@@ -1,60 +1,60 @@
|
|
|
1
|
-
import { Directive, Input } from '@angular/core';
|
|
2
|
-
import { MicroChartBaseDirective } from './micro-chart-base.directive';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class MicroChartLineBaseDirective extends MicroChartBaseDirective {
|
|
5
|
-
constructor(_el, renderer2) {
|
|
6
|
-
super(_el, renderer2);
|
|
7
|
-
this._el = _el;
|
|
8
|
-
this.renderer2 = renderer2;
|
|
9
|
-
}
|
|
10
|
-
setOptions(options) {
|
|
11
|
-
this._scaleDownLineData();
|
|
12
|
-
// initialize series
|
|
13
|
-
this._initSeries(options);
|
|
14
|
-
// set input data
|
|
15
|
-
this.line.data.forEach((item) => {
|
|
16
|
-
this.xAxis?.data?.push(item.label);
|
|
17
|
-
const dataObj = {
|
|
18
|
-
value: item.value,
|
|
19
|
-
symbol: 'none'
|
|
20
|
-
};
|
|
21
|
-
options.series[0].data.push(dataObj);
|
|
22
|
-
});
|
|
23
|
-
this.xAxis.max = undefined;
|
|
24
|
-
this.xAxis.type = 'category';
|
|
25
|
-
// set custom yAxis
|
|
26
|
-
this.yAxis.min = 0;
|
|
27
|
-
this.yAxis.max = 6;
|
|
28
|
-
this.yAxis.type = 'value';
|
|
29
|
-
}
|
|
30
|
-
/* eslint-disable */
|
|
31
|
-
_scaleDownLineData() {
|
|
32
|
-
const maxValue = Math.max.apply(Math, this.line.data.map((dataItem) => dataItem.value));
|
|
33
|
-
return this.line.data.forEach((dataItem) => {
|
|
34
|
-
dataItem.value *= 6 / maxValue;
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
_initSeries(options) {
|
|
38
|
-
options.series = [
|
|
39
|
-
{
|
|
40
|
-
type: 'line',
|
|
41
|
-
color: this.line?.color,
|
|
42
|
-
data: [],
|
|
43
|
-
label: {
|
|
44
|
-
show: false
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
];
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
53
|
-
type: Directive,
|
|
54
|
-
args: [{
|
|
55
|
-
selector: '[beMicroChartLine]'
|
|
56
|
-
}]
|
|
57
|
-
}], ctorParameters:
|
|
58
|
-
type: Input
|
|
59
|
-
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
|
+
import { MicroChartBaseDirective } from './micro-chart-base.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class MicroChartLineBaseDirective extends MicroChartBaseDirective {
|
|
5
|
+
constructor(_el, renderer2) {
|
|
6
|
+
super(_el, renderer2);
|
|
7
|
+
this._el = _el;
|
|
8
|
+
this.renderer2 = renderer2;
|
|
9
|
+
}
|
|
10
|
+
setOptions(options) {
|
|
11
|
+
this._scaleDownLineData();
|
|
12
|
+
// initialize series
|
|
13
|
+
this._initSeries(options);
|
|
14
|
+
// set input data
|
|
15
|
+
this.line.data.forEach((item) => {
|
|
16
|
+
this.xAxis?.data?.push(item.label);
|
|
17
|
+
const dataObj = {
|
|
18
|
+
value: item.value,
|
|
19
|
+
symbol: 'none'
|
|
20
|
+
};
|
|
21
|
+
options.series[0].data.push(dataObj);
|
|
22
|
+
});
|
|
23
|
+
this.xAxis.max = undefined;
|
|
24
|
+
this.xAxis.type = 'category';
|
|
25
|
+
// set custom yAxis
|
|
26
|
+
this.yAxis.min = 0;
|
|
27
|
+
this.yAxis.max = 6;
|
|
28
|
+
this.yAxis.type = 'value';
|
|
29
|
+
}
|
|
30
|
+
/* eslint-disable */
|
|
31
|
+
_scaleDownLineData() {
|
|
32
|
+
const maxValue = Math.max.apply(Math, this.line.data.map((dataItem) => dataItem.value));
|
|
33
|
+
return this.line.data.forEach((dataItem) => {
|
|
34
|
+
dataItem.value *= 6 / maxValue;
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
_initSeries(options) {
|
|
38
|
+
options.series = [
|
|
39
|
+
{
|
|
40
|
+
type: 'line',
|
|
41
|
+
color: this.line?.color,
|
|
42
|
+
data: [],
|
|
43
|
+
label: {
|
|
44
|
+
show: false
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
];
|
|
48
|
+
}
|
|
49
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartLineBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
50
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: MicroChartLineBaseDirective, selector: "[beMicroChartLine]", inputs: { line: "line" }, usesInheritance: true, ngImport: i0 }); }
|
|
51
|
+
}
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartLineBaseDirective, decorators: [{
|
|
53
|
+
type: Directive,
|
|
54
|
+
args: [{
|
|
55
|
+
selector: '[beMicroChartLine]'
|
|
56
|
+
}]
|
|
57
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { line: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}] } });
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtbGluZS1iYXNlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLWVjaGFydHMvc3JjL2xpYi9iYXNlL21pY3JvLWNoYXJ0LWxpbmUtYmFzZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBTXZFLE1BQU0sT0FBTywyQkFBNEIsU0FBUSx1QkFBdUI7SUFHcEUsWUFBc0IsR0FBZSxFQUFZLFNBQW9CO1FBQ2pFLEtBQUssQ0FBQyxHQUFHLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFESixRQUFHLEdBQUgsR0FBRyxDQUFZO1FBQVksY0FBUyxHQUFULFNBQVMsQ0FBVztJQUVyRSxDQUFDO0lBRVMsVUFBVSxDQUFDLE9BQU87UUFDeEIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFFMUIsb0JBQW9CO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFMUIsaUJBQWlCO1FBQ2pCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQzVCLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDbkMsTUFBTSxPQUFPLEdBQUc7Z0JBQ1osS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO2dCQUNqQixNQUFNLEVBQUUsTUFBTTthQUNqQixDQUFDO1lBQ0YsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLEdBQUcsU0FBUyxDQUFDO1FBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQztRQUU3QixtQkFBbUI7UUFDbkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDO1FBQ25CLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQztRQUNuQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxPQUFPLENBQUM7SUFDOUIsQ0FBQztJQUVELG9CQUFvQjtJQUNaLGtCQUFrQjtRQUN0QixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FDM0IsSUFBSSxFQUNKLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUNuRCxDQUFDO1FBQ0YsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUN2QyxRQUFRLENBQUMsS0FBSyxJQUFJLENBQUMsR0FBRyxRQUFRLENBQUM7UUFDbkMsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU8sV0FBVyxDQUFDLE9BQU87UUFDdkIsT0FBTyxDQUFDLE1BQU0sR0FBRztZQUNiO2dCQUNJLElBQUksRUFBRSxNQUFNO2dCQUNaLEtBQUssRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUs7Z0JBQ3ZCLElBQUksRUFBRSxFQUFFO2dCQUNSLEtBQUssRUFBRTtvQkFDSCxJQUFJLEVBQUUsS0FBSztpQkFDZDthQUNKO1NBQ0osQ0FBQztJQUNOLENBQUM7OEdBckRRLDJCQUEyQjtrR0FBM0IsMkJBQTJCOzsyRkFBM0IsMkJBQTJCO2tCQUh2QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxvQkFBb0I7aUJBQ2pDO3VHQUVZLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNaWNyb0NoYXJ0QmFzZURpcmVjdGl2ZSB9IGZyb20gJy4vbWljcm8tY2hhcnQtYmFzZS5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBMaW5lSXRlbSB9IGZyb20gJy4uL21vZGVscy9saW5lLWl0ZW0nO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgICBzZWxlY3RvcjogJ1tiZU1pY3JvQ2hhcnRMaW5lXSdcclxufSlcclxuZXhwb3J0IGNsYXNzIE1pY3JvQ2hhcnRMaW5lQmFzZURpcmVjdGl2ZSBleHRlbmRzIE1pY3JvQ2hhcnRCYXNlRGlyZWN0aXZlIHtcclxuICAgIEBJbnB1dCgpIGxpbmU6IExpbmVJdGVtO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfZWw6IEVsZW1lbnRSZWYsIHByb3RlY3RlZCByZW5kZXJlcjI6IFJlbmRlcmVyMikge1xyXG4gICAgICAgIHN1cGVyKF9lbCwgcmVuZGVyZXIyKTtcclxuICAgIH1cclxuXHJcbiAgICBwcm90ZWN0ZWQgc2V0T3B0aW9ucyhvcHRpb25zKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5fc2NhbGVEb3duTGluZURhdGEoKTtcclxuXHJcbiAgICAgICAgLy8gaW5pdGlhbGl6ZSBzZXJpZXNcclxuICAgICAgICB0aGlzLl9pbml0U2VyaWVzKG9wdGlvbnMpO1xyXG5cclxuICAgICAgICAvLyBzZXQgaW5wdXQgZGF0YVxyXG4gICAgICAgIHRoaXMubGluZS5kYXRhLmZvckVhY2goKGl0ZW0pID0+IHtcclxuICAgICAgICAgICAgdGhpcy54QXhpcz8uZGF0YT8ucHVzaChpdGVtLmxhYmVsKTtcclxuICAgICAgICAgICAgY29uc3QgZGF0YU9iaiA9IHtcclxuICAgICAgICAgICAgICAgIHZhbHVlOiBpdGVtLnZhbHVlLFxyXG4gICAgICAgICAgICAgICAgc3ltYm9sOiAnbm9uZSdcclxuICAgICAgICAgICAgfTtcclxuICAgICAgICAgICAgb3B0aW9ucy5zZXJpZXNbMF0uZGF0YS5wdXNoKGRhdGFPYmopO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICAgIHRoaXMueEF4aXMubWF4ID0gdW5kZWZpbmVkO1xyXG4gICAgICAgIHRoaXMueEF4aXMudHlwZSA9ICdjYXRlZ29yeSc7XHJcblxyXG4gICAgICAgIC8vIHNldCBjdXN0b20geUF4aXNcclxuICAgICAgICB0aGlzLnlBeGlzLm1pbiA9IDA7XHJcbiAgICAgICAgdGhpcy55QXhpcy5tYXggPSA2O1xyXG4gICAgICAgIHRoaXMueUF4aXMudHlwZSA9ICd2YWx1ZSc7XHJcbiAgICB9XHJcblxyXG4gICAgLyogZXNsaW50LWRpc2FibGUgKi9cclxuICAgIHByaXZhdGUgX3NjYWxlRG93bkxpbmVEYXRhKCk6IHZvaWQge1xyXG4gICAgICAgIGNvbnN0IG1heFZhbHVlID0gTWF0aC5tYXguYXBwbHkoXHJcbiAgICAgICAgICAgIE1hdGgsXHJcbiAgICAgICAgICAgIHRoaXMubGluZS5kYXRhLm1hcCgoZGF0YUl0ZW0pID0+IGRhdGFJdGVtLnZhbHVlKVxyXG4gICAgICAgICk7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMubGluZS5kYXRhLmZvckVhY2goKGRhdGFJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgIGRhdGFJdGVtLnZhbHVlICo9IDYgLyBtYXhWYWx1ZTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIF9pbml0U2VyaWVzKG9wdGlvbnMpOiB2b2lkIHtcclxuICAgICAgICBvcHRpb25zLnNlcmllcyA9IFtcclxuICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgdHlwZTogJ2xpbmUnLFxyXG4gICAgICAgICAgICAgICAgY29sb3I6IHRoaXMubGluZT8uY29sb3IsXHJcbiAgICAgICAgICAgICAgICBkYXRhOiBbXSxcclxuICAgICAgICAgICAgICAgIGxhYmVsOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgc2hvdzogZmFsc2VcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIF07XHJcbiAgICB9XHJcbn1cclxuIl19
|