ngx-axis-appforge 0.0.69 → 0.0.71

package/fesm2022/ngx-axis-appforge-axis-components.mjs

@@ -83,6 +83,8 @@ const cmpMap = {
     "axis-components/menu/design": () => import('ngx-axis-appforge/axis-components/menu/design'),
     "axis-components/rich-text-editor": () => import('ngx-axis-appforge/axis-components/rich-text-editor'),
     "axis-components/rich-text-editor/design": () => import('ngx-axis-appforge/axis-components/rich-text-editor/design'),
+    "axis-components/echarts": () => import('ngx-axis-appforge/axis-components/echarts'),
+    "axis-components/echarts/design": () => import('ngx-axis-appforge/axis-components/echarts/design'),
 };
 
 const buttonExampleDesc = {
@@ -1564,6 +1566,85 @@ const richTextEditorExampleDesc = {
     }
 };
 
+const echartsExampleDesc = {
+    component: "图表",
+    coverImg: "assets/axis-components-covers/echarts.png",
+    span: 24,
+    height: 80,
+    example: {
+        options: {
+            component: "axis-components/echarts",
+            id: "axis-components/echarts#1",
+            inuse: true,
+            loadingOpts: {
+                text: "加载中",
+            },
+            echatsOpts: {
+                xAxis: {
+                    type: "category",
+                    data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
+                },
+                yAxis: {
+                    type: "value"
+                },
+                series: [{
+                        data: [820, 932, 901, 934, 1290, 1330, 1320],
+                        type: "line"
+                    }]
+            }
+        },
+    },
+    moreExamples: [
+        {
+            name: "饼状图",
+            options: {
+                component: "axis-components/echarts",
+                id: "axis-components/echarts#2",
+                inuse: true,
+                loadingOpts: {
+                    text: "加载中",
+                },
+                echatsOpts: {
+                    series: [{
+                            type: 'pie',
+                            data: [
+                                { value: 1048, name: '苹果' },
+                                { value: 735, name: '香蕉' },
+                                { value: 580, name: '樱桃' },
+                                { value: 484, name: '西瓜' },
+                                { value: 300, name: '橘子' }
+                            ]
+                        }]
+                }
+            }
+        },
+        {
+            name: "柱状图",
+            options: {
+                component: "axis-components/echarts",
+                id: "axis-components/echarts#3",
+                inuse: true,
+                loadingOpts: {
+                    text: "加载中",
+                },
+                echatsOpts: {
+                    xAxis: {
+                        type: "category",
+                        data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
+                    },
+                    yAxis: {
+                        type: "value"
+                    },
+                    series: [{
+                            data: [820, 932, 901, 934, 1290, 1330, 1320],
+                            type: "bar"
+                        }]
+                }
+            }
+        }
+    ]
+};
+
 const examples = [
     {
         groupName: "通用",
@@ -1619,6 +1700,7 @@ const examples = [
             imageExampleDesc,
             stepsExampleDesc,
             cytoscapeExampleDesc,
+            echartsExampleDesc,
         ]
     }, {
         groupName: "其他",