yuang-framework-ui-pc/lib/utils/chart-theme.d.ts

yuang-framework-ui-pc Library

/** echarts 主题 */
export declare const ChartTheme: {
    color: string[];
    backgroundColor: string;
    textStyle: {};
    title: {
        textStyle: {
            color: string;
        };
        subtextStyle: {
            color: string;
        };
    };
    line: {
        itemStyle: {
            borderWidth: number;
        };
        lineStyle: {
            width: string;
        };
        symbolSize: number;
        symbol: string;
        smooth: boolean;
    };
    radar: {
        itemStyle: {
            borderWidth: number;
        };
        lineStyle: {
            width: string;
        };
        symbolSize: number;
        symbol: string;
        smooth: boolean;
    };
    bar: {
        barCategoryGap: string;
        itemStyle: {
            barBorderWidth: string;
            barBorderColor: string;
        };
    };
    pie: {
        itemStyle: {
            borderWidth: string;
            borderColor: string;
        };
    };
    scatter: {
        itemStyle: {
            borderWidth: string;
            borderColor: string;
        };
    };
    boxplot: {
        itemStyle: {
            borderWidth: string;
            borderColor: string;
        };
    };
    parallel: {
        itemStyle: {
            borderWidth: string;
            borderColor: string;
        };
    };
    sankey: {
        itemStyle: {
            borderWidth: string;
            borderColor: string;
        };
    };
    funnel: {
        itemStyle: {
            borderWidth: string;
            borderColor: string;
        };
    };
    gauge: {
        itemStyle: {
            borderWidth: string;
            borderColor: string;
        };
    };
    candlestick: {
        itemStyle: {
            color: string;
            color0: string;
            borderColor: string;
            borderColor0: string;
            borderWidth: number;
        };
    };
    graph: {
        itemStyle: {
            borderWidth: string;
            borderColor: string;
        };
        lineStyle: {
            width: number;
            color: string;
        };
        symbolSize: number;
        symbol: string;
        smooth: boolean;
        color: string[];
        label: {
            color: string;
        };
    };
    map: {
        itemStyle: {
            areaColor: string;
            borderColor: string;
            borderWidth: number;
        };
        label: {
            color: string;
            textBorderColor: string;
            textBorderWidth: number;
        };
        emphasis: {
            itemStyle: {
                areaColor: string;
                borderColor: string;
                borderWidth: number;
            };
            label: {
                color: string;
            };
        };
    };
    geo: {
        itemStyle: {
            areaColor: string;
            borderColor: string;
            borderWidth: number;
        };
        label: {
            color: string;
            textBorderColor: string;
            textBorderWidth: number;
        };
        emphasis: {
            itemStyle: {
                areaColor: string;
                borderColor: string;
                borderWidth: number;
            };
            label: {
                color: string;
            };
        };
    };
    grid: {
        top: number;
        right: number;
        left: number;
        bottom: number;
    };
    categoryAxis: {
        axisLine: {
            show: boolean;
            lineStyle: {
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                color: string;
            };
            alignWithLabel: boolean;
        };
        axisLabel: {
            show: boolean;
            color: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string[];
            };
        };
        splitArea: {
            show: boolean;
            areaStyle: {
                color: string[];
            };
        };
    };
    valueAxis: {
        axisLine: {
            show: boolean;
            lineStyle: {
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                color: string;
            };
        };
        axisLabel: {
            show: boolean;
            color: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                type: string;
                color: string[];
            };
        };
        splitArea: {
            show: boolean;
            areaStyle: {
                color: string[];
            };
        };
    };
    logAxis: {
        axisLine: {
            show: boolean;
            lineStyle: {
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                color: string;
            };
        };
        axisLabel: {
            show: boolean;
            color: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                color: string[];
            };
        };
        splitArea: {
            show: boolean;
            areaStyle: {
                color: string[];
            };
        };
    };
    timeAxis: {
        axisLine: {
            show: boolean;
            lineStyle: {
                color: string;
            };
        };
        axisTick: {
            show: boolean;
            lineStyle: {
                color: string;
            };
        };
        axisLabel: {
            show: boolean;
            color: string;
        };
        splitLine: {
            show: boolean;
            lineStyle: {
                color: string[];
            };
        };
        splitArea: {
            show: boolean;
            areaStyle: {
                color: string[];
            };
        };
    };
    toolbox: {
        iconStyle: {
            borderColor: string;
        };
        emphasis: {
            iconStyle: {
                borderColor: string;
            };
        };
    };
    legend: {
        inactiveColor: string;
        inactiveBorderColor: string;
        textStyle: {
            color: string;
            lineHeight: number;
        };
    };
    tooltip: {
        axisPointer: {
            lineStyle: {
                color: string;
                width: string;
            };
            crossStyle: {
                color: string;
                width: string;
            };
        };
    };
    timeline: {
        lineStyle: {
            color: string;
            width: string;
        };
        itemStyle: {
            color: string;
            borderWidth: string;
        };
        controlStyle: {
            color: string;
            borderColor: string;
            borderWidth: string;
        };
        checkpointStyle: {
            color: string;
            borderColor: string;
        };
        label: {
            color: string;
        };
        emphasis: {
            itemStyle: {
                color: string;
            };
            controlStyle: {
                color: string;
                borderColor: string;
                borderWidth: string;
            };
            label: {
                color: string;
            };
        };
    };
    visualMap: {
        itemHeight: number;
        itemWidth: number;
        color: string[];
        textStyle: {
            color: string;
        };
    };
    dataZoom: {
        handleSize: string;
        textStyle: {
            color: string;
        };
    };
    markPoint: {
        label: {
            color: string;
        };
    };
};