@colijnit/extendedcomponents 12.0.2 → 12.0.4
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 +112 -4
- package/bundles/colijnit-extendedcomponents.umd.js.map +1 -1
- package/esm2015/lib/components/stacked-line-chart/co-stacked-line-chart.component.js +88 -0
- package/esm2015/lib/components/stacked-line-chart/co-stacked-line-chart.module.js +34 -0
- package/esm2015/public-api.js +3 -1
- package/fesm2015/colijnit-extendedcomponents.js +116 -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 +9 -0
- package/package.json +4 -2
- 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,88 @@
|
|
|
1
|
+
import { Component, HostBinding, Input, ViewEncapsulation } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "ngx-echarts";
|
|
4
|
+
export class StackedLineChartComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.chartData = [];
|
|
7
|
+
this.chartLegend = [];
|
|
8
|
+
this.chartXAxis = [];
|
|
9
|
+
this.chartHeight = "auto";
|
|
10
|
+
this.chartWidth = "auto";
|
|
11
|
+
this.chartOptions = {
|
|
12
|
+
title: {},
|
|
13
|
+
tooltip: {
|
|
14
|
+
trigger: 'axis'
|
|
15
|
+
},
|
|
16
|
+
legend: {},
|
|
17
|
+
grid: {
|
|
18
|
+
left: '3%',
|
|
19
|
+
right: '4%',
|
|
20
|
+
bottom: '3%',
|
|
21
|
+
containLabel: true
|
|
22
|
+
},
|
|
23
|
+
toolbox: {
|
|
24
|
+
feature: {
|
|
25
|
+
saveAsImage: {}
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
xAxis: {},
|
|
29
|
+
yAxis: {
|
|
30
|
+
type: 'value'
|
|
31
|
+
},
|
|
32
|
+
series: {}
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
showClass() {
|
|
36
|
+
return true;
|
|
37
|
+
}
|
|
38
|
+
ngOnInit() {
|
|
39
|
+
this.chartOptions.title['text'] = this.chartName;
|
|
40
|
+
this.chartOptions.series = this.chartData;
|
|
41
|
+
this.chartOptions.xAxis = {
|
|
42
|
+
type: 'category',
|
|
43
|
+
boundaryGap: false,
|
|
44
|
+
data: this.chartXAxis
|
|
45
|
+
};
|
|
46
|
+
this.chartOptions.legend['data'] = this.chartLegend;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
StackedLineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
+
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: `
|
|
51
|
+
|
|
52
|
+
<div echarts [options]="chartOptions" [initOpts]="{
|
|
53
|
+
width: chartWidth,
|
|
54
|
+
height: chartHeight}" class="chart"></div>
|
|
55
|
+
|
|
56
|
+
`, isInline: true, directives: [{ type: i1.NgxEchartsDirective, selector: "echarts, [echarts]", inputs: ["autoResize", "loadingType", "options", "theme", "loading", "initOpts", "merge", "loadingOpts"], outputs: ["chartInit", "optionsError", "chartClick", "chartDblClick", "chartMouseDown", "chartMouseMove", "chartMouseUp", "chartMouseOver", "chartMouseOut", "chartGlobalOut", "chartContextMenu", "chartLegendSelectChanged", "chartLegendSelected", "chartLegendUnselected", "chartLegendScroll", "chartDataZoom", "chartDataRangeSelected", "chartTimelineChanged", "chartTimelinePlayChanged", "chartRestore", "chartDataViewChanged", "chartMagicTypeChanged", "chartPieSelectChanged", "chartPieSelected", "chartPieUnselected", "chartMapSelectChanged", "chartMapSelected", "chartMapUnselected", "chartAxisAreaSelected", "chartFocusNodeAdjacency", "chartUnfocusNodeAdjacency", "chartBrush", "chartBrushEnd", "chartBrushSelected", "chartRendered", "chartFinished"], exportAs: ["echarts"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, decorators: [{
|
|
58
|
+
type: Component,
|
|
59
|
+
args: [{
|
|
60
|
+
selector: "co-stacked-line-chart",
|
|
61
|
+
template: `
|
|
62
|
+
|
|
63
|
+
<div echarts [options]="chartOptions" [initOpts]="{
|
|
64
|
+
width: chartWidth,
|
|
65
|
+
height: chartHeight}" class="chart"></div>
|
|
66
|
+
|
|
67
|
+
`,
|
|
68
|
+
encapsulation: ViewEncapsulation.None
|
|
69
|
+
}]
|
|
70
|
+
}], propDecorators: { showClass: [{
|
|
71
|
+
type: HostBinding,
|
|
72
|
+
args: ["class.co-co-stacked-line-chart"]
|
|
73
|
+
}], chartName: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], chartData: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], chartLegend: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], chartXAxis: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], chartHeight: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], chartWidth: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], chartOptions: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}] } });
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY28tc3RhY2tlZC1saW5lLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuZGVkY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhY2tlZC1saW5lLWNoYXJ0L2NvLXN0YWNrZWQtbGluZS1jaGFydC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFjdkYsTUFBTSxPQUFPLHlCQUF5QjtJQVh0QztRQXNCUyxjQUFTLEdBQWEsRUFBRSxDQUFDO1FBR3pCLGdCQUFXLEdBQWEsRUFBRSxDQUFDO1FBRzNCLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFHaEIsZ0JBQVcsR0FBb0IsTUFBTSxDQUFDO1FBR3RDLGVBQVUsR0FBb0IsTUFBTSxDQUFDO1FBR3JDLGlCQUFZLEdBQWtCO1lBQ25DLEtBQUssRUFBRSxFQUVOO1lBQ0QsT0FBTyxFQUFFO2dCQUNQLE9BQU8sRUFBRSxNQUFNO2FBQ2hCO1lBQ0QsTUFBTSxFQUFFLEVBRVA7WUFDRCxJQUFJLEVBQUU7Z0JBQ0osSUFBSSxFQUFFLElBQUk7Z0JBQ1YsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsTUFBTSxFQUFFLElBQUk7Z0JBQ1osWUFBWSxFQUFFLElBQUk7YUFDbkI7WUFDRCxPQUFPLEVBQUU7Z0JBQ1AsT0FBTyxFQUFFO29CQUNQLFdBQVcsRUFBRSxFQUFFO2lCQUNoQjthQUNGO1lBQ0QsS0FBSyxFQUFFLEVBRU47WUFDRCxLQUFLLEVBQUU7Z0JBQ0wsSUFBSSxFQUFFLE9BQU87YUFDZDtZQUNELE1BQU0sRUFBRSxFQUFFO1NBQ1gsQ0FBQztLQW9CSDtJQXZFUSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBb0RELFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBRWpELElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDMUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLEdBQUc7WUFDeEIsSUFBSSxFQUFFLFVBQVU7WUFDaEIsV0FBVyxFQUFFLEtBQUs7WUFDbEIsSUFBSSxFQUFFLElBQUksQ0FBQyxVQUFVO1NBQ3RCLENBQUM7UUFDRixJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBSXRELENBQUM7O3VIQXRFVSx5QkFBeUI7MkdBQXpCLHlCQUF5QixpVkFUMUI7Ozs7OztHQU1UOzRGQUdVLHlCQUF5QjtrQkFYckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7Ozs7OztHQU1UO29CQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzs4QkFJUSxTQUFTO3NCQURmLFdBQVc7dUJBQUMsZ0NBQWdDO2dCQU10QyxTQUFTO3NCQURmLEtBQUs7Z0JBSUMsU0FBUztzQkFEZixLQUFLO2dCQUlDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBSUMsVUFBVTtzQkFEaEIsS0FBSztnQkFJQyxXQUFXO3NCQURqQixLQUFLO2dCQUlDLFVBQVU7c0JBRGhCLEtBQUs7Z0JBSUMsWUFBWTtzQkFEbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB0eXBlIHsgRUNoYXJ0c09wdGlvbiB9IGZyb20gJ2VjaGFydHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwiY28tc3RhY2tlZC1saW5lLWNoYXJ0XCIsXHJcbiAgdGVtcGxhdGU6IGBcclxuXHJcbiAgICAgIDxkaXYgZWNoYXJ0cyBbb3B0aW9uc109XCJjaGFydE9wdGlvbnNcIiBbaW5pdE9wdHNdPVwie1xyXG4gICAgICAgIHdpZHRoOiBjaGFydFdpZHRoLFxyXG4gICAgICAgIGhlaWdodDogY2hhcnRIZWlnaHR9XCIgY2xhc3M9XCJjaGFydFwiPjwvZGl2PlxyXG5cclxuICBgLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIFN0YWNrZWRMaW5lQ2hhcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcblxyXG4gIEBIb3N0QmluZGluZyhcImNsYXNzLmNvLWNvLXN0YWNrZWQtbGluZS1jaGFydFwiKVxyXG4gIHB1YmxpYyBzaG93Q2xhc3MoKSB7XHJcbiAgICByZXR1cm4gdHJ1ZTtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNoYXJ0TmFtZTogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjaGFydERhdGE6IE9iamVjdFtdID0gW107XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNoYXJ0TGVnZW5kOiBzdHJpbmdbXSA9IFtdO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjaGFydFhBeGlzID0gW107XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNoYXJ0SGVpZ2h0OiBudW1iZXIgfCBzdHJpbmcgPSBcImF1dG9cIjtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY2hhcnRXaWR0aDogbnVtYmVyIHwgc3RyaW5nID0gXCJhdXRvXCI7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNoYXJ0T3B0aW9uczogRUNoYXJ0c09wdGlvbiA9IHtcclxuICAgIHRpdGxlOiB7XHJcblxyXG4gICAgfSxcclxuICAgIHRvb2x0aXA6IHtcclxuICAgICAgdHJpZ2dlcjogJ2F4aXMnXHJcbiAgICB9LFxyXG4gICAgbGVnZW5kOiB7XHJcblxyXG4gICAgfSxcclxuICAgIGdyaWQ6IHtcclxuICAgICAgbGVmdDogJzMlJyxcclxuICAgICAgcmlnaHQ6ICc0JScsXHJcbiAgICAgIGJvdHRvbTogJzMlJyxcclxuICAgICAgY29udGFpbkxhYmVsOiB0cnVlXHJcbiAgICB9LFxyXG4gICAgdG9vbGJveDoge1xyXG4gICAgICBmZWF0dXJlOiB7XHJcbiAgICAgICAgc2F2ZUFzSW1hZ2U6IHt9XHJcbiAgICAgIH1cclxuICAgIH0sXHJcbiAgICB4QXhpczoge1xyXG5cclxuICAgIH0sXHJcbiAgICB5QXhpczoge1xyXG4gICAgICB0eXBlOiAndmFsdWUnXHJcbiAgICB9LFxyXG4gICAgc2VyaWVzOiB7fVxyXG4gIH07XHJcblxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuY2hhcnRPcHRpb25zLnRpdGxlWyd0ZXh0J10gPSB0aGlzLmNoYXJ0TmFtZTtcclxuXHJcbiAgICB0aGlzLmNoYXJ0T3B0aW9ucy5zZXJpZXMgPSB0aGlzLmNoYXJ0RGF0YTtcclxuICAgIHRoaXMuY2hhcnRPcHRpb25zLnhBeGlzID0ge1xyXG4gICAgICB0eXBlOiAnY2F0ZWdvcnknLFxyXG4gICAgICBib3VuZGFyeUdhcDogZmFsc2UsXHJcbiAgICAgIGRhdGE6IHRoaXMuY2hhcnRYQXhpc1xyXG4gICAgfTtcclxuICAgIHRoaXMuY2hhcnRPcHRpb25zLmxlZ2VuZFsnZGF0YSddID0gdGhpcy5jaGFydExlZ2VuZDtcclxuXHJcblxyXG5cclxuICB9XHJcblxyXG5cclxuXHJcbn1cclxuIl19
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { NgModule } from "@angular/core";
|
|
2
|
+
import { CommonModule } from "@angular/common";
|
|
3
|
+
import { StackedLineChartComponent } from "./co-stacked-line-chart.component";
|
|
4
|
+
import { NgxEchartsModule } from "ngx-echarts";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "ngx-echarts";
|
|
7
|
+
export class StackedLineChartModule {
|
|
8
|
+
}
|
|
9
|
+
StackedLineChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
StackedLineChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, declarations: [StackedLineChartComponent], imports: [CommonModule, i1.NgxEchartsModule], exports: [StackedLineChartComponent] });
|
|
11
|
+
StackedLineChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, imports: [[
|
|
12
|
+
CommonModule,
|
|
13
|
+
NgxEchartsModule.forRoot({
|
|
14
|
+
echarts: () => import('echarts')
|
|
15
|
+
})
|
|
16
|
+
]] });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, decorators: [{
|
|
18
|
+
type: NgModule,
|
|
19
|
+
args: [{
|
|
20
|
+
imports: [
|
|
21
|
+
CommonModule,
|
|
22
|
+
NgxEchartsModule.forRoot({
|
|
23
|
+
echarts: () => import('echarts')
|
|
24
|
+
})
|
|
25
|
+
],
|
|
26
|
+
declarations: [
|
|
27
|
+
StackedLineChartComponent
|
|
28
|
+
],
|
|
29
|
+
exports: [
|
|
30
|
+
StackedLineChartComponent
|
|
31
|
+
]
|
|
32
|
+
}]
|
|
33
|
+
}] });
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY28tc3RhY2tlZC1saW5lLWNoYXJ0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuZGVkY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhY2tlZC1saW5lLWNoYXJ0L2NvLXN0YWNrZWQtbGluZS1jaGFydC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFDNUUsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sYUFBYSxDQUFDOzs7QUFrQjdDLE1BQU0sT0FBTyxzQkFBc0I7O29IQUF0QixzQkFBc0I7cUhBQXRCLHNCQUFzQixpQkFOL0IseUJBQXlCLGFBUHpCLFlBQVksa0NBVVoseUJBQXlCO3FIQUdoQixzQkFBc0IsWUFkeEI7WUFDUCxZQUFZO1lBQ1osZ0JBQWdCLENBQUMsT0FBTyxDQUFDO2dCQUN2QixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQzthQUNqQyxDQUFDO1NBRUg7NEZBUVUsc0JBQXNCO2tCQWZsQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGdCQUFnQixDQUFDLE9BQU8sQ0FBQzs0QkFDdkIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUM7eUJBQ2pDLENBQUM7cUJBRUg7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLHlCQUF5QjtxQkFDMUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHlCQUF5QjtxQkFDMUI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQge1N0YWNrZWRMaW5lQ2hhcnRDb21wb25lbnR9IGZyb20gXCIuL2NvLXN0YWNrZWQtbGluZS1jaGFydC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtOZ3hFY2hhcnRzTW9kdWxlfSBmcm9tIFwibmd4LWVjaGFydHNcIjtcclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE5neEVjaGFydHNNb2R1bGUuZm9yUm9vdCh7XHJcbiAgICAgIGVjaGFydHM6ICgpID0+IGltcG9ydCgnZWNoYXJ0cycpXHJcbiAgICB9KVxyXG5cclxuICBdLFxyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgU3RhY2tlZExpbmVDaGFydENvbXBvbmVudFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgU3RhY2tlZExpbmVDaGFydENvbXBvbmVudFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFN0YWNrZWRMaW5lQ2hhcnRNb2R1bGUge1xyXG59XHJcbiJdfQ==
|
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,8 @@ 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 i1$4 from 'ngx-echarts';
|
|
16
|
+
import { NgxEchartsModule } from 'ngx-echarts';
|
|
15
17
|
|
|
16
18
|
class CoKanbanComponent {
|
|
17
19
|
constructor() {
|
|
@@ -974,6 +976,119 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
974
976
|
}]
|
|
975
977
|
}] });
|
|
976
978
|
|
|
979
|
+
class StackedLineChartComponent {
|
|
980
|
+
constructor() {
|
|
981
|
+
this.chartData = [];
|
|
982
|
+
this.chartLegend = [];
|
|
983
|
+
this.chartXAxis = [];
|
|
984
|
+
this.chartHeight = "auto";
|
|
985
|
+
this.chartWidth = "auto";
|
|
986
|
+
this.chartOptions = {
|
|
987
|
+
title: {},
|
|
988
|
+
tooltip: {
|
|
989
|
+
trigger: 'axis'
|
|
990
|
+
},
|
|
991
|
+
legend: {},
|
|
992
|
+
grid: {
|
|
993
|
+
left: '3%',
|
|
994
|
+
right: '4%',
|
|
995
|
+
bottom: '3%',
|
|
996
|
+
containLabel: true
|
|
997
|
+
},
|
|
998
|
+
toolbox: {
|
|
999
|
+
feature: {
|
|
1000
|
+
saveAsImage: {}
|
|
1001
|
+
}
|
|
1002
|
+
},
|
|
1003
|
+
xAxis: {},
|
|
1004
|
+
yAxis: {
|
|
1005
|
+
type: 'value'
|
|
1006
|
+
},
|
|
1007
|
+
series: {}
|
|
1008
|
+
};
|
|
1009
|
+
}
|
|
1010
|
+
showClass() {
|
|
1011
|
+
return true;
|
|
1012
|
+
}
|
|
1013
|
+
ngOnInit() {
|
|
1014
|
+
this.chartOptions.title['text'] = this.chartName;
|
|
1015
|
+
this.chartOptions.series = this.chartData;
|
|
1016
|
+
this.chartOptions.xAxis = {
|
|
1017
|
+
type: 'category',
|
|
1018
|
+
boundaryGap: false,
|
|
1019
|
+
data: this.chartXAxis
|
|
1020
|
+
};
|
|
1021
|
+
this.chartOptions.legend['data'] = this.chartLegend;
|
|
1022
|
+
}
|
|
1023
|
+
}
|
|
1024
|
+
StackedLineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1025
|
+
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: `
|
|
1026
|
+
|
|
1027
|
+
<div echarts [options]="chartOptions" [initOpts]="{
|
|
1028
|
+
width: chartWidth,
|
|
1029
|
+
height: chartHeight}" class="chart"></div>
|
|
1030
|
+
|
|
1031
|
+
`, isInline: true, directives: [{ type: i1$4.NgxEchartsDirective, selector: "echarts, [echarts]", inputs: ["autoResize", "loadingType", "options", "theme", "loading", "initOpts", "merge", "loadingOpts"], outputs: ["chartInit", "optionsError", "chartClick", "chartDblClick", "chartMouseDown", "chartMouseMove", "chartMouseUp", "chartMouseOver", "chartMouseOut", "chartGlobalOut", "chartContextMenu", "chartLegendSelectChanged", "chartLegendSelected", "chartLegendUnselected", "chartLegendScroll", "chartDataZoom", "chartDataRangeSelected", "chartTimelineChanged", "chartTimelinePlayChanged", "chartRestore", "chartDataViewChanged", "chartMagicTypeChanged", "chartPieSelectChanged", "chartPieSelected", "chartPieUnselected", "chartMapSelectChanged", "chartMapSelected", "chartMapUnselected", "chartAxisAreaSelected", "chartFocusNodeAdjacency", "chartUnfocusNodeAdjacency", "chartBrush", "chartBrushEnd", "chartBrushSelected", "chartRendered", "chartFinished"], exportAs: ["echarts"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1032
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, decorators: [{
|
|
1033
|
+
type: Component,
|
|
1034
|
+
args: [{
|
|
1035
|
+
selector: "co-stacked-line-chart",
|
|
1036
|
+
template: `
|
|
1037
|
+
|
|
1038
|
+
<div echarts [options]="chartOptions" [initOpts]="{
|
|
1039
|
+
width: chartWidth,
|
|
1040
|
+
height: chartHeight}" class="chart"></div>
|
|
1041
|
+
|
|
1042
|
+
`,
|
|
1043
|
+
encapsulation: ViewEncapsulation.None
|
|
1044
|
+
}]
|
|
1045
|
+
}], propDecorators: { showClass: [{
|
|
1046
|
+
type: HostBinding,
|
|
1047
|
+
args: ["class.co-co-stacked-line-chart"]
|
|
1048
|
+
}], chartName: [{
|
|
1049
|
+
type: Input
|
|
1050
|
+
}], chartData: [{
|
|
1051
|
+
type: Input
|
|
1052
|
+
}], chartLegend: [{
|
|
1053
|
+
type: Input
|
|
1054
|
+
}], chartXAxis: [{
|
|
1055
|
+
type: Input
|
|
1056
|
+
}], chartHeight: [{
|
|
1057
|
+
type: Input
|
|
1058
|
+
}], chartWidth: [{
|
|
1059
|
+
type: Input
|
|
1060
|
+
}], chartOptions: [{
|
|
1061
|
+
type: Input
|
|
1062
|
+
}] } });
|
|
1063
|
+
|
|
1064
|
+
class StackedLineChartModule {
|
|
1065
|
+
}
|
|
1066
|
+
StackedLineChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1067
|
+
StackedLineChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, declarations: [StackedLineChartComponent], imports: [CommonModule, i1$4.NgxEchartsModule], exports: [StackedLineChartComponent] });
|
|
1068
|
+
StackedLineChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, imports: [[
|
|
1069
|
+
CommonModule,
|
|
1070
|
+
NgxEchartsModule.forRoot({
|
|
1071
|
+
echarts: () => import('echarts')
|
|
1072
|
+
})
|
|
1073
|
+
]] });
|
|
1074
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, decorators: [{
|
|
1075
|
+
type: NgModule,
|
|
1076
|
+
args: [{
|
|
1077
|
+
imports: [
|
|
1078
|
+
CommonModule,
|
|
1079
|
+
NgxEchartsModule.forRoot({
|
|
1080
|
+
echarts: () => import('echarts')
|
|
1081
|
+
})
|
|
1082
|
+
],
|
|
1083
|
+
declarations: [
|
|
1084
|
+
StackedLineChartComponent
|
|
1085
|
+
],
|
|
1086
|
+
exports: [
|
|
1087
|
+
StackedLineChartComponent
|
|
1088
|
+
]
|
|
1089
|
+
}]
|
|
1090
|
+
}] });
|
|
1091
|
+
|
|
977
1092
|
// The localization service, providing peers with text translation functionality.
|
|
978
1093
|
class DictionaryService {
|
|
979
1094
|
constructor() {
|
|
@@ -1082,5 +1197,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
1082
1197
|
* Generated bundle index. Do not edit.
|
|
1083
1198
|
*/
|
|
1084
1199
|
|
|
1085
|
-
export { CoGridComponent, CoGridModule, CoKanbanComponent, CoKanbanModule, CoPivotComponent, CoPivotModule, CoScheduleComponent, CoScheduleModule, ExtendedComponentsTranslationModule, ExtendedComponentsTranslationService };
|
|
1200
|
+
export { CoGridComponent, CoGridModule, CoKanbanComponent, CoKanbanModule, CoPivotComponent, CoPivotModule, CoScheduleComponent, CoScheduleModule, ExtendedComponentsTranslationModule, ExtendedComponentsTranslationService, StackedLineChartComponent, StackedLineChartModule };
|
|
1086
1201
|
//# sourceMappingURL=colijnit-extendedcomponents.js.map
|