@colijnit/extendedcomponents 12.0.3 → 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 +18 -27
- package/bundles/colijnit-extendedcomponents.umd.js.map +1 -1
- package/esm2015/lib/components/stacked-line-chart/co-stacked-line-chart.component.js +12 -29
- package/esm2015/lib/components/stacked-line-chart/co-stacked-line-chart.module.js +12 -4
- package/fesm2015/colijnit-extendedcomponents.js +21 -31
- package/fesm2015/colijnit-extendedcomponents.js.map +1 -1
- package/lib/components/stacked-line-chart/co-stacked-line-chart.component.d.ts +4 -4
- package/lib/components/stacked-line-chart/co-stacked-line-chart.module.d.ts +2 -1
- package/package.json +4 -2
- package/esm2015/lib/components/stacked-line-chart/model/co-stacked-line-chart-options.js +0 -2
- package/lib/components/stacked-line-chart/model/co-stacked-line-chart-options.d.ts +0 -4
|
@@ -1,16 +1,13 @@
|
|
|
1
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
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "ngx-echarts";
|
|
8
4
|
export class StackedLineChartComponent {
|
|
9
5
|
constructor() {
|
|
10
6
|
this.chartData = [];
|
|
11
7
|
this.chartLegend = [];
|
|
12
8
|
this.chartXAxis = [];
|
|
13
|
-
this.chartHeight =
|
|
9
|
+
this.chartHeight = "auto";
|
|
10
|
+
this.chartWidth = "auto";
|
|
14
11
|
this.chartOptions = {
|
|
15
12
|
title: {},
|
|
16
13
|
tooltip: {
|
|
@@ -39,21 +36,6 @@ export class StackedLineChartComponent {
|
|
|
39
36
|
return true;
|
|
40
37
|
}
|
|
41
38
|
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
39
|
this.chartOptions.title['text'] = this.chartName;
|
|
58
40
|
this.chartOptions.series = this.chartData;
|
|
59
41
|
this.chartOptions.xAxis = {
|
|
@@ -62,26 +44,27 @@ export class StackedLineChartComponent {
|
|
|
62
44
|
data: this.chartXAxis
|
|
63
45
|
};
|
|
64
46
|
this.chartOptions.legend['data'] = this.chartLegend;
|
|
65
|
-
this.chartOptions && myChart.setOption(this.chartOptions);
|
|
66
47
|
}
|
|
67
48
|
}
|
|
68
49
|
StackedLineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
69
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: `
|
|
70
51
|
|
|
71
|
-
|
|
72
|
-
|
|
52
|
+
<div echarts [options]="chartOptions" [initOpts]="{
|
|
53
|
+
width: chartWidth,
|
|
54
|
+
height: chartHeight}" class="chart"></div>
|
|
73
55
|
|
|
74
|
-
|
|
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 });
|
|
75
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, decorators: [{
|
|
76
58
|
type: Component,
|
|
77
59
|
args: [{
|
|
78
60
|
selector: "co-stacked-line-chart",
|
|
79
61
|
template: `
|
|
80
62
|
|
|
81
|
-
|
|
82
|
-
|
|
63
|
+
<div echarts [options]="chartOptions" [initOpts]="{
|
|
64
|
+
width: chartWidth,
|
|
65
|
+
height: chartHeight}" class="chart"></div>
|
|
83
66
|
|
|
84
|
-
|
|
67
|
+
`,
|
|
85
68
|
encapsulation: ViewEncapsulation.None
|
|
86
69
|
}]
|
|
87
70
|
}], propDecorators: { showClass: [{
|
|
@@ -102,4 +85,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
102
85
|
}], chartOptions: [{
|
|
103
86
|
type: Input
|
|
104
87
|
}] } });
|
|
105
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY28tc3RhY2tlZC1saW5lLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuZGVkY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhY2tlZC1saW5lLWNoYXJ0L2NvLXN0YWNrZWQtbGluZS1jaGFydC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFjdkYsTUFBTSxPQUFPLHlCQUF5QjtJQVh0QztRQXNCUyxjQUFTLEdBQWEsRUFBRSxDQUFDO1FBR3pCLGdCQUFXLEdBQWEsRUFBRSxDQUFDO1FBRzNCLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFHaEIsZ0JBQVcsR0FBb0IsTUFBTSxDQUFDO1FBR3RDLGVBQVUsR0FBb0IsTUFBTSxDQUFDO1FBR3JDLGlCQUFZLEdBQWtCO1lBQ25DLEtBQUssRUFBRSxFQUVOO1lBQ0QsT0FBTyxFQUFFO2dCQUNQLE9BQU8sRUFBRSxNQUFNO2FBQ2hCO1lBQ0QsTUFBTSxFQUFFLEVBRVA7WUFDRCxJQUFJLEVBQUU7Z0JBQ0osSUFBSSxFQUFFLElBQUk7Z0JBQ1YsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsTUFBTSxFQUFFLElBQUk7Z0JBQ1osWUFBWSxFQUFFLElBQUk7YUFDbkI7WUFDRCxPQUFPLEVBQUU7Z0JBQ1AsT0FBTyxFQUFFO29CQUNQLFdBQVcsRUFBRSxFQUFFO2lCQUNoQjthQUNGO1lBQ0QsS0FBSyxFQUFFLEVBRU47WUFDRCxLQUFLLEVBQUU7Z0JBQ0wsSUFBSSxFQUFFLE9BQU87YUFDZDtZQUNELE1BQU0sRUFBRSxFQUFFO1NBQ1gsQ0FBQztLQW9CSDtJQXZFUSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBb0RELFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBRWpELElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDMUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLEdBQUc7WUFDeEIsSUFBSSxFQUFFLFVBQVU7WUFDaEIsV0FBVyxFQUFFLEtBQUs7WUFDbEIsSUFBSSxFQUFFLElBQUksQ0FBQyxVQUFVO1NBQ3RCLENBQUM7UUFDRixJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBSXRELENBQUM7O3VIQXRFVSx5QkFBeUI7MkdBQXpCLHlCQUF5QixpVkFUMUI7Ozs7OztHQU1UOzRGQUdVLHlCQUF5QjtrQkFYckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7Ozs7OztHQU1UO29CQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzs4QkFJUSxTQUFTO3NCQURmLFdBQVc7dUJBQUMsZ0NBQWdDO2dCQU10QyxTQUFTO3NCQURmLEtBQUs7Z0JBSUMsU0FBUztzQkFEZixLQUFLO2dCQUlDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBSUMsVUFBVTtzQkFEaEIsS0FBSztnQkFJQyxXQUFXO3NCQURqQixLQUFLO2dCQUlDLFVBQVU7c0JBRGhCLEtBQUs7Z0JBSUMsWUFBWTtzQkFEbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB0eXBlIHsgRUNoYXJ0c09wdGlvbiB9IGZyb20gJ2VjaGFydHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwiY28tc3RhY2tlZC1saW5lLWNoYXJ0XCIsXHJcbiAgdGVtcGxhdGU6IGBcclxuXHJcbiAgICAgIDxkaXYgZWNoYXJ0cyBbb3B0aW9uc109XCJjaGFydE9wdGlvbnNcIiBbaW5pdE9wdHNdPVwie1xyXG4gICAgICAgIHdpZHRoOiBjaGFydFdpZHRoLFxyXG4gICAgICAgIGhlaWdodDogY2hhcnRIZWlnaHR9XCIgY2xhc3M9XCJjaGFydFwiPjwvZGl2PlxyXG5cclxuICBgLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIFN0YWNrZWRMaW5lQ2hhcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcblxyXG4gIEBIb3N0QmluZGluZyhcImNsYXNzLmNvLWNvLXN0YWNrZWQtbGluZS1jaGFydFwiKVxyXG4gIHB1YmxpYyBzaG93Q2xhc3MoKSB7XHJcbiAgICByZXR1cm4gdHJ1ZTtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNoYXJ0TmFtZTogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjaGFydERhdGE6IE9iamVjdFtdID0gW107XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNoYXJ0TGVnZW5kOiBzdHJpbmdbXSA9IFtdO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjaGFydFhBeGlzID0gW107XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNoYXJ0SGVpZ2h0OiBudW1iZXIgfCBzdHJpbmcgPSBcImF1dG9cIjtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY2hhcnRXaWR0aDogbnVtYmVyIHwgc3RyaW5nID0gXCJhdXRvXCI7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNoYXJ0T3B0aW9uczogRUNoYXJ0c09wdGlvbiA9IHtcclxuICAgIHRpdGxlOiB7XHJcblxyXG4gICAgfSxcclxuICAgIHRvb2x0aXA6IHtcclxuICAgICAgdHJpZ2dlcjogJ2F4aXMnXHJcbiAgICB9LFxyXG4gICAgbGVnZW5kOiB7XHJcblxyXG4gICAgfSxcclxuICAgIGdyaWQ6IHtcclxuICAgICAgbGVmdDogJzMlJyxcclxuICAgICAgcmlnaHQ6ICc0JScsXHJcbiAgICAgIGJvdHRvbTogJzMlJyxcclxuICAgICAgY29udGFpbkxhYmVsOiB0cnVlXHJcbiAgICB9LFxyXG4gICAgdG9vbGJveDoge1xyXG4gICAgICBmZWF0dXJlOiB7XHJcbiAgICAgICAgc2F2ZUFzSW1hZ2U6IHt9XHJcbiAgICAgIH1cclxuICAgIH0sXHJcbiAgICB4QXhpczoge1xyXG5cclxuICAgIH0sXHJcbiAgICB5QXhpczoge1xyXG4gICAgICB0eXBlOiAndmFsdWUnXHJcbiAgICB9LFxyXG4gICAgc2VyaWVzOiB7fVxyXG4gIH07XHJcblxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuY2hhcnRPcHRpb25zLnRpdGxlWyd0ZXh0J10gPSB0aGlzLmNoYXJ0TmFtZTtcclxuXHJcbiAgICB0aGlzLmNoYXJ0T3B0aW9ucy5zZXJpZXMgPSB0aGlzLmNoYXJ0RGF0YTtcclxuICAgIHRoaXMuY2hhcnRPcHRpb25zLnhBeGlzID0ge1xyXG4gICAgICB0eXBlOiAnY2F0ZWdvcnknLFxyXG4gICAgICBib3VuZGFyeUdhcDogZmFsc2UsXHJcbiAgICAgIGRhdGE6IHRoaXMuY2hhcnRYQXhpc1xyXG4gICAgfTtcclxuICAgIHRoaXMuY2hhcnRPcHRpb25zLmxlZ2VuZFsnZGF0YSddID0gdGhpcy5jaGFydExlZ2VuZDtcclxuXHJcblxyXG5cclxuICB9XHJcblxyXG5cclxuXHJcbn1cclxuIl19
|
|
@@ -1,19 +1,27 @@
|
|
|
1
1
|
import { NgModule } from "@angular/core";
|
|
2
2
|
import { CommonModule } from "@angular/common";
|
|
3
3
|
import { StackedLineChartComponent } from "./co-stacked-line-chart.component";
|
|
4
|
+
import { NgxEchartsModule } from "ngx-echarts";
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "ngx-echarts";
|
|
5
7
|
export class StackedLineChartModule {
|
|
6
8
|
}
|
|
7
9
|
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] });
|
|
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] });
|
|
9
11
|
StackedLineChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, imports: [[
|
|
10
|
-
CommonModule
|
|
12
|
+
CommonModule,
|
|
13
|
+
NgxEchartsModule.forRoot({
|
|
14
|
+
echarts: () => import('echarts')
|
|
15
|
+
})
|
|
11
16
|
]] });
|
|
12
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, decorators: [{
|
|
13
18
|
type: NgModule,
|
|
14
19
|
args: [{
|
|
15
20
|
imports: [
|
|
16
|
-
CommonModule
|
|
21
|
+
CommonModule,
|
|
22
|
+
NgxEchartsModule.forRoot({
|
|
23
|
+
echarts: () => import('echarts')
|
|
24
|
+
})
|
|
17
25
|
],
|
|
18
26
|
declarations: [
|
|
19
27
|
StackedLineChartComponent
|
|
@@ -23,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
23
31
|
]
|
|
24
32
|
}]
|
|
25
33
|
}] });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY28tc3RhY2tlZC1saW5lLWNoYXJ0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4dGVuZGVkY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhY2tlZC1saW5lLWNoYXJ0L2NvLXN0YWNrZWQtbGluZS1jaGFydC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFDNUUsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sYUFBYSxDQUFDOzs7QUFrQjdDLE1BQU0sT0FBTyxzQkFBc0I7O29IQUF0QixzQkFBc0I7cUhBQXRCLHNCQUFzQixpQkFOL0IseUJBQXlCLGFBUHpCLFlBQVksa0NBVVoseUJBQXlCO3FIQUdoQixzQkFBc0IsWUFkeEI7WUFDUCxZQUFZO1lBQ1osZ0JBQWdCLENBQUMsT0FBTyxDQUFDO2dCQUN2QixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQzthQUNqQyxDQUFDO1NBRUg7NEZBUVUsc0JBQXNCO2tCQWZsQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGdCQUFnQixDQUFDLE9BQU8sQ0FBQzs0QkFDdkIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUM7eUJBQ2pDLENBQUM7cUJBRUg7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLHlCQUF5QjtxQkFDMUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHlCQUF5QjtxQkFDMUI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQge1N0YWNrZWRMaW5lQ2hhcnRDb21wb25lbnR9IGZyb20gXCIuL2NvLXN0YWNrZWQtbGluZS1jaGFydC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtOZ3hFY2hhcnRzTW9kdWxlfSBmcm9tIFwibmd4LWVjaGFydHNcIjtcclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE5neEVjaGFydHNNb2R1bGUuZm9yUm9vdCh7XHJcbiAgICAgIGVjaGFydHM6ICgpID0+IGltcG9ydCgnZWNoYXJ0cycpXHJcbiAgICB9KVxyXG5cclxuICBdLFxyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgU3RhY2tlZExpbmVDaGFydENvbXBvbmVudFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgU3RhY2tlZExpbmVDaGFydENvbXBvbmVudFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFN0YWNrZWRMaW5lQ2hhcnRNb2R1bGUge1xyXG59XHJcbiJdfQ==
|
|
@@ -12,11 +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
|
|
16
|
-
import {
|
|
17
|
-
import { LineChart } from 'echarts/charts';
|
|
18
|
-
import { UniversalTransition } from 'echarts/features';
|
|
19
|
-
import { CanvasRenderer } from 'echarts/renderers';
|
|
15
|
+
import * as i1$4 from 'ngx-echarts';
|
|
16
|
+
import { NgxEchartsModule } from 'ngx-echarts';
|
|
20
17
|
|
|
21
18
|
class CoKanbanComponent {
|
|
22
19
|
constructor() {
|
|
@@ -984,7 +981,8 @@ class StackedLineChartComponent {
|
|
|
984
981
|
this.chartData = [];
|
|
985
982
|
this.chartLegend = [];
|
|
986
983
|
this.chartXAxis = [];
|
|
987
|
-
this.chartHeight =
|
|
984
|
+
this.chartHeight = "auto";
|
|
985
|
+
this.chartWidth = "auto";
|
|
988
986
|
this.chartOptions = {
|
|
989
987
|
title: {},
|
|
990
988
|
tooltip: {
|
|
@@ -1013,21 +1011,6 @@ class StackedLineChartComponent {
|
|
|
1013
1011
|
return true;
|
|
1014
1012
|
}
|
|
1015
1013
|
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
1014
|
this.chartOptions.title['text'] = this.chartName;
|
|
1032
1015
|
this.chartOptions.series = this.chartData;
|
|
1033
1016
|
this.chartOptions.xAxis = {
|
|
@@ -1036,26 +1019,27 @@ class StackedLineChartComponent {
|
|
|
1036
1019
|
data: this.chartXAxis
|
|
1037
1020
|
};
|
|
1038
1021
|
this.chartOptions.legend['data'] = this.chartLegend;
|
|
1039
|
-
this.chartOptions && myChart.setOption(this.chartOptions);
|
|
1040
1022
|
}
|
|
1041
1023
|
}
|
|
1042
1024
|
StackedLineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1043
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: `
|
|
1044
1026
|
|
|
1045
|
-
|
|
1046
|
-
|
|
1027
|
+
<div echarts [options]="chartOptions" [initOpts]="{
|
|
1028
|
+
width: chartWidth,
|
|
1029
|
+
height: chartHeight}" class="chart"></div>
|
|
1047
1030
|
|
|
1048
|
-
|
|
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 });
|
|
1049
1032
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartComponent, decorators: [{
|
|
1050
1033
|
type: Component,
|
|
1051
1034
|
args: [{
|
|
1052
1035
|
selector: "co-stacked-line-chart",
|
|
1053
1036
|
template: `
|
|
1054
1037
|
|
|
1055
|
-
|
|
1056
|
-
|
|
1038
|
+
<div echarts [options]="chartOptions" [initOpts]="{
|
|
1039
|
+
width: chartWidth,
|
|
1040
|
+
height: chartHeight}" class="chart"></div>
|
|
1057
1041
|
|
|
1058
|
-
|
|
1042
|
+
`,
|
|
1059
1043
|
encapsulation: ViewEncapsulation.None
|
|
1060
1044
|
}]
|
|
1061
1045
|
}], propDecorators: { showClass: [{
|
|
@@ -1080,15 +1064,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
1080
1064
|
class StackedLineChartModule {
|
|
1081
1065
|
}
|
|
1082
1066
|
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] });
|
|
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] });
|
|
1084
1068
|
StackedLineChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, imports: [[
|
|
1085
|
-
CommonModule
|
|
1069
|
+
CommonModule,
|
|
1070
|
+
NgxEchartsModule.forRoot({
|
|
1071
|
+
echarts: () => import('echarts')
|
|
1072
|
+
})
|
|
1086
1073
|
]] });
|
|
1087
1074
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StackedLineChartModule, decorators: [{
|
|
1088
1075
|
type: NgModule,
|
|
1089
1076
|
args: [{
|
|
1090
1077
|
imports: [
|
|
1091
|
-
CommonModule
|
|
1078
|
+
CommonModule,
|
|
1079
|
+
NgxEchartsModule.forRoot({
|
|
1080
|
+
echarts: () => import('echarts')
|
|
1081
|
+
})
|
|
1092
1082
|
],
|
|
1093
1083
|
declarations: [
|
|
1094
1084
|
StackedLineChartComponent
|