嵌入式分析 SDK API
    正在准备搜索索引...

    类型别名 MetabaseComponentTheme

    用于自定义特定 Metabase 组件和可视化的主题选项。

    type MetabaseComponentTheme = {
        cartesian: {
            goalLine: { label: { fontSize: string } };
            label: { fontSize: string };
            padding?: string;
            splitLine: { lineStyle: { color: string } };
        };
        collectionBrowser: {
            breadcrumbs: {
                expandButton: {
                    backgroundColor: {};
                    hoverBackgroundColor: {};
                    hoverTextColor: {};
                    textColor: {};
                };
            };
            emptyContent: {
                icon: {
                    height: CSSProperties["width"];
                    width: CSSProperties["width"];
                };
                subtitle: { fontSize: CSSProperties["fontSize"] };
                title: { fontSize: CSSProperties["fontSize"] };
            };
        };
        dashboard: {
            backgroundColor: string;
            card: { backgroundColor: string; border?: string };
            gridBorderColor?: string;
        };
        number?: {
            value?: { fontSize?: CSSProperties["fontSize"]; lineHeight?: string };
        };
        pivotTable: {
            cell: { fontSize: string };
            rowToggle: { backgroundColor: string; textColor: string };
        };
        popover: { zIndex?: number };
        question: {
            backgroundColor: string;
            toolbar?: { backgroundColor?: string };
        };
        table: {
            cell: { backgroundColor?: string; fontSize: string; textColor: string };
            idColumn?: { backgroundColor?: string; textColor: string };
            stickyBackgroundColor?: string;
        };
        tooltip?: {
            backgroundColor?: string;
            focusedBackgroundColor?: string;
            secondaryTextColor?: string;
            textColor?: string;
        };
    }
    索引

    属性

    cartesian collectionBrowser dashboard number? pivotTable popover question table tooltip?

    属性

    cartesian: {
        goalLine: { label: { fontSize: string } };
        label: { fontSize: string };
        padding?: string;
        splitLine: { lineStyle: { color: string } };
    }

    笛卡尔图

    类型声明

    • goalLine: { label: { fontSize: string } }
      • label: { fontSize: string }
        • fontSize: string

          目标线标签的字体大小

    • label: { fontSize: string }
      • fontSize: string

        用于笛卡尔图中的标签，例如轴刻度线和系列。

    • 可选padding?: string

      图表周围的填充。

    • splitLine: { lineStyle: { color: string } }
    collectionBrowser: {
        breadcrumbs: {
            expandButton: {
                backgroundColor: {};
                hoverBackgroundColor: {};
                hoverTextColor: {};
                textColor: {};
            };
        };
        emptyContent: {
            icon: { height: CSSProperties["width"]; width: CSSProperties["width"] };
            subtitle: { fontSize: CSSProperties["fontSize"] };
            title: { fontSize: CSSProperties["fontSize"] };
        };
    }
    dashboard: {
        backgroundColor: string;
        card: { backgroundColor: string; border?: string };
        gridBorderColor?: string;
    }

    类型声明

    • backgroundColor: string
    • card: { backgroundColor: string; border?: string }
      • backgroundColor: string
      • 可选border?: string

        设置后，为仪表板卡片添加自定义边框。值与 CSS 中的 border 属性相同，例如 "1px solid #ff0000"。这将替换卡片的阴影。

    • 可选gridBorderColor?: string

      仪表板网格的边框颜色，仅在编辑仪表板时显示。默认为 colors.border

    number?: {
        value?: { fontSize?: CSSProperties["fontSize"]; lineHeight?: string };
    }

    数字图

    类型声明

    • 可选value?: { fontSize?: CSSProperties["fontSize"]; lineHeight?: string }

      数字图表上显示的值。这也适用于趋势图中的主要值。

    pivotTable: {
        cell: { fontSize: string };
        rowToggle: { backgroundColor: string; textColor: string };
    }

    透视表 *

    类型声明

    • cell: { fontSize: string }
      • fontSize: string

        单元格值的字体大小，默认为约 12px

    • rowToggle: { backgroundColor: string; textColor: string }

      用于切换透视表行的按钮

    popover: { zIndex?: number }

    弹出框

    类型声明

    • 可选zIndex?: number

      叠加层的 z-index。对于在模态框中嵌入组件很有用。默认为 200。

    question: { backgroundColor: string; toolbar?: { backgroundColor?: string } }

    类型声明

    • backgroundColor: string

      所有问题的背景颜色

    • 可选toolbar?: { backgroundColor?: string }

      默认交互式问题布局的工具栏

    table: {
        cell: { backgroundColor?: string; fontSize: string; textColor: string };
        idColumn?: { backgroundColor?: string; textColor: string };
        stickyBackgroundColor?: string;
    }

    数据表 *

    类型声明

    • cell: { backgroundColor?: string; fontSize: string; textColor: string }
      • 可选backgroundColor?: string

        单元格的默认背景颜色，默认为 background

      • fontSize: string

        单元格值的字体大小，默认为约 12.5px

      • textColor: string

        单元格的文本颜色，默认为 text-primary。

    • 可选idColumn?: { backgroundColor?: string; textColor: string }
      • 可选backgroundColor?: string

        ID 列的背景颜色，默认为 lighten(brand)

      • textColor: string

        ID 列的文本颜色，默认为 brand。

    • 可选stickyBackgroundColor?: string

      表格标题的背景颜色，滚动时固定。如果没有设置单元格背景颜色，则默认为 white

    tooltip?: {
        backgroundColor?: string;
        focusedBackgroundColor?: string;
        secondaryTextColor?: string;
        textColor?: string;
    }

    工具提示

    类型声明

    • 可选backgroundColor?: string

      工具提示背景颜色。

    • 可选focusedBackgroundColor?: string

      聚焦行工具提示的背景颜色。

    • 可选secondaryTextColor?: string

      工具提示中显示的次要文本颜色，例如用于工具提示标题和百分比变化。

    • 可选textColor?: string

      工具提示文本颜色。

    设置

    本页内容

    属性
    © . This site is unofficial and not affiliated with Metabase, Inc.