@ebuilding/chart 2.1.7 → 2.1.9

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.
@@ -9,10 +9,10 @@ import { GramBaseChartService } from '@ebuilding/chart/service';
9
9
  import _ from 'lodash';
10
10
 
11
11
  /**
12
- * 堆积图
12
+ * 柱状图
13
13
  */
14
14
  echarts.use([BarChart, TitleComponent, TooltipComponent, GridComponent, LegendComponent, CanvasRenderer]);
15
- class EchartCategoryStackComponent extends GramBaseChartService {
15
+ class EchartBarMainComponent extends GramBaseChartService {
16
16
  color = [
17
17
  '#71D1FF',
18
18
  '#71A9FF',
@@ -49,23 +49,21 @@ class EchartCategoryStackComponent extends GramBaseChartService {
49
49
  name: item.text,
50
50
  data: item.data,
51
51
  barMaxWidth: 35,
52
- stack: 'total',
53
52
  label: this.config.data?.label ? this.config.data.label : {},
54
- // itemStyle:
55
- // isSingle == true
56
- // ? {
57
- // normal: {
58
- // borderRadius: [12, 12, 0, 0],
59
- // color: (a: any) => {
60
- // return this.color[a.dataIndex];
61
- // },
62
- // },
63
- // }
64
- // : {
65
- // normal: {
66
- // borderRadius: [12, 12, 0, 0],
67
- // },
68
- // },
53
+ itemStyle: isSingle == true
54
+ ? {
55
+ normal: {
56
+ borderRadius: [12, 12, 0, 0],
57
+ color: (a) => {
58
+ return this.color[a.dataIndex];
59
+ },
60
+ },
61
+ }
62
+ : {
63
+ normal: {
64
+ borderRadius: [12, 12, 0, 0],
65
+ },
66
+ },
69
67
  };
70
68
  if (item?.type && item.type == 'line') {
71
69
  obj['type'] = 'line';
@@ -113,11 +111,10 @@ class EchartCategoryStackComponent extends GramBaseChartService {
113
111
  type: 'dashed',
114
112
  },
115
113
  },
116
- type: 'category',
117
- data: this.initChartAxis(),
118
114
  },
119
115
  xAxis: {
120
- type: "value",
116
+ type: 'category',
117
+ data: this.initChartAxis(),
121
118
  splitLine: {
122
119
  show: true,
123
120
  lineStyle: {
@@ -179,23 +176,23 @@ class EchartCategoryStackComponent extends GramBaseChartService {
179
176
  });
180
177
  }
181
178
  }
182
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
183
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: EchartCategoryStackComponent, isStandalone: true, selector: "echart-category-stack", usesInheritance: true, ngImport: i0, template: "<div #chartContainer id=\"chartContainer\" style=\"width: 100%; height: 100%;\"></div>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
179
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartBarMainComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
180
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: EchartBarMainComponent, isStandalone: true, selector: "echart-bar", usesInheritance: true, ngImport: i0, template: "<div #chartContainer id=\"chartContainer\" style=\"width: 100%; height: 100%;\"></div>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
184
181
  }
185
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackComponent, decorators: [{
182
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartBarMainComponent, decorators: [{
186
183
  type: Component,
187
- args: [{ selector: 'echart-category-stack', imports: [
184
+ args: [{ selector: 'echart-bar', imports: [
188
185
  CommonModule
189
186
  ], template: "<div #chartContainer id=\"chartContainer\" style=\"width: 100%; height: 100%;\"></div>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%}\n"] }]
190
187
  }], ctorParameters: () => [] });
191
188
 
192
- const components = [EchartCategoryStackComponent];
193
- class EchartCategoryStackModule {
194
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
195
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackModule, imports: [EchartCategoryStackComponent], exports: [EchartCategoryStackComponent] });
196
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackModule, imports: [components] });
189
+ const components = [EchartBarMainComponent];
190
+ class EchartBarModule {
191
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
192
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: EchartBarModule, imports: [EchartBarMainComponent], exports: [EchartBarMainComponent] });
193
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartBarModule, imports: [components] });
197
194
  }
198
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackModule, decorators: [{
195
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartBarModule, decorators: [{
199
196
  type: NgModule,
200
197
  args: [{
201
198
  imports: [...components],
@@ -207,5 +204,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
207
204
  * Generated bundle index. Do not edit.
208
205
  */
209
206
 
210
- export { EchartCategoryStackComponent, EchartCategoryStackModule };
207
+ export { EchartBarMainComponent, EchartBarModule };
211
208
  //# sourceMappingURL=echart.bar.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"echart.bar.mjs","sources":["../../../../packages/chart/echart/category-stack/src/default/index.ts","../../../../packages/chart/echart/category-stack/src/default/index.html","../../../../packages/chart/echart/category-stack/src/index.module.ts","../../../../packages/chart/echart/category-stack/echart.bar.ts"],"sourcesContent":["/**\n * 堆积图\n */\nimport { Component, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport * as echarts from 'echarts/core';\nimport { BarChart } from 'echarts/charts';\nimport { TitleComponent, TooltipComponent, GridComponent, LegendComponent } from 'echarts/components';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { GramBaseChartService } from '@ebuilding/chart/service';\nimport _ from 'lodash';\necharts.use([BarChart, TitleComponent, TooltipComponent, GridComponent, LegendComponent, CanvasRenderer]);\n\n@Component({\n selector: 'echart-category-stack',\n templateUrl: './index.html',\n styleUrls: ['./index.less'],\n imports: [\n CommonModule\n ]\n})\nexport class EchartCategoryStackComponent extends GramBaseChartService implements OnInit {\n override color = [\n '#71D1FF',\n '#71A9FF',\n '#8C94FC',\n '#DDB0F0',\n '#FFCA5E',\n '#FFB15E',\n '#71D1FF',\n '#71A9FF',\n '#8C94FC',\n '#DDB0F0',\n '#FFCA5E',\n '#FFB15E',\n ];\n\n constructor() {\n super();\n }\n\n ngOnInit(): void { }\n\n /**\n * 初始化数据\n */\n initChartData() {\n if (this.config!! && this.config.data!! && this.config.data.val!! && Array.isArray(this.config.data.val)) {\n let isSingle: boolean = this.config.data.val.length == 1;\n this.chartData = this.config.data.val.map((item: any, index: number) => {\n if (!isSingle) {\n item.data = item.data.map((a: any) => {\n let newA: any = { value: a, itemStyle: { color: this.color[index] } };\n return newA;\n });\n }\n let obj: any = {\n type: 'bar',\n name: item.text,\n data: item.data,\n barMaxWidth: 35,\n stack: 'total',\n\n label: this.config.data?.label ? this.config.data.label : {},\n // itemStyle:\n // isSingle == true\n // ? {\n // normal: {\n // borderRadius: [12, 12, 0, 0],\n // color: (a: any) => {\n // return this.color[a.dataIndex];\n // },\n // },\n // }\n // : {\n // normal: {\n // borderRadius: [12, 12, 0, 0],\n // },\n // },\n };\n if (item?.type!! && item.type == 'line') {\n obj['type'] = 'line';\n obj['lineStyle'] = {\n color: this.color[index],\n };\n }\n return obj;\n });\n }\n }\n\n /**\n * 初始化X轴\n * @returns\n */\n initChartAxis() {\n if (\n this.config!! &&\n this.config.data!! &&\n this.config.data.x!! &&\n this.config.data.x.data!! &&\n Array.isArray(this.config.data.x.data)\n ) {\n return _.cloneDeep(this.config.data.x.data);\n }\n }\n\n /**\n * 初始化图表配置\n */\n initChartOption() {\n this.chartOption = {\n title: this.chartTitle,\n animation: this.config?.animation == false ? false : true,\n color: this.color,\n grid: {\n left: '3%',\n right: '18',\n y2: '50',\n containLabel: true,\n },\n legend: this.chartLegend,\n tooltip: {},\n yAxis: {\n splitLine: {\n show: true,\n lineStyle: {\n type: 'dashed',\n },\n },\n\n type: 'category',\n data: this.initChartAxis(),\n },\n xAxis: {\n type: \"value\",\n splitLine: {\n show: true,\n lineStyle: {\n type: 'dashed',\n },\n },\n axisPointer: {\n type: 'shadow',\n },\n axisLine: {\n lineStyle: {\n color: '#dbdbdb',\n width: '1',\n type: 'dotted',\n },\n },\n axisLabel: {\n textStyle: {\n color: '#4d4d4d',\n },\n },\n nameTextStyle: {\n color: '#4d4d4d',\n },\n axisTick: {\n lineStyle: {\n show: true,\n color: '#dbdbdb',\n type: 'dotted',\n },\n },\n },\n series: this.chartData,\n };\n }\n\n /**\n * 初始化图表数据\n */\n override loadChartInfo() {\n if (this.config!!) {\n this.initChartData();\n this.initChartLegend();\n this.initChartTitle();\n this.initChartOption();\n setTimeout(() => {\n this.renderChart();\n }, 0);\n }\n }\n\n /**\n * 渲染图表\n */\n renderChart() {\n if (!this.chartInstance) {\n this.chartInstance = echarts.init(this.chartContainer.nativeElement);\n this.chartInstance.setOption(this.chartOption);\n window.addEventListener('resize', () => {\n this.chartInstance?.resize();\n });\n }\n }\n}\n","<div #chartContainer id=\"chartContainer\" style=\"width: 100%; height: 100%;\"></div>","import { NgModule } from '@angular/core';\nimport { EchartCategoryStackComponent } from './default/index';\nconst components: any[] = [EchartCategoryStackComponent];\n\n@NgModule({\n imports: [...components],\n exports: [...components],\n})\nexport class EchartCategoryStackModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"echart.bar.mjs","sources":["../../../../packages/chart/echart/bar/src/default/index.ts","../../../../packages/chart/echart/bar/src/default/index.html","../../../../packages/chart/echart/bar/src/index.module.ts","../../../../packages/chart/echart/bar/echart.bar.ts"],"sourcesContent":["/**\n * 柱状图\n */\nimport { Component, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport * as echarts from 'echarts/core';\nimport { BarChart } from 'echarts/charts';\nimport { TitleComponent, TooltipComponent, GridComponent, LegendComponent } from 'echarts/components';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { GramBaseChartService } from '@ebuilding/chart/service';\nimport _ from 'lodash';\necharts.use([BarChart, TitleComponent, TooltipComponent, GridComponent, LegendComponent, CanvasRenderer]);\n\n@Component({\n selector: 'echart-bar',\n templateUrl: './index.html',\n styleUrls: ['./index.less'],\n imports: [\n CommonModule\n ]\n})\nexport class EchartBarMainComponent extends GramBaseChartService implements OnInit {\n override color = [\n '#71D1FF',\n '#71A9FF',\n '#8C94FC',\n '#DDB0F0',\n '#FFCA5E',\n '#FFB15E',\n '#71D1FF',\n '#71A9FF',\n '#8C94FC',\n '#DDB0F0',\n '#FFCA5E',\n '#FFB15E',\n ];\n\n constructor() {\n super();\n }\n\n ngOnInit(): void { }\n\n /**\n * 初始化数据\n */\n initChartData() {\n if (this.config!! && this.config.data!! && this.config.data.val!! && Array.isArray(this.config.data.val)) {\n let isSingle: boolean = this.config.data.val.length == 1;\n this.chartData = this.config.data.val.map((item: any, index: number) => {\n if (!isSingle) {\n item.data = item.data.map((a: any) => {\n let newA: any = { value: a, itemStyle: { color: this.color[index] } };\n return newA;\n });\n }\n let obj: any = {\n type: 'bar',\n name: item.text,\n data: item.data,\n barMaxWidth: 35,\n label: this.config.data?.label ? this.config.data.label : {},\n itemStyle:\n isSingle == true\n ? {\n normal: {\n borderRadius: [12, 12, 0, 0],\n color: (a: any) => {\n return this.color[a.dataIndex];\n },\n },\n }\n : {\n normal: {\n borderRadius: [12, 12, 0, 0],\n },\n },\n };\n if (item?.type!! && item.type == 'line') {\n obj['type'] = 'line';\n obj['lineStyle'] = {\n color: this.color[index],\n };\n }\n return obj;\n });\n }\n }\n\n /**\n * 初始化X轴\n * @returns\n */\n initChartAxis() {\n if (\n this.config!! &&\n this.config.data!! &&\n this.config.data.x!! &&\n this.config.data.x.data!! &&\n Array.isArray(this.config.data.x.data)\n ) {\n return _.cloneDeep(this.config.data.x.data);\n }\n }\n\n /**\n * 初始化图表配置\n */\n initChartOption() {\n this.chartOption = {\n title: this.chartTitle,\n animation: this.config?.animation == false ? false : true,\n color: this.color,\n grid: {\n left: '3%',\n right: '18',\n y2: '50',\n containLabel: true,\n },\n legend: this.chartLegend,\n tooltip: {},\n yAxis: {\n splitLine: {\n show: true,\n lineStyle: {\n type: 'dashed',\n },\n },\n },\n xAxis: {\n type: 'category',\n data: this.initChartAxis(),\n splitLine: {\n show: true,\n lineStyle: {\n type: 'dashed',\n },\n },\n axisPointer: {\n type: 'shadow',\n },\n axisLine: {\n lineStyle: {\n color: '#dbdbdb',\n width: '1',\n type: 'dotted',\n },\n },\n axisLabel: {\n textStyle: {\n color: '#4d4d4d',\n },\n },\n nameTextStyle: {\n color: '#4d4d4d',\n },\n axisTick: {\n lineStyle: {\n show: true,\n color: '#dbdbdb',\n type: 'dotted',\n },\n },\n },\n series: this.chartData,\n };\n }\n\n /**\n * 初始化图表数据\n */\n override loadChartInfo() {\n if (this.config!!) {\n this.initChartData();\n this.initChartLegend();\n this.initChartTitle();\n this.initChartOption();\n setTimeout(() => {\n this.renderChart();\n }, 0);\n }\n }\n\n /**\n * 渲染图表\n */\n renderChart() {\n if (!this.chartInstance) {\n this.chartInstance = echarts.init(this.chartContainer.nativeElement);\n this.chartInstance.setOption(this.chartOption);\n window.addEventListener('resize', () => {\n this.chartInstance?.resize();\n });\n }\n }\n}\n","<div #chartContainer id=\"chartContainer\" style=\"width: 100%; height: 100%;\"></div>","import { NgModule } from '@angular/core';\nimport { EchartBarMainComponent } from './default/index';\nconst components: any[] = [EchartBarMainComponent];\n\n@NgModule({\n imports: [...components],\n exports: [...components],\n})\nexport class EchartBarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -29,6 +29,11 @@ class EchartBar2MainComponent extends GramBaseChartService {
29
29
  name: item.text,
30
30
  data: item.data,
31
31
  barMaxWidth: 35,
32
+ label: {
33
+ show: true,
34
+ offset: [-20, 0],
35
+ position: 'insideRight',
36
+ },
32
37
  itemStyle: isSingle == true
33
38
  ? {
34
39
  normal: {
@@ -70,7 +75,7 @@ class EchartBar2MainComponent extends GramBaseChartService {
70
75
  grid: {
71
76
  left: '3%',
72
77
  right: '18',
73
- y2: '50',
78
+ top: 10,
74
79
  containLabel: true,
75
80
  },
76
81
  legend: this.chartLegend,
@@ -118,6 +123,9 @@ class EchartBar2MainComponent extends GramBaseChartService {
118
123
  type: 'dashed',
119
124
  },
120
125
  },
126
+ axisTick: { show: false }, // 隐藏刻度线
127
+ axisLabel: { show: false }, // 隐藏刻度文字
128
+ axisLine: { show: false },
121
129
  },
122
130
  series: this.chartData,
123
131
  };
@@ -1 +1 @@
1
- {"version":3,"file":"echart.bar2.mjs","sources":["../../../../packages/chart/echart/bar2/src/default/index.ts","../../../../packages/chart/echart/bar2/src/default/index.html","../../../../packages/chart/echart/bar2/src/index.module.ts","../../../../packages/chart/echart/bar2/echart.bar2.ts"],"sourcesContent":["/**\n * 条形图\n */\nimport { Component, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport * as echarts from 'echarts/core';\nimport { BarChart } from 'echarts/charts';\nimport { TitleComponent, TooltipComponent, GridComponent, LegendComponent } from 'echarts/components';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { GramBaseChartService } from '@ebuilding/chart/service';\nimport _ from 'lodash';\necharts.use([BarChart, TitleComponent, TooltipComponent, GridComponent, LegendComponent, CanvasRenderer]);\n\n@Component({\n selector: 'echart-bar2',\n templateUrl: './index.html',\n styleUrls: ['./index.less'],\n imports: [\n CommonModule\n ]\n})\nexport class EchartBar2MainComponent extends GramBaseChartService implements OnInit {\n constructor() {\n super();\n }\n\n ngOnInit(): void { }\n\n /**\n * 初始化数据\n */\n initChartData() {\n if (this.config!! && this.config.data!! && this.config.data.val!! && Array.isArray(this.config.data.val)) {\n let isSingle: boolean = this.config.data.val.length == 1;\n this.chartData = this.config.data.val.map((item: any, index: number) => {\n let obj: any = {\n type: 'bar',\n name: item.text,\n data: item.data,\n barMaxWidth: 35,\n itemStyle:\n isSingle == true\n ? {\n normal: {\n borderRadius: [0, 12, 12, 0],\n color: (a: any) => {\n return this.color[a.dataIndex];\n },\n },\n }\n : {\n normal: {\n borderRadius: [0, 12, 12, 0],\n },\n },\n };\n return obj;\n });\n }\n }\n\n /**\n * 初始化X轴\n * @returns\n */\n initChartAxis() {\n if (\n this.config!! &&\n this.config.data!! &&\n this.config.data.x!! &&\n this.config.data.x.data!! &&\n Array.isArray(this.config.data.x.data)\n ) {\n return _.cloneDeep(this.config.data.x.data);\n }\n }\n\n /**\n * 初始化图表配置\n */\n initChartOption() {\n this.chartOption = {\n color: this.color,\n grid: {\n left: '3%',\n right: '18',\n y2: '50',\n containLabel: true,\n },\n legend: this.chartLegend,\n tooltip: {},\n yAxis: {\n type: 'category',\n data: this.initChartAxis(),\n splitLine: {\n show: true,\n lineStyle: {\n type: 'dashed',\n },\n },\n axisPointer: {\n type: 'shadow',\n },\n axisLine: {\n lineStyle: {\n color: '#dbdbdb',\n width: '1',\n type: 'dotted',\n },\n },\n axisLabel: {\n textStyle: {\n color: '#4d4d4d',\n },\n },\n nameTextStyle: {\n color: '#4d4d4d',\n },\n axisTick: {\n lineStyle: {\n show: true,\n color: '#dbdbdb',\n type: 'dotted',\n },\n },\n },\n xAxis: {\n type: 'value',\n splitLine: {\n show: true,\n lineStyle: {\n type: 'dashed',\n },\n },\n },\n series: this.chartData,\n };\n }\n\n /**\n * 初始化图表数据\n */\n override loadChartInfo() {\n if (this.config!!) {\n this.initChartData();\n this.initChartLegend();\n this.initChartOption();\n setTimeout(() => {\n this.renderChart();\n }, 0);\n }\n }\n\n /**\n * 渲染图表\n */\n renderChart() {\n if (!this.chartInstance) {\n this.chartInstance = echarts.init(this.chartContainer.nativeElement);\n this.chartInstance.setOption(this.chartOption);\n window.addEventListener('resize', () => {\n this.chartInstance?.resize();\n });\n }\n }\n}\n","<div #chartContainer id=\"chartContainer\" style=\"width: 100%; height: 100%;\"></div>","import { NgModule } from '@angular/core';\nimport { EchartBar2MainComponent } from './default/index';\nconst components: any[] = [EchartBar2MainComponent];\n\n@NgModule({\n imports: [...components],\n exports: [...components],\n})\nexport class EchartBar2Module { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"echart.bar2.mjs","sources":["../../../../packages/chart/echart/bar2/src/default/index.ts","../../../../packages/chart/echart/bar2/src/default/index.html","../../../../packages/chart/echart/bar2/src/index.module.ts","../../../../packages/chart/echart/bar2/echart.bar2.ts"],"sourcesContent":["/**\n * 条形图\n */\nimport { Component, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport * as echarts from 'echarts/core';\nimport { BarChart } from 'echarts/charts';\nimport { TitleComponent, TooltipComponent, GridComponent, LegendComponent } from 'echarts/components';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { GramBaseChartService } from '@ebuilding/chart/service';\nimport _ from 'lodash';\necharts.use([BarChart, TitleComponent, TooltipComponent, GridComponent, LegendComponent, CanvasRenderer]);\n\n@Component({\n selector: 'echart-bar2',\n templateUrl: './index.html',\n styleUrls: ['./index.less'],\n imports: [\n CommonModule\n ]\n})\nexport class EchartBar2MainComponent extends GramBaseChartService implements OnInit {\n constructor() {\n super();\n }\n\n ngOnInit(): void { }\n\n /**\n * 初始化数据\n */\n initChartData() {\n if (this.config!! && this.config.data!! && this.config.data.val!! && Array.isArray(this.config.data.val)) {\n let isSingle: boolean = this.config.data.val.length == 1;\n this.chartData = this.config.data.val.map((item: any, index: number) => {\n let obj: any = {\n type: 'bar',\n name: item.text,\n data: item.data,\n barMaxWidth: 35,\n label: {\n show: true,\n offset: [-20, 0],\n position: 'insideRight',\n },\n itemStyle:\n isSingle == true\n ? {\n normal: {\n borderRadius: [0, 12, 12, 0],\n color: (a: any) => {\n return this.color[a.dataIndex];\n },\n },\n }\n : {\n normal: {\n borderRadius: [0, 12, 12, 0],\n },\n },\n };\n return obj;\n });\n }\n }\n\n /**\n * 初始化X轴\n * @returns\n */\n initChartAxis() {\n if (\n this.config!! &&\n this.config.data!! &&\n this.config.data.x!! &&\n this.config.data.x.data!! &&\n Array.isArray(this.config.data.x.data)\n ) {\n return _.cloneDeep(this.config.data.x.data);\n }\n }\n\n /**\n * 初始化图表配置\n */\n initChartOption() {\n this.chartOption = {\n color: this.color,\n grid: {\n left: '3%',\n right: '18',\n top: 10,\n containLabel: true,\n },\n legend: this.chartLegend,\n tooltip: {},\n yAxis: {\n type: 'category',\n data: this.initChartAxis(),\n splitLine: {\n show: true,\n lineStyle: {\n type: 'dashed',\n },\n },\n axisPointer: {\n type: 'shadow',\n },\n axisLine: {\n lineStyle: {\n color: '#dbdbdb',\n width: '1',\n type: 'dotted',\n },\n },\n axisLabel: {\n textStyle: {\n color: '#4d4d4d',\n },\n },\n nameTextStyle: {\n color: '#4d4d4d',\n },\n axisTick: {\n lineStyle: {\n show: true,\n color: '#dbdbdb',\n type: 'dotted',\n },\n },\n },\n xAxis: {\n type: 'value',\n splitLine: {\n show: true,\n lineStyle: {\n type: 'dashed',\n },\n },\n axisTick: { show: false }, // 隐藏刻度线\n axisLabel: { show: false }, // 隐藏刻度文字\n axisLine: { show: false },\n },\n series: this.chartData,\n };\n }\n\n /**\n * 初始化图表数据\n */\n override loadChartInfo() {\n if (this.config!!) {\n this.initChartData();\n this.initChartLegend();\n this.initChartOption();\n setTimeout(() => {\n this.renderChart();\n }, 0);\n }\n }\n\n /**\n * 渲染图表\n */\n renderChart() {\n if (!this.chartInstance) {\n this.chartInstance = echarts.init(this.chartContainer.nativeElement);\n this.chartInstance.setOption(this.chartOption);\n window.addEventListener('resize', () => {\n this.chartInstance?.resize();\n });\n }\n }\n}\n","<div #chartContainer id=\"chartContainer\" style=\"width: 100%; height: 100%;\"></div>","import { NgModule } from '@angular/core';\nimport { EchartBar2MainComponent } from './default/index';\nconst components: any[] = [EchartBar2MainComponent];\n\n@NgModule({\n imports: [...components],\n exports: [...components],\n})\nexport class EchartBar2Module { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,228 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Component, NgModule } from '@angular/core';
3
+ import { CommonModule } from '@angular/common';
4
+ import * as echarts from 'echarts/core';
5
+ import { BarChart } from 'echarts/charts';
6
+ import { TitleComponent, TooltipComponent, GridComponent, LegendComponent } from 'echarts/components';
7
+ import { CanvasRenderer } from 'echarts/renderers';
8
+ import { GramBaseChartService } from '@ebuilding/chart/service';
9
+ import _ from 'lodash';
10
+
11
+ /**
12
+ * 堆积图
13
+ */
14
+ echarts.use([BarChart, TitleComponent, TooltipComponent, GridComponent, LegendComponent, CanvasRenderer]);
15
+ class EchartCategoryStackComponent extends GramBaseChartService {
16
+ color = [
17
+ '#71D1FF',
18
+ '#71A9FF',
19
+ '#8C94FC',
20
+ '#DDB0F0',
21
+ '#FFCA5E',
22
+ '#FFB15E',
23
+ '#71D1FF',
24
+ '#71A9FF',
25
+ '#8C94FC',
26
+ '#DDB0F0',
27
+ '#FFCA5E',
28
+ '#FFB15E',
29
+ ];
30
+ constructor() {
31
+ super();
32
+ }
33
+ ngOnInit() { }
34
+ /**
35
+ * 初始化数据
36
+ */
37
+ initChartData() {
38
+ if (this.config && this.config.data && this.config.data.val && Array.isArray(this.config.data.val)) {
39
+ let isSingle = this.config.data.val.length == 1;
40
+ this.chartData = this.config.data.val.map((item, index) => {
41
+ if (!isSingle) {
42
+ item.data = item.data.map((a) => {
43
+ let newA = { value: a, itemStyle: { color: this.color[index] } };
44
+ return newA;
45
+ });
46
+ }
47
+ let obj = {
48
+ type: 'bar',
49
+ name: item.text,
50
+ data: item.data,
51
+ barMaxWidth: 35,
52
+ stack: 'total',
53
+ label: {
54
+ show: true,
55
+ offset: [-20, 0],
56
+ position: 'insideRight',
57
+ },
58
+ };
59
+ if (item?.type && item.type == 'line') {
60
+ obj['type'] = 'line';
61
+ obj['lineStyle'] = {
62
+ color: this.color[index],
63
+ };
64
+ }
65
+ return obj;
66
+ });
67
+ }
68
+ }
69
+ /**
70
+ * 初始化X轴
71
+ * @returns
72
+ */
73
+ initChartAxis() {
74
+ if (this.config &&
75
+ this.config.data &&
76
+ this.config.data.x &&
77
+ this.config.data.x.data &&
78
+ Array.isArray(this.config.data.x.data)) {
79
+ return _.cloneDeep(this.config.data.x.data);
80
+ }
81
+ }
82
+ /**
83
+ * 初始化图表配置
84
+ */
85
+ initChartOption() {
86
+ this.chartOption = {
87
+ title: this.chartTitle,
88
+ animation: this.config?.animation == false ? false : true,
89
+ color: this.color,
90
+ grid: {
91
+ left: '3%',
92
+ right: '18',
93
+ top: 10,
94
+ containLabel: true,
95
+ },
96
+ legend: this.chartLegend,
97
+ tooltip: {},
98
+ yAxis: {
99
+ type: 'category',
100
+ data: this.initChartAxis(),
101
+ splitLine: {
102
+ show: true,
103
+ lineStyle: {
104
+ type: 'dashed',
105
+ },
106
+ },
107
+ axisPointer: {
108
+ type: 'shadow',
109
+ },
110
+ axisLine: {
111
+ lineStyle: {
112
+ color: '#dbdbdb',
113
+ width: '1',
114
+ type: 'dotted',
115
+ },
116
+ },
117
+ axisLabel: {
118
+ textStyle: {
119
+ color: '#4d4d4d',
120
+ },
121
+ },
122
+ nameTextStyle: {
123
+ color: '#4d4d4d',
124
+ },
125
+ axisTick: {
126
+ lineStyle: {
127
+ show: true,
128
+ color: '#dbdbdb',
129
+ type: 'dotted',
130
+ },
131
+ },
132
+ },
133
+ xAxis: {
134
+ type: "value",
135
+ splitLine: {
136
+ show: true,
137
+ lineStyle: {
138
+ type: 'dashed',
139
+ },
140
+ },
141
+ axisPointer: {
142
+ type: 'shadow',
143
+ },
144
+ nameTextStyle: {
145
+ color: '#4d4d4d',
146
+ },
147
+ axisLine: {
148
+ show: false,
149
+ lineStyle: {
150
+ color: '#dbdbdb',
151
+ width: '1',
152
+ type: 'dotted',
153
+ },
154
+ },
155
+ axisLabel: {
156
+ show: false,
157
+ textStyle: {
158
+ color: '#4d4d4d',
159
+ },
160
+ },
161
+ axisTick: {
162
+ show: false,
163
+ lineStyle: {
164
+ show: true,
165
+ color: '#dbdbdb',
166
+ type: 'dotted',
167
+ },
168
+ },
169
+ },
170
+ series: this.chartData,
171
+ };
172
+ }
173
+ /**
174
+ * 初始化图表数据
175
+ */
176
+ loadChartInfo() {
177
+ if (this.config) {
178
+ this.initChartData();
179
+ this.initChartLegend();
180
+ this.initChartTitle();
181
+ this.initChartOption();
182
+ setTimeout(() => {
183
+ this.renderChart();
184
+ }, 0);
185
+ }
186
+ }
187
+ /**
188
+ * 渲染图表
189
+ */
190
+ renderChart() {
191
+ if (!this.chartInstance) {
192
+ this.chartInstance = echarts.init(this.chartContainer.nativeElement);
193
+ this.chartInstance.setOption(this.chartOption);
194
+ window.addEventListener('resize', () => {
195
+ this.chartInstance?.resize();
196
+ });
197
+ }
198
+ }
199
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
200
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: EchartCategoryStackComponent, isStandalone: true, selector: "echart-category-stack", usesInheritance: true, ngImport: i0, template: "<div #chartContainer id=\"chartContainer\" style=\"width: 100%; height: 100%;\"></div>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
201
+ }
202
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackComponent, decorators: [{
203
+ type: Component,
204
+ args: [{ selector: 'echart-category-stack', imports: [
205
+ CommonModule
206
+ ], template: "<div #chartContainer id=\"chartContainer\" style=\"width: 100%; height: 100%;\"></div>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%}\n"] }]
207
+ }], ctorParameters: () => [] });
208
+
209
+ const components = [EchartCategoryStackComponent];
210
+ class EchartCategoryStackModule {
211
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
212
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackModule, imports: [EchartCategoryStackComponent], exports: [EchartCategoryStackComponent] });
213
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackModule, imports: [components] });
214
+ }
215
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackModule, decorators: [{
216
+ type: NgModule,
217
+ args: [{
218
+ imports: [...components],
219
+ exports: [...components],
220
+ }]
221
+ }] });
222
+
223
+ /**
224
+ * Generated bundle index. Do not edit.
225
+ */
226
+
227
+ export { EchartCategoryStackComponent, EchartCategoryStackModule };
228
+ //# sourceMappingURL=echart.category-stack.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"echart.category-stack.mjs","sources":["../../../../packages/chart/echart/category-stack/src/default/index.ts","../../../../packages/chart/echart/category-stack/src/default/index.html","../../../../packages/chart/echart/category-stack/src/index.module.ts","../../../../packages/chart/echart/category-stack/echart.category-stack.ts"],"sourcesContent":["/**\n * 堆积图\n */\nimport { Component, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport * as echarts from 'echarts/core';\nimport { BarChart } from 'echarts/charts';\nimport { TitleComponent, TooltipComponent, GridComponent, LegendComponent } from 'echarts/components';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { GramBaseChartService } from '@ebuilding/chart/service';\nimport _ from 'lodash';\necharts.use([BarChart, TitleComponent, TooltipComponent, GridComponent, LegendComponent, CanvasRenderer]);\n\n@Component({\n selector: 'echart-category-stack',\n templateUrl: './index.html',\n styleUrls: ['./index.less'],\n imports: [\n CommonModule\n ]\n})\nexport class EchartCategoryStackComponent extends GramBaseChartService implements OnInit {\n override color = [\n '#71D1FF',\n '#71A9FF',\n '#8C94FC',\n '#DDB0F0',\n '#FFCA5E',\n '#FFB15E',\n '#71D1FF',\n '#71A9FF',\n '#8C94FC',\n '#DDB0F0',\n '#FFCA5E',\n '#FFB15E',\n ];\n\n constructor() {\n super();\n }\n\n ngOnInit(): void { }\n\n /**\n * 初始化数据\n */\n initChartData() {\n if (this.config!! && this.config.data!! && this.config.data.val!! && Array.isArray(this.config.data.val)) {\n let isSingle: boolean = this.config.data.val.length == 1;\n this.chartData = this.config.data.val.map((item: any, index: number) => {\n if (!isSingle) {\n item.data = item.data.map((a: any) => {\n let newA: any = { value: a, itemStyle: { color: this.color[index] } };\n return newA;\n });\n }\n let obj: any = {\n type: 'bar',\n name: item.text,\n data: item.data,\n barMaxWidth: 35,\n stack: 'total',\n label: {\n show: true,\n offset: [-20, 0],\n position: 'insideRight',\n },\n };\n if (item?.type!! && item.type == 'line') {\n obj['type'] = 'line';\n obj['lineStyle'] = {\n color: this.color[index],\n };\n }\n return obj;\n });\n }\n }\n\n /**\n * 初始化X轴\n * @returns\n */\n initChartAxis() {\n if (\n this.config!! &&\n this.config.data!! &&\n this.config.data.x!! &&\n this.config.data.x.data!! &&\n Array.isArray(this.config.data.x.data)\n ) {\n return _.cloneDeep(this.config.data.x.data);\n }\n }\n\n /**\n * 初始化图表配置\n */\n initChartOption() {\n this.chartOption = {\n title: this.chartTitle,\n animation: this.config?.animation == false ? false : true,\n color: this.color,\n grid: {\n left: '3%',\n right: '18',\n top: 10,\n containLabel: true,\n },\n legend: this.chartLegend,\n tooltip: {},\n yAxis: {\n type: 'category',\n data: this.initChartAxis(),\n splitLine: {\n show: true,\n lineStyle: {\n type: 'dashed',\n },\n },\n axisPointer: {\n type: 'shadow',\n },\n axisLine: {\n lineStyle: {\n color: '#dbdbdb',\n width: '1',\n type: 'dotted',\n },\n },\n axisLabel: {\n textStyle: {\n color: '#4d4d4d',\n },\n },\n nameTextStyle: {\n color: '#4d4d4d',\n },\n axisTick: {\n lineStyle: {\n show: true,\n color: '#dbdbdb',\n type: 'dotted',\n },\n },\n },\n xAxis: {\n type: \"value\",\n splitLine: {\n show: true,\n lineStyle: {\n type: 'dashed',\n },\n },\n axisPointer: {\n type: 'shadow',\n },\n nameTextStyle: {\n color: '#4d4d4d',\n },\n axisLine: {\n show: false,\n lineStyle: {\n color: '#dbdbdb',\n width: '1',\n type: 'dotted',\n },\n },\n axisLabel: {\n show: false,\n textStyle: {\n color: '#4d4d4d',\n },\n },\n axisTick: {\n show: false,\n lineStyle: {\n show: true,\n color: '#dbdbdb',\n type: 'dotted',\n },\n },\n },\n series: this.chartData,\n };\n }\n\n /**\n * 初始化图表数据\n */\n override loadChartInfo() {\n if (this.config!!) {\n this.initChartData();\n this.initChartLegend();\n this.initChartTitle();\n this.initChartOption();\n setTimeout(() => {\n this.renderChart();\n }, 0);\n }\n }\n\n /**\n * 渲染图表\n */\n renderChart() {\n if (!this.chartInstance) {\n this.chartInstance = echarts.init(this.chartContainer.nativeElement);\n this.chartInstance.setOption(this.chartOption);\n window.addEventListener('resize', () => {\n this.chartInstance?.resize();\n });\n }\n }\n}\n","<div #chartContainer id=\"chartContainer\" style=\"width: 100%; height: 100%;\"></div>","import { NgModule } from '@angular/core';\nimport { EchartCategoryStackComponent } from './default/index';\nconst components: any[] = [EchartCategoryStackComponent];\n\n@NgModule({\n imports: [...components],\n exports: [...components],\n})\nexport class EchartCategoryStackModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}