@ebuilding/chart 2.1.6 → 2.1.8

package/fesm2022/echart.category-stack.mjs

@@ -0,0 +1,211 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as echarts from 'echarts/core';
+import { BarChart } from 'echarts/charts';
+import { TitleComponent, TooltipComponent, GridComponent, LegendComponent } from 'echarts/components';
+import { CanvasRenderer } from 'echarts/renderers';
+import { GramBaseChartService } from '@ebuilding/chart/service';
+import _ from 'lodash';
+
+/**
+ * 堆积图
+ */
+echarts.use([BarChart, TitleComponent, TooltipComponent, GridComponent, LegendComponent, CanvasRenderer]);
+class EchartCategoryStackComponent extends GramBaseChartService {
+    color = [
+        '#71D1FF',
+        '#71A9FF',
+        '#8C94FC',
+        '#DDB0F0',
+        '#FFCA5E',
+        '#FFB15E',
+        '#71D1FF',
+        '#71A9FF',
+        '#8C94FC',
+        '#DDB0F0',
+        '#FFCA5E',
+        '#FFB15E',
+    ];
+    constructor() {
+        super();
+    }
+    ngOnInit() { }
+    /**
+     * 初始化数据
+     */
+    initChartData() {
+        if (this.config && this.config.data && this.config.data.val && Array.isArray(this.config.data.val)) {
+            let isSingle = this.config.data.val.length == 1;
+            this.chartData = this.config.data.val.map((item, index) => {
+                if (!isSingle) {
+                    item.data = item.data.map((a) => {
+                        let newA = { value: a, itemStyle: { color: this.color[index] } };
+                        return newA;
+                    });
+                }
+                let obj = {
+                    type: 'bar',
+                    name: item.text,
+                    data: item.data,
+                    barMaxWidth: 35,
+                    stack: 'total',
+                    label: this.config.data?.label ? this.config.data.label : {},
+                    // itemStyle:
+                    //   isSingle == true
+                    //     ? {
+                    //       normal: {
+                    //         borderRadius: [12, 12, 0, 0],
+                    //         color: (a: any) => {
+                    //           return this.color[a.dataIndex];
+                    //         },
+                    //       },
+                    //     }
+                    //     : {
+                    //       normal: {
+                    //         borderRadius: [12, 12, 0, 0],
+                    //       },
+                    //     },
+                };
+                if (item?.type && item.type == 'line') {
+                    obj['type'] = 'line';
+                    obj['lineStyle'] = {
+                        color: this.color[index],
+                    };
+                }
+                return obj;
+            });
+        }
+    }
+    /**
+     * 初始化X轴
+     * @returns
+     */
+    initChartAxis() {
+        if (this.config &&
+            this.config.data &&
+            this.config.data.x &&
+            this.config.data.x.data &&
+            Array.isArray(this.config.data.x.data)) {
+            return _.cloneDeep(this.config.data.x.data);
+        }
+    }
+    /**
+     * 初始化图表配置
+     */
+    initChartOption() {
+        this.chartOption = {
+            title: this.chartTitle,
+            animation: this.config?.animation == false ? false : true,
+            color: this.color,
+            grid: {
+                left: '3%',
+                right: '18',
+                y2: '50',
+                containLabel: true,
+            },
+            legend: this.chartLegend,
+            tooltip: {},
+            yAxis: {
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        type: 'dashed',
+                    },
+                },
+                type: 'category',
+                data: this.initChartAxis(),
+            },
+            xAxis: {
+                type: "value",
+                splitLine: {
+                    show: true,
+                    lineStyle: {
+                        type: 'dashed',
+                    },
+                },
+                axisPointer: {
+                    type: 'shadow',
+                },
+                axisLine: {
+                    lineStyle: {
+                        color: '#dbdbdb',
+                        width: '1',
+                        type: 'dotted',
+                    },
+                },
+                axisLabel: {
+                    textStyle: {
+                        color: '#4d4d4d',
+                    },
+                },
+                nameTextStyle: {
+                    color: '#4d4d4d',
+                },
+                axisTick: {
+                    lineStyle: {
+                        show: true,
+                        color: '#dbdbdb',
+                        type: 'dotted',
+                    },
+                },
+            },
+            series: this.chartData,
+        };
+    }
+    /**
+     * 初始化图表数据
+     */
+    loadChartInfo() {
+        if (this.config) {
+            this.initChartData();
+            this.initChartLegend();
+            this.initChartTitle();
+            this.initChartOption();
+            setTimeout(() => {
+                this.renderChart();
+            }, 0);
+        }
+    }
+    /**
+     * 渲染图表
+     */
+    renderChart() {
+        if (!this.chartInstance) {
+            this.chartInstance = echarts.init(this.chartContainer.nativeElement);
+            this.chartInstance.setOption(this.chartOption);
+            window.addEventListener('resize', () => {
+                this.chartInstance?.resize();
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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 }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'echart-category-stack', imports: [
+                        CommonModule
+                    ], 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"] }]
+        }], ctorParameters: () => [] });
+
+const components = [EchartCategoryStackComponent];
+class EchartCategoryStackModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackModule, imports: [EchartCategoryStackComponent], exports: [EchartCategoryStackComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackModule, imports: [components] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartCategoryStackModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...components],
+                    exports: [...components],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EchartCategoryStackComponent, EchartCategoryStackModule };
+//# sourceMappingURL=echart.category-stack.mjs.map

package/fesm2022/echart.category-stack.mjs.map

@@ -0,0 +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\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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"}

package/fesm2022/echart.gauge.mjs

@@ -0,0 +1,127 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as echarts from 'echarts/core';
+import { GaugeChart } from 'echarts/charts';
+import { TitleComponent, TooltipComponent, GridComponent, LegendComponent } from 'echarts/components';
+import { CanvasRenderer } from 'echarts/renderers';
+import { GramBaseChartService } from '@ebuilding/chart/service';
+
+/**
+ * gauge
+ */
+echarts.use([GaugeChart, TitleComponent, TooltipComponent, GridComponent, LegendComponent, CanvasRenderer]);
+class EchartGaugeMainComponent extends GramBaseChartService {
+    color = [
+        '#71D1FF',
+        '#71A9FF',
+        '#8C94FC',
+        '#DDB0F0',
+        '#FFCA5E',
+        '#FFB15E',
+        '#71D1FF',
+        '#71A9FF',
+        '#8C94FC',
+        '#DDB0F0',
+        '#FFCA5E',
+        '#FFB15E',
+    ];
+    constructor() {
+        super();
+    }
+    ngOnInit() { }
+    initChartData() {
+        if (this.config && this.config?.data && this.config?.data?.val && Array.isArray(this.config.data.val) && this.config.data.val.length > 0) {
+            let item = this.config.data.val[0];
+            if (item && item?.data && item?.data?.length > 0) {
+                this.chartData = [
+                    {
+                        value: item?.data[0],
+                        name: null
+                    }
+                ];
+            }
+        }
+    }
+    /**
+     * 初始化图表配置
+     */
+    initChartOption() {
+        this.chartOption = {
+            tooltip: {
+                formatter: '{a} <br/>{b} : {c}%'
+            },
+            series: [
+                {
+                    name: 'Pressure',
+                    type: 'gauge',
+                    startAngle: 180,
+                    endAngle: 0,
+                    progress: {
+                        show: true
+                    },
+                    detail: {
+                        valueAnimation: true,
+                        formatter: '{value}'
+                    },
+                    data: this.chartData
+                }
+            ]
+        };
+    }
+    /**
+     * 初始化图表数据
+     */
+    loadChartInfo() {
+        if (this.config) {
+            this.initChartData();
+            this.initChartLegend();
+            this.initChartTitle();
+            this.initChartOption();
+            setTimeout(() => {
+                this.renderChart();
+            }, 0);
+        }
+    }
+    /**
+     * 渲染图表
+     */
+    renderChart() {
+        if (!this.chartInstance) {
+            this.chartInstance = echarts.init(this.chartContainer.nativeElement);
+            this.chartInstance.setOption(this.chartOption);
+            window.addEventListener('resize', () => {
+                this.chartInstance?.resize();
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartGaugeMainComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: EchartGaugeMainComponent, isStandalone: true, selector: "echart-gauge", 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 }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartGaugeMainComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'echart-gauge', imports: [
+                        CommonModule
+                    ], 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"] }]
+        }], ctorParameters: () => [] });
+
+const components = [EchartGaugeMainComponent];
+class EchartGaugeModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: EchartGaugeModule, imports: [EchartGaugeMainComponent], exports: [EchartGaugeMainComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartGaugeModule, imports: [components] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EchartGaugeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...components],
+                    exports: [...components],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EchartGaugeMainComponent, EchartGaugeModule };
+//# sourceMappingURL=echart.gauge.mjs.map

package/fesm2022/echart.gauge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"echart.gauge.mjs","sources":["../../../../packages/chart/echart/gauge/src/default/index.ts","../../../../packages/chart/echart/gauge/src/default/index.html","../../../../packages/chart/echart/gauge/src/index.module.ts","../../../../packages/chart/echart/gauge/echart.gauge.ts"],"sourcesContent":["/**\n * gauge\n */\nimport { Component, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport * as echarts from 'echarts/core';\nimport { GaugeChart } 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([GaugeChart, TitleComponent, TooltipComponent, GridComponent, LegendComponent, CanvasRenderer]);\n\n@Component({\n  selector: 'echart-gauge',\n  templateUrl: './index.html',\n  styleUrls: ['./index.less'],\n  imports: [\n    CommonModule\n  ]\n})\nexport class EchartGaugeMainComponent 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  initChartData() {\n    if (this.config && this.config?.data && this.config?.data?.val && Array.isArray(this.config.data.val) && this.config.data.val.length > 0) {\n      let item: any = this.config.data.val[0];\n      if (item && item?.data && item?.data?.length > 0) {\n        this.chartData = [\n          {\n            value: item?.data[0],\n            name: null\n          }\n        ];\n      }\n    }\n  }\n\n  /**\n   * 初始化图表配置\n   */\n  initChartOption() {\n\n    this.chartOption = {\n      tooltip: {\n        formatter: '{a} <br/>{b} : {c}%'\n      },\n      series: [\n        {\n          name: 'Pressure',\n          type: 'gauge',\n          startAngle: 180,\n          endAngle: 0,\n          progress: {\n            show: true\n          },\n          detail: {\n            valueAnimation: true,\n            formatter: '{value}'\n          },\n          data: this.chartData\n        }\n      ]\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 { EchartGaugeMainComponent } from './default/index';\nconst components: any[] = [EchartGaugeMainComponent];\n\n@NgModule({\n  imports: [...components],\n  exports: [...components],\n})\nexport class EchartGaugeModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAAA;;AAEG;AASH,OAAO,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC;AAUrG,MAAO,wBAAyB,SAAQ,oBAAoB,CAAA;AACvD,IAAA,KAAK,GAAG;QACf,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;KACV;AAED,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;;AAGT,IAAA,QAAQ;IAER,aAAa,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;AACxI,YAAA,IAAI,IAAI,GAAQ,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACvC,YAAA,IAAI,IAAI,IAAI,IAAI,EAAE,IAAI,IAAI,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,EAAE;gBAChD,IAAI,CAAC,SAAS,GAAG;AACf,oBAAA;AACE,wBAAA,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;AACpB,wBAAA,IAAI,EAAE;AACP;iBACF;;;;AAKP;;AAEG;IACH,eAAe,GAAA;QAEb,IAAI,CAAC,WAAW,GAAG;AACjB,YAAA,OAAO,EAAE;AACP,gBAAA,SAAS,EAAE;AACZ,aAAA;AACD,YAAA,MAAM,EAAE;AACN,gBAAA;AACE,oBAAA,IAAI,EAAE,UAAU;AAChB,oBAAA,IAAI,EAAE,OAAO;AACb,oBAAA,UAAU,EAAE,GAAG;AACf,oBAAA,QAAQ,EAAE,CAAC;AACX,oBAAA,QAAQ,EAAE;AACR,wBAAA,IAAI,EAAE;AACP,qBAAA;AACD,oBAAA,MAAM,EAAE;AACN,wBAAA,cAAc,EAAE,IAAI;AACpB,wBAAA,SAAS,EAAE;AACZ,qBAAA;oBACD,IAAI,EAAE,IAAI,CAAC;AACZ;AACF;SACF;;AAGH;;AAEG;IACM,aAAa,GAAA;AACpB,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,eAAe,EAAE;YACtB,IAAI,CAAC,cAAc,EAAE;YACrB,IAAI,CAAC,eAAe,EAAE;YACtB,UAAU,CAAC,MAAK;gBACd,IAAI,CAAC,WAAW,EAAE;aACnB,EAAE,CAAC,CAAC;;;AAIT;;AAEG;IACH,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC;YACpE,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;AAC9C,YAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAK;AACrC,gBAAA,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE;AAC9B,aAAC,CAAC;;;wGAxFK,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrBrC,wFAAkF,EAAA,MAAA,EAAA,CAAA,qFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDkB9E,YAAY,EAAA,CAAA,EAAA,CAAA;;4FAGH,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBARpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAGf,OAAA,EAAA;wBACP;AACD,qBAAA,EAAA,QAAA,EAAA,wFAAA,EAAA,MAAA,EAAA,CAAA,qFAAA,CAAA,EAAA;;;AEjBH,MAAM,UAAU,GAAU,CAAC,wBAAwB,CAAC;MAMvC,iBAAiB,CAAA;wGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAjB,iBAAiB,EAAA,OAAA,EAAA,CANH,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAAxB,wBAAwB,CAAA,EAAA,CAAA;AAMtC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAHf,UAAU,CAAA,EAAA,CAAA;;4FAGZ,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AACxB,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AACzB,iBAAA;;;ACPD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebuilding/chart",
-  "version": "2.1.6",
+  "version": "2.1.8",
   "dependencies": {
     "extend": "undefined",
     "tslib": "^2.3.0"
@@ -31,17 +31,21 @@
       "types": "./echart/bar/index.d.ts",
       "default": "./fesm2022/echart.bar.mjs"
     },
+    "./echart/content": {
+      "types": "./echart/content/index.d.ts",
+      "default": "./fesm2022/echart.content.mjs"
+    },
     "./echart/bar2": {
       "types": "./echart/bar2/index.d.ts",
       "default": "./fesm2022/echart.bar2.mjs"
     },
-    "./echart/content": {
-      "types": "./echart/content/index.d.ts",
-      "default": "./fesm2022/echart.content.mjs"
+    "./echart/gauge": {
+      "types": "./echart/gauge/index.d.ts",
+      "default": "./fesm2022/echart.gauge.mjs"
     },
     "./echart/category-stack": {
       "types": "./echart/category-stack/index.d.ts",
-      "default": "./fesm2022/echart.bar.mjs"
+      "default": "./fesm2022/echart.category-stack.mjs"
     },
     "./echart/line": {
       "types": "./echart/line/index.d.ts",
@@ -51,21 +55,17 @@
       "types": "./echart/indicator/index.d.ts",
       "default": "./fesm2022/echart.indicator.mjs"
     },
-    "./echart/gauge": {
-      "types": "./echart/gauge/index.d.ts",
-      "default": "./fesm2022/echart.bar.mjs"
-    },
-    "./echart/number": {
-      "types": "./echart/number/index.d.ts",
-      "default": "./fesm2022/echart.number.mjs"
+    "./echart/radar": {
+      "types": "./echart/radar/index.d.ts",
+      "default": "./fesm2022/echart.radar.mjs"
     },
     "./echart/sort": {
       "types": "./echart/sort/index.d.ts",
       "default": "./fesm2022/echart.sort.mjs"
     },
-    "./echart/radar": {
-      "types": "./echart/radar/index.d.ts",
-      "default": "./fesm2022/echart.radar.mjs"
+    "./echart/number": {
+      "types": "./echart/number/index.d.ts",
+      "default": "./fesm2022/echart.number.mjs"
     },
     "./echart/pie": {
       "types": "./echart/pie/index.d.ts",