@jzg223/design-runtime 0.0.1 → 0.1.0-rc.2

package/dist/types/board-engine/chart-option.d.ts

@@ -0,0 +1,737 @@
+/**
+ * 把「数据集查询结果 + 部件配置」翻译成 ECharts option。
+ *
+ * 输入：
+ *   rows    后端 /design/board/data/query 的 result.rows（[{维度字段:值, 度量别名:值}]）
+ *   columns result.columns（[{name, alias, type, isDimension, numFormat}]）
+ *   part    部件配置（data.dims / data.measures / view.chart / view.*）
+ *   theme   色系
+ * 输出：ECharts option（调用方再叠加容器尺寸等）
+ */
+declare function fmtNum(v: any, numFormat: any): any;
+export declare function buildChartOption(rows: any, columns: any, part: any, themeCode: any, opts: any): {
+    color: any;
+    tooltip: {
+        trigger: string;
+        backgroundColor: any;
+        borderColor: any;
+        borderWidth: number;
+        padding: number[];
+        textStyle: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        extraCssText: string;
+        axisPointer: {
+            type: string;
+            lineStyle: {
+                color: any;
+                width: number;
+                type: string;
+            };
+            label: {
+                backgroundColor: any;
+                color: string;
+                borderRadius: number;
+                padding: number[];
+            };
+        };
+    };
+    legend: {
+        orient: string;
+        left: string;
+        show: boolean;
+        textStyle: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        icon: string;
+        itemWidth: number;
+        itemHeight: number;
+        itemGap: number;
+        top: number | undefined;
+        bottom: number | undefined;
+        type: string;
+    } | {
+        orient: string;
+        right: number;
+        top: string;
+        show: boolean;
+        textStyle: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        icon: string;
+        itemWidth: number;
+        itemHeight: number;
+        itemGap: number;
+        bottom: number | undefined;
+        type: string;
+    };
+    series: {
+        type: string;
+        radius: string | string[];
+        center: string[];
+        roseType: string | undefined;
+        avoidLabelOverlap: boolean;
+        itemStyle: {
+            borderColor: any;
+            borderWidth: number;
+            borderRadius: number;
+            shadowBlur: number;
+            shadowColor: any;
+        };
+        label: {
+            show: boolean;
+            position?: undefined;
+            color?: undefined;
+            fontSize?: undefined;
+            formatter?: undefined;
+        } | {
+            show: boolean;
+            position: string;
+            color: string;
+            fontSize: number;
+            formatter: string;
+        } | {
+            show: boolean;
+            color: any;
+            fontSize: number;
+            formatter: string;
+            position?: undefined;
+        };
+        labelLine: {
+            lineStyle: {
+                color: any;
+            };
+        };
+        data: any;
+    }[];
+    radar?: undefined;
+    grid?: undefined;
+    xAxis?: undefined;
+    yAxis?: undefined;
+} | {
+    color: any;
+    tooltip: {
+        trigger: string;
+        backgroundColor: any;
+        borderColor: any;
+        borderWidth: number;
+        padding: number[];
+        textStyle: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        extraCssText: string;
+        axisPointer: {
+            type: string;
+            lineStyle: {
+                color: any;
+                width: number;
+                type: string;
+            };
+            label: {
+                backgroundColor: any;
+                color: string;
+                borderRadius: number;
+                padding: number[];
+            };
+        };
+    };
+    legend: {
+        show: boolean;
+        textStyle: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        icon: string;
+        itemWidth: number;
+        itemHeight: number;
+        itemGap: number;
+        top: number | undefined;
+        bottom: number | undefined;
+        type: string;
+    };
+    series: {
+        type: string;
+        left: string;
+        width: string;
+        top: number;
+        bottom: number;
+        sort: string;
+        gap: number;
+        label: {
+            color: any;
+            fontSize: number;
+            formatter: string;
+        } & ({
+            position: string;
+            color: string;
+            fontWeight: number;
+        } | {
+            position?: undefined;
+            color?: undefined;
+            fontWeight?: undefined;
+        });
+        itemStyle: {
+            borderColor: string;
+            borderWidth: number;
+            borderRadius?: undefined;
+        } | {
+            borderColor: any;
+            borderWidth: number;
+            borderRadius: number;
+        };
+        data: any;
+    }[];
+    radar?: undefined;
+    grid?: undefined;
+    xAxis?: undefined;
+    yAxis?: undefined;
+} | {
+    color: any;
+    tooltip: {
+        trigger: string;
+        backgroundColor: any;
+        borderColor: any;
+        borderWidth: number;
+        padding: number[];
+        textStyle: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        extraCssText: string;
+        axisPointer: {
+            type: string;
+            lineStyle: {
+                color: any;
+                width: number;
+                type: string;
+            };
+            label: {
+                backgroundColor: any;
+                color: string;
+                borderRadius: number;
+                padding: number[];
+            };
+        };
+    };
+    legend: {
+        show: boolean;
+        textStyle: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        icon: string;
+        itemWidth: number;
+        itemHeight: number;
+        itemGap: number;
+        top: number | undefined;
+        bottom: number | undefined;
+        type: string;
+    };
+    radar: {
+        indicator: any;
+        axisName: {
+            color: any;
+        };
+        splitLine: {
+            lineStyle: {
+                color: any;
+            };
+        };
+        splitArea: {
+            areaStyle: {
+                color: string[];
+            };
+        };
+        axisLine: {
+            lineStyle: {
+                color: any;
+            };
+        };
+    };
+    series: {
+        type: string;
+        areaStyle: {
+            opacity: number;
+        };
+        data: {
+            value: any;
+            name: any;
+        }[];
+    }[];
+    grid?: undefined;
+    xAxis?: undefined;
+    yAxis?: undefined;
+} | {
+    color: any;
+    tooltip: {
+        trigger: string;
+        backgroundColor: any;
+        borderColor: any;
+        borderWidth: number;
+        padding: number[];
+        textStyle: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        extraCssText: string;
+        axisPointer: {
+            type: string;
+            lineStyle: {
+                color: any;
+                width: number;
+                type: string;
+            };
+            label: {
+                backgroundColor: any;
+                color: string;
+                borderRadius: number;
+                padding: number[];
+            };
+        };
+    };
+    grid: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    xAxis: {
+        name: any;
+        nameTextStyle: {
+            color: any;
+        };
+        axisLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        axisLabel: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        splitLine: {
+            show: boolean;
+        };
+        type: string;
+        data: any;
+    };
+    yAxis: {
+        name: any;
+        nameTextStyle: {
+            color: any;
+        };
+        splitLine: {
+            lineStyle: {
+                color: any;
+                type: string;
+            };
+        };
+        axisLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        axisLabel: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        type: string;
+    };
+    series: {
+        type: string;
+        symbolSize: number;
+        itemStyle: {
+            color: any;
+            borderColor: any;
+            borderWidth: number;
+        };
+        data: any;
+    }[];
+    legend?: undefined;
+    radar?: undefined;
+} | {
+    color: any;
+    series: {
+        type: string;
+        min: number;
+        max: number;
+        progress: {
+            show: boolean;
+            width: number;
+            roundCap: boolean;
+            itemStyle: {
+                color: {
+                    type: string;
+                    x: number;
+                    y: number;
+                    x2: number;
+                    y2: number;
+                    colorStops: {
+                        offset: number;
+                        color: any;
+                    }[];
+                };
+            };
+        };
+        axisLine: {
+            roundCap: boolean;
+            lineStyle: {
+                width: number;
+                color: any[][];
+            };
+        };
+        axisLabel: {
+            color: any;
+            fontSize: number;
+            distance: number;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        splitLine: {
+            length: number;
+            lineStyle: {
+                color: any;
+            };
+        };
+        pointer: {
+            width: number;
+            length: string;
+            itemStyle: {
+                color: any;
+            };
+        };
+        anchor: {
+            show: boolean;
+            size: number;
+            itemStyle: {
+                color: any;
+            };
+        };
+        detail: {
+            valueAnimation: boolean;
+            color: any;
+            fontSize: number;
+            fontWeight: number;
+            offsetCenter: (string | number)[];
+        };
+        title: {
+            color: any;
+            fontSize: number;
+            offsetCenter: (string | number)[];
+        };
+        data: {
+            value: any;
+            name: any;
+        }[];
+    }[];
+    tooltip?: undefined;
+    legend?: undefined;
+    radar?: undefined;
+    grid?: undefined;
+    xAxis?: undefined;
+    yAxis?: undefined;
+} | {
+    color: any;
+    series: {
+        type: string;
+        startAngle: number;
+        endAngle: number;
+        min: number;
+        max: number;
+        radius: string;
+        pointer: {
+            show: boolean;
+        };
+        progress: {
+            show: boolean;
+            overlap: boolean;
+            roundCap: boolean;
+            clip: boolean;
+            width: number;
+            itemStyle: {
+                color: {
+                    type: string;
+                    x: number;
+                    y: number;
+                    x2: number;
+                    y2: number;
+                    colorStops: {
+                        offset: number;
+                        color: any;
+                    }[];
+                };
+            };
+        };
+        axisLine: {
+            lineStyle: {
+                width: number;
+                color: any[][];
+            };
+        };
+        splitLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        axisLabel: {
+            show: boolean;
+        };
+        anchor: {
+            show: boolean;
+        };
+        detail: {
+            valueAnimation: boolean;
+            offsetCenter: number[];
+            color: any;
+            fontSize: number;
+            fontWeight: number;
+            formatter: (v: any) => string;
+        };
+        title: {
+            show: boolean;
+        };
+        data: {
+            value: number;
+            name: any;
+        }[];
+    }[];
+    tooltip?: undefined;
+    legend?: undefined;
+    radar?: undefined;
+    grid?: undefined;
+    xAxis?: undefined;
+    yAxis?: undefined;
+} | {
+    color: any;
+    tooltip: {
+        trigger: string;
+        backgroundColor: any;
+        borderColor: any;
+        borderWidth: number;
+        padding: number[];
+        textStyle: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        extraCssText: string;
+        axisPointer: {
+            type: string;
+            lineStyle: {
+                color: any;
+                width: number;
+                type: string;
+            };
+            label: {
+                backgroundColor: any;
+                color: string;
+                borderRadius: number;
+                padding: number[];
+            };
+        };
+    };
+    legend: {
+        show: boolean;
+        textStyle: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        icon: string;
+        itemWidth: number;
+        itemHeight: number;
+        itemGap: number;
+        top: number | undefined;
+        bottom: number | undefined;
+        type: string;
+    };
+    grid: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    xAxis: {
+        axisLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        axisLabel: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        splitLine: {
+            show: boolean;
+        };
+        type: string;
+        data: any;
+        boundaryGap: boolean;
+    };
+    yAxis: any;
+    series: any;
+    radar?: undefined;
+} | {
+    color: any;
+    tooltip: {
+        trigger: string;
+        backgroundColor: any;
+        borderColor: any;
+        borderWidth: number;
+        padding: number[];
+        textStyle: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        extraCssText: string;
+        axisPointer: {
+            type: string;
+            lineStyle: {
+                color: any;
+                width: number;
+                type: string;
+            };
+            label: {
+                backgroundColor: any;
+                color: string;
+                borderRadius: number;
+                padding: number[];
+            };
+        };
+    };
+    legend: {
+        show: boolean;
+        textStyle: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        icon: string;
+        itemWidth: number;
+        itemHeight: number;
+        itemGap: number;
+        top: number | undefined;
+        bottom: number | undefined;
+        type: string;
+    };
+    grid: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    xAxis: any;
+    yAxis: {
+        axisLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        axisLabel: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        splitLine: {
+            show: boolean;
+        };
+        type: string;
+        data: any;
+    };
+    series: any;
+    radar?: undefined;
+} | {
+    color: any;
+    tooltip: {
+        trigger: string;
+        backgroundColor: any;
+        borderColor: any;
+        borderWidth: number;
+        padding: number[];
+        textStyle: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        extraCssText: string;
+        axisPointer: {
+            type: string;
+            lineStyle: {
+                color: any;
+                width: number;
+                type: string;
+            };
+            label: {
+                backgroundColor: any;
+                color: string;
+                borderRadius: number;
+                padding: number[];
+            };
+        };
+    };
+    legend: {
+        show: boolean;
+        textStyle: {
+            color: any;
+            fontSize: number;
+            fontFamily: string;
+        };
+        icon: string;
+        itemWidth: number;
+        itemHeight: number;
+        itemGap: number;
+        top: number | undefined;
+        bottom: number | undefined;
+        type: string;
+    };
+    grid: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    xAxis: {
+        axisLabel: {
+            color: any;
+            interval: string | number;
+            rotate: number;
+        };
+        axisLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        splitLine: {
+            show: boolean;
+        };
+        type: string;
+        data: any;
+    };
+    yAxis: any;
+    series: any;
+    radar?: undefined;
+};
+export { fmtNum };