反馈已提交

网络繁忙

图表组件样式

  • 文档创建者:doreen0813
  • 编辑次数:40次
  • 最近更新:Wendy123456 于 2021-09-10
  • 1. 概述

    1.1 版本

    版本号
    功能变动
    5.1-
    5.1.8标题设置入口变动
    5.1.11调整设置「标题是否显示」入口
    5.1.14
    • 图例下新增「显示图例」选项,决定是否显示该图形属性对应的图例

    • 图例下新增「标题」选项,决定图例标题是否显示

    • 在颜色、大小中拖入字段后,可通过修改字段名称来修改图例标题

    5.1.16

    图例下的「显示图例」选项,优化为「显示全部图例」,勾选后,默认显示全部图例

    1.2 应用场景

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

    1.3 功能简介

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

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

    6.png

    2. 标题

    与表格设置标题一致,详情参见:组件标题

    3. 图例

    生成图例要求:在 图表属性 中的颜色、大小、形状、热力色、半径中添加字段,则可生成对应图例。

    图例设置如下图所示:

    3.png

    3.1 显示全部图例

    用户制作某一图表时,拖入了多个字段至图形属性中,此时每一个字段都会显示图例。若勾选「显示全部图例」,则会显示所有图例。如下图所示:

    4.png

    3.2 显示部分图例

    取消勾选「显示全部图例」,用户可根据实际需要勾选要显示的图例。如下图所示:

    注:若「显示全部图例」下没有勾选任何图形属性,则不会显示图例。

    6.png

    3.3 标题

    只有一个图例时,图例代表的意思已经很清晰明了,不希望显示图例标题,此时可取消勾选「标题」后的显示按钮。如下图所示:

    注:在颜色、大小、形状等拖入字段后,5.1.14 及之后版本支持通过修改字段名称来修改图例标题。

    7.png

    3.4 字体

    用户可以选择系统「自动」的字体设置,也可以对字体的大小,粗细等进行「自定义」。自定义图例字体后,效果如下图所示:

    8.png

    3.5 边框

    边框默认情况下为「透明」,用户可以设置图例边框的颜色,如下图所示:

    9.png

    3.6 位置

    用户可以自定义图例显示的位置,如下图所示:

    2.gif

    3.7 图例顺序

    图例的顺序与字段的排序一致,用户可以根据自己的排序需求进行排序。

    1)例如想要将本示例中的图例顺序进行调整,就可以对图例字段「统计日期」按「浏览量」进行排序。点击「下拉>降序>浏览量」,如下图所示:

    1605858972201031.png

    排序后图例顺序跟着改变,如下图所示:

    3.8 其他说明

    5.1.14 及之后版本,对图例的相关设置项进行设置后,若切换图表类型,之前设置的图例是否保留如下所示:

    1)原先图表是自定义图表:

    • 「图形属性」下切换图表类型,图例配置保留。

    • 在「图形属性」上方「图表类型」处切换图表类型,图例配置不保留。

    2)原先图表是非自定义图表:

    • 「图形属性」下切换自定义图表,图例配置保留。

    • 在「图形属性」上方「图表类型」处切换其他非自定义图表,图例配置不保留。

    4. 轴线

    轴线指的是分区线及坐标轴线。

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

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

    7.png

    5. 横向网格线

    网格线是帮助用户易于查看数据的辅助线条,是坐标轴上刻度线的延伸。当纵轴是指标时,图表可以设置横向网格线。

    同「轴线」设置,横向网格线可以设置是否显示、线型、线宽和颜色,如下图所示:

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

    8.png

    6. 纵向网格线

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

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

    7. 背景

    用户可以对「标题背景」和「组件背景」进行替换,用户可以选择「颜色」(可选择透明)或上传组件的背景「图片」。

    例如,设置标题颜色为黄色,设置组件背景为图片,效果如下图所示:

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

    若组件为地图组件,则「组件背景」除了可以设置颜色和上传背景外,还可以选择是否进行 GIS 背景设置(可选择的内置 GIS 背景有 9 种),如下图所示:

    注: GIS 背景详情参见文档:GIS背景

    1616047902899585.gif

    8. 自适应显示

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

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

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

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

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

    1616048041893596.gif

    9. 交互属性

    交互属性可以设置组件联动、跳转是否传递明细过滤条件。

    10.png

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

    附件列表


    主题: 构建图表和分析数据
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

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

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

    不再提示

    10s后关闭