@colijnit/extendedcomponents 12.0.2 → 12.0.3
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/bundles/colijnit-extendedcomponents.umd.js +121 -4
- package/bundles/colijnit-extendedcomponents.umd.js.map +1 -1
- package/esm2015/lib/components/stacked-line-chart/co-stacked-line-chart.component.js +105 -0
- package/esm2015/lib/components/stacked-line-chart/co-stacked-line-chart.module.js +26 -0
- package/esm2015/lib/components/stacked-line-chart/model/co-stacked-line-chart-options.js +2 -0
- package/esm2015/public-api.js +3 -1
- package/fesm2015/colijnit-extendedcomponents.js +126 -1
- package/fesm2015/colijnit-extendedcomponents.js.map +1 -1
- package/lib/components/stacked-line-chart/co-stacked-line-chart.component.d.ts +16 -0
- package/lib/components/stacked-line-chart/co-stacked-line-chart.module.d.ts +8 -0
- package/lib/components/stacked-line-chart/model/co-stacked-line-chart-options.d.ts +4 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
- /package/lib/components/{co-stacked-line-chart → stacked-line-chart}/style/_layout.scss +0 -0
- /package/lib/components/{co-stacked-line-chart → stacked-line-chart}/style/_material-definition.scss +0 -0
- /package/lib/components/{co-stacked-line-chart → stacked-line-chart}/style/_theme.scss +0 -0
- /package/lib/components/{co-stacked-line-chart → stacked-line-chart}/style/material.scss +0 -0
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { Component, HostBinding, Input, ViewEncapsulation } from "@angular/core";
|
|
2
|
+
import * as echarts from 'echarts/core';
|
|
3
|
+
import { GridComponent, LegendComponent, TitleComponent, ToolboxComponent, TooltipComponent } from 'echarts/components';
|
|
4
|
+
import { LineChart } from 'echarts/charts';
|
|
5
|
+
import { UniversalTransition } from 'echarts/features';
|
|
6
|
+
import { CanvasRenderer } from 'echarts/renderers';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class StackedLineChartComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.chartData = [];
|
|
11
|
+
this.chartLegend = [];
|
|
12
|
+
this.chartXAxis = [];
|
|
13
|
+
this.chartHeight = 600;
|
|
14
|
+
this.chartOptions = {
|
|
15
|
+
title: {},
|
|
16
|
+
tooltip: {
|
|
17
|
+
trigger: 'axis'
|
|
18
|
+
},
|
|
19
|
+
legend: {},
|
|
20
|
+
grid: {
|
|
21
|
+
left: '3%',
|
|
22
|
+
right: '4%',
|
|
23
|
+
bottom: '3%',
|
|
24
|
+
containLabel: true
|
|
25
|
+
},
|
|
26
|
+
toolbox: {
|
|
27
|
+
feature: {
|
|
28
|
+
saveAsImage: {}
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
xAxis: {},
|
|
32
|
+
yAxis: {
|
|
33
|
+
type: 'value'
|
|
34
|
+
},
|
|
35
|
+
series: {}
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
showClass() {
|
|
39
|
+
return true;
|
|
40
|
+
}
|
|
41
|
+
ngOnInit() {
|
|
42
|
+
echarts.use([
|
|
43
|
+
TitleComponent,
|
|
44
|
+
ToolboxComponent,
|
|
45
|
+
TooltipComponent,
|
|
46
|
+
GridComponent,
|
|
47
|
+
LegendComponent,
|
|
48
|
+
LineChart,
|
|
49
|
+
CanvasRenderer,
|
|
50
|
+
UniversalTransition
|
|
51
|
+
]);
|
|
52
|
+
let chartDom = document.getElementById('chart-container');
|
|
53
|
+
let myChart = echarts.init(chartDom, undefined, {
|
|
54
|
+
width: this.chartWidth,
|
|
55
|
+
height: this.chartHeight
|
|
56
|
+
});
|
|
57
|
+
this.chartOptions.title['text'] = this.chartName;
|
|
58
|
+
this.chartOptions.series = this.chartData;
|
|
59
|
+
this.chartOptions.xAxis = {
|
|
60
|
+
type: 'category',
|
|
61
|
+
boundaryGap: false,
|
|
62
|
+
data: this.chartXAxis
|
|
63
|
+
};
|
|
64
|
+
this.chartOptions.legend['data'] = this.chartLegend;
|
|
65
|
+
this.chartOptions && myChart.setOption(this.chartOptions);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
StackedLineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
69
|
+
StackedLineChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: StackedLineChartComponent, selector: "co-stacked-line-chart", inputs: { chartName: "chartName", chartData: "chartData", chartLegend: "chartLegend", chartXAxis: "chartXAxis", chartHeight: "chartHeight", chartWidth: "chartWidth", chartOptions: "chartOptions" }, host: { properties: { "class.co-co-stacked-line-chart": "this.showClass" } }, ngImport: i0, template: `
|
|
70
|
+
|
|
71
|
+
<div id="chart-container" class="component-wrapper">
|
|
72
|
+
</div>
|
|
73
|
+
|
|
74
|
+
`, isInline: true, encapsulation: i0.ViewEncapsulation.None });
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, decorators: [{
|
|
76
|
+
type: Component,
|
|
77
|
+
args: [{
|
|
78
|
+
selector: "co-stacked-line-chart",
|
|
79
|
+
template: `
|
|
80
|
+
|
|
81
|
+
<div id="chart-container" class="component-wrapper">
|
|
82
|
+
</div>
|
|
83
|
+
|
|
84
|
+
`,
|
|
85
|
+
encapsulation: ViewEncapsulation.None
|
|
86
|
+
}]
|
|
87
|
+
}], propDecorators: { showClass: [{
|
|
88
|
+
type: HostBinding,
|
|
89
|
+
args: ["class.co-co-stacked-line-chart"]
|
|
90
|
+
}], chartName: [{
|
|
91
|
+
type: Input
|
|
92
|
+
}], chartData: [{
|
|
93
|
+
type: Input
|
|
94
|
+
}], chartLegend: [{
|
|
95
|
+
type: Input
|
|
96
|
+
}], chartXAxis: [{
|
|
97
|
+
type: Input
|
|
98
|
+
}], chartHeight: [{
|
|
99
|
+
type: Input
|
|
100
|
+
}], chartWidth: [{
|
|
101
|
+
type: Input
|
|
102
|
+
}], chartOptions: [{
|
|
103
|
+
type: Input
|
|
104
|
+
}] } });
|
|
105
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY28tc3RhY2tlZC1saW5lLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuZGVkY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhY2tlZC1saW5lLWNoYXJ0L2NvLXN0YWNrZWQtbGluZS1jaGFydC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZGLE9BQU8sS0FBSyxPQUFPLE1BQU0sY0FBYyxDQUFDO0FBQ3hDLE9BQU8sRUFBQyxhQUFhLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxnQkFBZ0IsRUFBRSxnQkFBZ0IsRUFBQyxNQUFNLG9CQUFvQixDQUFDO0FBQ3RILE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6QyxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQztBQUNyRCxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sbUJBQW1CLENBQUM7O0FBY2pELE1BQU0sT0FBTyx5QkFBeUI7SUFWdEM7UUFxQlMsY0FBUyxHQUFhLEVBQUUsQ0FBQztRQUd6QixnQkFBVyxHQUFhLEVBQUUsQ0FBQztRQUczQixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBR2hCLGdCQUFXLEdBQVcsR0FBRyxDQUFDO1FBTTFCLGlCQUFZLEdBQThCO1lBQy9DLEtBQUssRUFBRSxFQUVOO1lBQ0QsT0FBTyxFQUFFO2dCQUNQLE9BQU8sRUFBRSxNQUFNO2FBQ2hCO1lBQ0QsTUFBTSxFQUFFLEVBRVA7WUFDRCxJQUFJLEVBQUU7Z0JBQ0osSUFBSSxFQUFFLElBQUk7Z0JBQ1YsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsTUFBTSxFQUFFLElBQUk7Z0JBQ1osWUFBWSxFQUFFLElBQUk7YUFDbkI7WUFDRCxPQUFPLEVBQUU7Z0JBQ1AsT0FBTyxFQUFFO29CQUNQLFdBQVcsRUFBRSxFQUFFO2lCQUNoQjthQUNGO1lBQ0QsS0FBSyxFQUFFLEVBRU47WUFDRCxLQUFLLEVBQUU7Z0JBQ0wsSUFBSSxFQUFFLE9BQU87YUFDZDtZQUNELE1BQU0sRUFBRSxFQUFFO1NBQ1gsQ0FBQztLQXVDSDtJQTFGUSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBb0RELFFBQVE7UUFDTixPQUFPLENBQUMsR0FBRyxDQUFDO1lBQ1YsY0FBYztZQUNkLGdCQUFnQjtZQUNoQixnQkFBZ0I7WUFDaEIsYUFBYTtZQUNiLGVBQWU7WUFDZixTQUFTO1lBQ1QsY0FBYztZQUNkLG1CQUFtQjtTQUNwQixDQUFDLENBQUM7UUFJSCxJQUFJLFFBQVEsR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLGlCQUFpQixDQUFFLENBQUM7UUFFM0QsSUFBSSxPQUFPLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsU0FBUyxFQUFFO1lBQzlDLEtBQUssRUFBRSxJQUFJLENBQUMsVUFBVTtZQUN0QixNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVc7U0FDekIsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUVqRCxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQzFDLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxHQUFHO1lBQ3hCLElBQUksRUFBRSxVQUFVO1lBQ2hCLFdBQVcsRUFBRSxLQUFLO1lBQ2xCLElBQUksRUFBRSxJQUFJLENBQUMsVUFBVTtTQUN0QixDQUFDO1FBQ0YsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUNwRCxJQUFJLENBQUMsWUFBWSxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBRTVELENBQUM7O3VIQXpGVSx5QkFBeUI7MkdBQXpCLHlCQUF5QixpVkFSMUI7Ozs7O0tBS1A7NEZBR1EseUJBQXlCO2tCQVZyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFFBQVEsRUFBRTs7Ozs7S0FLUDtvQkFDSCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7OEJBSVEsU0FBUztzQkFEZixXQUFXO3VCQUFDLGdDQUFnQztnQkFNdEMsU0FBUztzQkFEZixLQUFLO2dCQUlDLFNBQVM7c0JBRGYsS0FBSztnQkFJQyxXQUFXO3NCQURqQixLQUFLO2dCQUlDLFVBQVU7c0JBRGhCLEtBQUs7Z0JBSUMsV0FBVztzQkFEakIsS0FBSztnQkFJQyxVQUFVO3NCQURoQixLQUFLO2dCQUlDLFlBQVk7c0JBRGxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgKiBhcyBlY2hhcnRzIGZyb20gJ2VjaGFydHMvY29yZSc7XHJcbmltcG9ydCB7R3JpZENvbXBvbmVudCwgTGVnZW5kQ29tcG9uZW50LCBUaXRsZUNvbXBvbmVudCwgVG9vbGJveENvbXBvbmVudCwgVG9vbHRpcENvbXBvbmVudH0gZnJvbSAnZWNoYXJ0cy9jb21wb25lbnRzJztcclxuaW1wb3J0IHtMaW5lQ2hhcnR9IGZyb20gJ2VjaGFydHMvY2hhcnRzJztcclxuaW1wb3J0IHtVbml2ZXJzYWxUcmFuc2l0aW9ufSBmcm9tICdlY2hhcnRzL2ZlYXR1cmVzJztcclxuaW1wb3J0IHtDYW52YXNSZW5kZXJlcn0gZnJvbSAnZWNoYXJ0cy9yZW5kZXJlcnMnO1xyXG5pbXBvcnQge0NvU3RhY2tlZExpbmVDaGFydE9wdGlvbnN9IGZyb20gXCIuL21vZGVsL2NvLXN0YWNrZWQtbGluZS1jaGFydC1vcHRpb25zXCI7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwiY28tc3RhY2tlZC1saW5lLWNoYXJ0XCIsXHJcbiAgdGVtcGxhdGU6IGBcclxuXHJcbiAgICA8ZGl2IGlkPVwiY2hhcnQtY29udGFpbmVyXCIgY2xhc3M9XCJjb21wb25lbnQtd3JhcHBlclwiPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgYCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdGFja2VkTGluZUNoYXJ0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0e1xyXG5cclxuICBASG9zdEJpbmRpbmcoXCJjbGFzcy5jby1jby1zdGFja2VkLWxpbmUtY2hhcnRcIilcclxuICBwdWJsaWMgc2hvd0NsYXNzKCkge1xyXG4gICAgcmV0dXJuIHRydWU7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjaGFydE5hbWU6IHN0cmluZztcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY2hhcnREYXRhOiBPYmplY3RbXSA9IFtdO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjaGFydExlZ2VuZDogc3RyaW5nW10gPSBbXTtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY2hhcnRYQXhpcyA9IFtdO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjaGFydEhlaWdodDogbnVtYmVyID0gNjAwO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjaGFydFdpZHRoOiBudW1iZXI7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNoYXJ0T3B0aW9uczogQ29TdGFja2VkTGluZUNoYXJ0T3B0aW9ucyA9IHtcclxuICAgIHRpdGxlOiB7XHJcblxyXG4gICAgfSxcclxuICAgIHRvb2x0aXA6IHtcclxuICAgICAgdHJpZ2dlcjogJ2F4aXMnXHJcbiAgICB9LFxyXG4gICAgbGVnZW5kOiB7XHJcblxyXG4gICAgfSxcclxuICAgIGdyaWQ6IHtcclxuICAgICAgbGVmdDogJzMlJyxcclxuICAgICAgcmlnaHQ6ICc0JScsXHJcbiAgICAgIGJvdHRvbTogJzMlJyxcclxuICAgICAgY29udGFpbkxhYmVsOiB0cnVlXHJcbiAgICB9LFxyXG4gICAgdG9vbGJveDoge1xyXG4gICAgICBmZWF0dXJlOiB7XHJcbiAgICAgICAgc2F2ZUFzSW1hZ2U6IHt9XHJcbiAgICAgIH1cclxuICAgIH0sXHJcbiAgICB4QXhpczoge1xyXG5cclxuICAgIH0sXHJcbiAgICB5QXhpczoge1xyXG4gICAgICB0eXBlOiAndmFsdWUnXHJcbiAgICB9LFxyXG4gICAgc2VyaWVzOiB7fVxyXG4gIH07XHJcblxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGVjaGFydHMudXNlKFtcclxuICAgICAgVGl0bGVDb21wb25lbnQsXHJcbiAgICAgIFRvb2xib3hDb21wb25lbnQsXHJcbiAgICAgIFRvb2x0aXBDb21wb25lbnQsXHJcbiAgICAgIEdyaWRDb21wb25lbnQsXHJcbiAgICAgIExlZ2VuZENvbXBvbmVudCxcclxuICAgICAgTGluZUNoYXJ0LFxyXG4gICAgICBDYW52YXNSZW5kZXJlcixcclxuICAgICAgVW5pdmVyc2FsVHJhbnNpdGlvblxyXG4gICAgXSk7XHJcblxyXG5cclxuXHJcbiAgICBsZXQgY2hhcnREb20gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY2hhcnQtY29udGFpbmVyJykhO1xyXG5cclxuICAgIGxldCBteUNoYXJ0ID0gZWNoYXJ0cy5pbml0KGNoYXJ0RG9tLCB1bmRlZmluZWQsIHtcclxuICAgICAgd2lkdGg6IHRoaXMuY2hhcnRXaWR0aCxcclxuICAgICAgaGVpZ2h0OiB0aGlzLmNoYXJ0SGVpZ2h0XHJcbiAgICB9KTtcclxuXHJcbiAgICB0aGlzLmNoYXJ0T3B0aW9ucy50aXRsZVsndGV4dCddID0gdGhpcy5jaGFydE5hbWU7XHJcblxyXG4gICAgdGhpcy5jaGFydE9wdGlvbnMuc2VyaWVzID0gdGhpcy5jaGFydERhdGE7XHJcbiAgICB0aGlzLmNoYXJ0T3B0aW9ucy54QXhpcyA9IHtcclxuICAgICAgdHlwZTogJ2NhdGVnb3J5JyxcclxuICAgICAgYm91bmRhcnlHYXA6IGZhbHNlLFxyXG4gICAgICBkYXRhOiB0aGlzLmNoYXJ0WEF4aXNcclxuICAgIH07XHJcbiAgICB0aGlzLmNoYXJ0T3B0aW9ucy5sZWdlbmRbJ2RhdGEnXSA9IHRoaXMuY2hhcnRMZWdlbmQ7XHJcbiAgICB0aGlzLmNoYXJ0T3B0aW9ucyAmJiBteUNoYXJ0LnNldE9wdGlvbih0aGlzLmNoYXJ0T3B0aW9ucyk7XHJcblxyXG4gIH1cclxuXHJcblxyXG5cclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { NgModule } from "@angular/core";
|
|
2
|
+
import { CommonModule } from "@angular/common";
|
|
3
|
+
import { StackedLineChartComponent } from "./co-stacked-line-chart.component";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class StackedLineChartModule {
|
|
6
|
+
}
|
|
7
|
+
StackedLineChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
StackedLineChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, declarations: [StackedLineChartComponent], imports: [CommonModule], exports: [StackedLineChartComponent] });
|
|
9
|
+
StackedLineChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, imports: [[
|
|
10
|
+
CommonModule
|
|
11
|
+
]] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, decorators: [{
|
|
13
|
+
type: NgModule,
|
|
14
|
+
args: [{
|
|
15
|
+
imports: [
|
|
16
|
+
CommonModule
|
|
17
|
+
],
|
|
18
|
+
declarations: [
|
|
19
|
+
StackedLineChartComponent
|
|
20
|
+
],
|
|
21
|
+
exports: [
|
|
22
|
+
StackedLineChartComponent
|
|
23
|
+
]
|
|
24
|
+
}]
|
|
25
|
+
}] });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY28tc3RhY2tlZC1saW5lLWNoYXJ0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuZGVkY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhY2tlZC1saW5lLWNoYXJ0L2NvLXN0YWNrZWQtbGluZS1jaGFydC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0sbUNBQW1DLENBQUM7O0FBYTVFLE1BQU0sT0FBTyxzQkFBc0I7O29IQUF0QixzQkFBc0I7cUhBQXRCLHNCQUFzQixpQkFOL0IseUJBQXlCLGFBSHpCLFlBQVksYUFNWix5QkFBeUI7cUhBR2hCLHNCQUFzQixZQVZ4QjtZQUNQLFlBQVk7U0FDYjs0RkFRVSxzQkFBc0I7a0JBWGxDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLHlCQUF5QjtxQkFDMUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHlCQUF5QjtxQkFDMUI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQge1N0YWNrZWRMaW5lQ2hhcnRDb21wb25lbnR9IGZyb20gXCIuL2NvLXN0YWNrZWQtbGluZS1jaGFydC5jb21wb25lbnRcIjtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlXHJcbiAgXSxcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFN0YWNrZWRMaW5lQ2hhcnRDb21wb25lbnRcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIFN0YWNrZWRMaW5lQ2hhcnRDb21wb25lbnRcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdGFja2VkTGluZUNoYXJ0TW9kdWxlIHtcclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY28tc3RhY2tlZC1saW5lLWNoYXJ0LW9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHRlbmRlZGNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3N0YWNrZWQtbGluZS1jaGFydC9tb2RlbC9jby1zdGFja2VkLWxpbmUtY2hhcnQtb3B0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgZWNoYXJ0cyBmcm9tIFwiZWNoYXJ0cy9jb3JlXCI7XHJcbmltcG9ydCB7XHJcbiAgR3JpZENvbXBvbmVudE9wdGlvbiwgTGVnZW5kQ29tcG9uZW50T3B0aW9uLFxyXG4gIFRpdGxlQ29tcG9uZW50T3B0aW9uLFxyXG4gIFRvb2xib3hDb21wb25lbnRPcHRpb24sXHJcbiAgVG9vbHRpcENvbXBvbmVudE9wdGlvblxyXG59IGZyb20gXCJlY2hhcnRzL2NvbXBvbmVudHNcIjtcclxuaW1wb3J0IHtMaW5lU2VyaWVzT3B0aW9ufSBmcm9tIFwiZWNoYXJ0cy9jaGFydHNcIjtcclxuXHJcbmV4cG9ydCB0eXBlIENvU3RhY2tlZExpbmVDaGFydE9wdGlvbnMgPSBlY2hhcnRzLkNvbXBvc2VPcHRpb248XHJcbiAgfCBUaXRsZUNvbXBvbmVudE9wdGlvblxyXG4gIHwgVG9vbGJveENvbXBvbmVudE9wdGlvblxyXG4gIHwgVG9vbHRpcENvbXBvbmVudE9wdGlvblxyXG4gIHwgR3JpZENvbXBvbmVudE9wdGlvblxyXG4gIHwgTGVnZW5kQ29tcG9uZW50T3B0aW9uXHJcbiAgfCBMaW5lU2VyaWVzT3B0aW9uXHJcbj47XHJcbiJdfQ==
|
package/esm2015/public-api.js
CHANGED
|
@@ -9,6 +9,8 @@ export * from './lib/components/grid/co-grid.module';
|
|
|
9
9
|
export * from './lib/components/grid/co-grid.component';
|
|
10
10
|
export * from './lib/components/pivot/co-pivot.module';
|
|
11
11
|
export * from './lib/components/pivot/co-pivot.component';
|
|
12
|
+
export * from './lib/components/stacked-line-chart/co-stacked-line-chart.module';
|
|
13
|
+
export * from './lib/components/stacked-line-chart/co-stacked-line-chart.component';
|
|
12
14
|
export * from './lib/translation/extended-components-translation.module';
|
|
13
15
|
export * from './lib/translation/extended-components-translation.service';
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2V4dGVuZGVkY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLDhDQUE4QyxDQUFDO0FBQzdELGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLGtFQUFrRSxDQUFDO0FBQ2pGLGNBQWMscUVBQXFFLENBQUM7QUFHcEYsY0FBYywwREFBMEQsQ0FBQztBQUN6RSxjQUFjLDJEQUEyRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGV4dGVuZGVkY29tcG9uZW50c1xyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMva2FuYmFuL2NvLWthbmJhbi5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2thbmJhbi9jby1rYW5iYW4uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zY2hlZHVsZS9jby1zY2hlZHVsZS5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3NjaGVkdWxlL2NvLXNjaGVkdWxlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3JpZC9jby1ncmlkLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZ3JpZC9jby1ncmlkLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvcGl2b3QvY28tcGl2b3QubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9waXZvdC9jby1waXZvdC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3N0YWNrZWQtbGluZS1jaGFydC9jby1zdGFja2VkLWxpbmUtY2hhcnQubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zdGFja2VkLWxpbmUtY2hhcnQvY28tc3RhY2tlZC1saW5lLWNoYXJ0LmNvbXBvbmVudCc7XHJcblxyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdHJhbnNsYXRpb24vZXh0ZW5kZWQtY29tcG9uZW50cy10cmFuc2xhdGlvbi5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90cmFuc2xhdGlvbi9leHRlbmRlZC1jb21wb25lbnRzLXRyYW5zbGF0aW9uLnNlcnZpY2UnO1xyXG4iXX0=
|
|
@@ -12,6 +12,11 @@ import { __awaiter } from 'tslib';
|
|
|
12
12
|
import { Observable, Subscription, fromEvent } from 'rxjs';
|
|
13
13
|
import * as i1$3 from '@syncfusion/ej2-angular-pivotview';
|
|
14
14
|
import { GroupingBarService, GroupingService, ToolbarService as ToolbarService$1, ConditionalFormattingService, FieldListService, NumberFormattingService, PivotViewModule } from '@syncfusion/ej2-angular-pivotview';
|
|
15
|
+
import * as echarts from 'echarts/core';
|
|
16
|
+
import { TitleComponent, ToolboxComponent, TooltipComponent, GridComponent, LegendComponent } from 'echarts/components';
|
|
17
|
+
import { LineChart } from 'echarts/charts';
|
|
18
|
+
import { UniversalTransition } from 'echarts/features';
|
|
19
|
+
import { CanvasRenderer } from 'echarts/renderers';
|
|
15
20
|
|
|
16
21
|
class CoKanbanComponent {
|
|
17
22
|
constructor() {
|
|
@@ -974,6 +979,126 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
974
979
|
}]
|
|
975
980
|
}] });
|
|
976
981
|
|
|
982
|
+
class StackedLineChartComponent {
|
|
983
|
+
constructor() {
|
|
984
|
+
this.chartData = [];
|
|
985
|
+
this.chartLegend = [];
|
|
986
|
+
this.chartXAxis = [];
|
|
987
|
+
this.chartHeight = 600;
|
|
988
|
+
this.chartOptions = {
|
|
989
|
+
title: {},
|
|
990
|
+
tooltip: {
|
|
991
|
+
trigger: 'axis'
|
|
992
|
+
},
|
|
993
|
+
legend: {},
|
|
994
|
+
grid: {
|
|
995
|
+
left: '3%',
|
|
996
|
+
right: '4%',
|
|
997
|
+
bottom: '3%',
|
|
998
|
+
containLabel: true
|
|
999
|
+
},
|
|
1000
|
+
toolbox: {
|
|
1001
|
+
feature: {
|
|
1002
|
+
saveAsImage: {}
|
|
1003
|
+
}
|
|
1004
|
+
},
|
|
1005
|
+
xAxis: {},
|
|
1006
|
+
yAxis: {
|
|
1007
|
+
type: 'value'
|
|
1008
|
+
},
|
|
1009
|
+
series: {}
|
|
1010
|
+
};
|
|
1011
|
+
}
|
|
1012
|
+
showClass() {
|
|
1013
|
+
return true;
|
|
1014
|
+
}
|
|
1015
|
+
ngOnInit() {
|
|
1016
|
+
echarts.use([
|
|
1017
|
+
TitleComponent,
|
|
1018
|
+
ToolboxComponent,
|
|
1019
|
+
TooltipComponent,
|
|
1020
|
+
GridComponent,
|
|
1021
|
+
LegendComponent,
|
|
1022
|
+
LineChart,
|
|
1023
|
+
CanvasRenderer,
|
|
1024
|
+
UniversalTransition
|
|
1025
|
+
]);
|
|
1026
|
+
let chartDom = document.getElementById('chart-container');
|
|
1027
|
+
let myChart = echarts.init(chartDom, undefined, {
|
|
1028
|
+
width: this.chartWidth,
|
|
1029
|
+
height: this.chartHeight
|
|
1030
|
+
});
|
|
1031
|
+
this.chartOptions.title['text'] = this.chartName;
|
|
1032
|
+
this.chartOptions.series = this.chartData;
|
|
1033
|
+
this.chartOptions.xAxis = {
|
|
1034
|
+
type: 'category',
|
|
1035
|
+
boundaryGap: false,
|
|
1036
|
+
data: this.chartXAxis
|
|
1037
|
+
};
|
|
1038
|
+
this.chartOptions.legend['data'] = this.chartLegend;
|
|
1039
|
+
this.chartOptions && myChart.setOption(this.chartOptions);
|
|
1040
|
+
}
|
|
1041
|
+
}
|
|
1042
|
+
StackedLineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1043
|
+
StackedLineChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: StackedLineChartComponent, selector: "co-stacked-line-chart", inputs: { chartName: "chartName", chartData: "chartData", chartLegend: "chartLegend", chartXAxis: "chartXAxis", chartHeight: "chartHeight", chartWidth: "chartWidth", chartOptions: "chartOptions" }, host: { properties: { "class.co-co-stacked-line-chart": "this.showClass" } }, ngImport: i0, template: `
|
|
1044
|
+
|
|
1045
|
+
<div id="chart-container" class="component-wrapper">
|
|
1046
|
+
</div>
|
|
1047
|
+
|
|
1048
|
+
`, isInline: true, encapsulation: i0.ViewEncapsulation.None });
|
|
1049
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, decorators: [{
|
|
1050
|
+
type: Component,
|
|
1051
|
+
args: [{
|
|
1052
|
+
selector: "co-stacked-line-chart",
|
|
1053
|
+
template: `
|
|
1054
|
+
|
|
1055
|
+
<div id="chart-container" class="component-wrapper">
|
|
1056
|
+
</div>
|
|
1057
|
+
|
|
1058
|
+
`,
|
|
1059
|
+
encapsulation: ViewEncapsulation.None
|
|
1060
|
+
}]
|
|
1061
|
+
}], propDecorators: { showClass: [{
|
|
1062
|
+
type: HostBinding,
|
|
1063
|
+
args: ["class.co-co-stacked-line-chart"]
|
|
1064
|
+
}], chartName: [{
|
|
1065
|
+
type: Input
|
|
1066
|
+
}], chartData: [{
|
|
1067
|
+
type: Input
|
|
1068
|
+
}], chartLegend: [{
|
|
1069
|
+
type: Input
|
|
1070
|
+
}], chartXAxis: [{
|
|
1071
|
+
type: Input
|
|
1072
|
+
}], chartHeight: [{
|
|
1073
|
+
type: Input
|
|
1074
|
+
}], chartWidth: [{
|
|
1075
|
+
type: Input
|
|
1076
|
+
}], chartOptions: [{
|
|
1077
|
+
type: Input
|
|
1078
|
+
}] } });
|
|
1079
|
+
|
|
1080
|
+
class StackedLineChartModule {
|
|
1081
|
+
}
|
|
1082
|
+
StackedLineChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1083
|
+
StackedLineChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, declarations: [StackedLineChartComponent], imports: [CommonModule], exports: [StackedLineChartComponent] });
|
|
1084
|
+
StackedLineChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, imports: [[
|
|
1085
|
+
CommonModule
|
|
1086
|
+
]] });
|
|
1087
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, decorators: [{
|
|
1088
|
+
type: NgModule,
|
|
1089
|
+
args: [{
|
|
1090
|
+
imports: [
|
|
1091
|
+
CommonModule
|
|
1092
|
+
],
|
|
1093
|
+
declarations: [
|
|
1094
|
+
StackedLineChartComponent
|
|
1095
|
+
],
|
|
1096
|
+
exports: [
|
|
1097
|
+
StackedLineChartComponent
|
|
1098
|
+
]
|
|
1099
|
+
}]
|
|
1100
|
+
}] });
|
|
1101
|
+
|
|
977
1102
|
// The localization service, providing peers with text translation functionality.
|
|
978
1103
|
class DictionaryService {
|
|
979
1104
|
constructor() {
|
|
@@ -1082,5 +1207,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
1082
1207
|
* Generated bundle index. Do not edit.
|
|
1083
1208
|
*/
|
|
1084
1209
|
|
|
1085
|
-
export { CoGridComponent, CoGridModule, CoKanbanComponent, CoKanbanModule, CoPivotComponent, CoPivotModule, CoScheduleComponent, CoScheduleModule, ExtendedComponentsTranslationModule, ExtendedComponentsTranslationService };
|
|
1210
|
+
export { CoGridComponent, CoGridModule, CoKanbanComponent, CoKanbanModule, CoPivotComponent, CoPivotModule, CoScheduleComponent, CoScheduleModule, ExtendedComponentsTranslationModule, ExtendedComponentsTranslationService, StackedLineChartComponent, StackedLineChartModule };
|
|
1086
1211
|
//# sourceMappingURL=colijnit-extendedcomponents.js.map
|