反馈已提交

网络繁忙

您正在浏览的是 FineBI6.1 帮助文档,点击跳转至: FineBI5.1帮助文档

图形组件样式

  • 文档创建者:doreen0813
  • 历史版本:53
  • 最近更新:Lily.Wang 于 2024-12-16
  • 1. 概述

    1.1 版本

    FineBI 版本
    功能变动
    6.0-
    6.0.15

    1)新增分区线、组件内边距设置;

    2)横向纵向网格线设置入口变化,支持一键取消网格线

    6.1.4
    支持设置是否合并九段线

    1.2 应用场景

    用户可以通过调整图形组件的组件样式,对组件进行一些美化,改变组件的风格。

    1.3 功能简介

    图形组件可设置轴线、横向网格线、纵向网格线、图例、标题是否显示、背景、自适应显示、交互属性设置样式,如下图所示:

    注:右侧的显示勾选框可设置对应样式在组件中是否显示。

    2023-11-20_17-22-26.png

    2. 网格线

    网格线是帮助用户易于查看数据的辅助线条,是坐标轴上刻度线的延伸。「取消勾选」网格线,可不显示。如下图所示:

    2023-11-28_13-51-35.png

    2.1 横向网格线

    当纵轴是指标时,图表可以设置横向网格线。横向网格线可以设置是否显示、线型、线宽和颜色,如下图所示:

    注:取消勾选「显示」按钮,则隐藏横向网格线。

    2023-11-28_13-57-36.png

    2.2 纵向网格线

    纵向网格线与横轴网格线类似,只有当图表的横轴为指标字段时,纵轴网格线才会出现。纵向网格线也可对线型、线宽、颜色进行设置,设置方法同横向网格线。如下图所示:

    注:取消勾选「显示」按钮,则隐藏纵向网格线。

    2023-11-28_13-58-56.png

    3. 轴线

    轴线指的是坐标轴线。

    用户可自定义选择轴线的线型(虚线或实线)、线宽、和线的颜色,如下图所示:

    注:取消勾选轴线的「显示」按钮,则隐藏轴线。

    2023-11-28_14-00-13.png

    4. 分区线

    分区图,可设置分区线。用户可自定义选择轴线的线型(虚线或实线)、线宽、和线的颜色,如下图所示:

    注:取消勾选轴线的「显示」按钮,则隐藏轴线。

    2023-11-28_14-04-23.png

    5. 图例

    详情请参见:图表图例

    注:6.0.15及之后版本,图例默认显示在下方。

    6. 背景

    6.1 普通组件

    用户可以对「标题背景」和「组件背景」进行替换,用户可以选择「颜色」(可选择透明)或选择「组件样式」(可选择自定义图片或内置样式)。

    例如,设置标题颜色为黄色,设置组件背景为科幻大屏样式,效果如下图所示:

    注:上传的背景图片的大小和像素没有要求。

    5.png

    组件背景设置「颜色」,还可以设置组件边框。如下图所示:

    6.2 地图组件

    若组件为地图组件,则「组件背景」除了可以设置颜色和上传背景外,还可以设置九段线和 GIS 背景。

    1) GIS 背景设置:

    • 标准:内置 8 种 GIS 背景样式

    • 自定义:支持用户选择自定义的 GIS 背景,详情参见文档:GIS背景

    • 不勾选 GIS:直接使用「组件背景颜色」作为地图背景,组件背景颜色支持设置为透明

    2)不勾选「GIS」以颜色做背景,可以设置是否「合并九段线」,改变九段线的显示位置。效果如下图所示:

    注:仅区域地图和自定义填充地图支持设置「合并九段线」

    7. 自适应显示

    自适应显示为设置组件中图表自适应方式的地方,包含四种自适应方式:标准适应、整体适应、宽度适应和高度适应,默认为标准适应。如下图所示:

    • 标准适应:FineBI 按照视觉最佳比例设置的默认效果。

    • 整体适应:图表的所有区域在预览图中全部展示,横向和纵向都没有滚动条。

    • 宽度适应:图表的宽度方向(即横向)在图表预览区域全部展示,纵向采取最佳比例,因此纵向可能出现滚动条。

    • 高度适应:图表的高度方向(即纵向)在图表预览区域全部展示,横向采取最佳比例,因此横向可能出现滚动条。

    7.png

    8. 组件内边距

    FineBI 6.0.15及之后的版本支持设置组件内边距。对于组件,如指标卡等有特殊需求的组件,可以分别调整组件上下左右的内边距大小。

    2024-05-23_15-27-02.png

    组件内边距调整为0 ,则组件无内边距,效果如下图所示:

    2024-05-23_15-28-25.png

    点击上锁后,可以同时调整上下或者左右的组件内边距。如下图所示:

    2023-11-20_17-42-31.gif


    9. 交互属性

    交互属性可以设置组件联动、跳转是否传递指标条件。

    1.jpg

    图形组件的交互属性与表格一致,详细请参见:交互属性

    附件列表


    主题: 制作可视化组件
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持