图表组件样式

编辑
  • 文档创建者:doreen0813
  • 浏览次数:3500次
  • 编辑次数:13次
  • 最近更新:doreen0813 于 2018-12-13
  • 1、描述

    图表组件样式在线视频学习请查看【图表样式】

    图表的组件样式包括标题、图例、轴线、横向网格线、纵向网格线、背景的设置,通过这些设置可以调整图表的显示样式。


    注:如果浏览器设置了最小字体,而仪表板图表中设置的最小字体小于浏览器的最小字体,那么以浏览器为准,比如说chrome浏览器的最小字体为12号,图表设置的字体大小为10号,在chrome下查看图表时,图表字体显示为12号,而非10号,故此时需要修改浏览器字体大小。  

    2、标题

    标题设置包含了是否显示标题、标题内容和标题字体样式的设置。


    默认组件标题为勾选显示,若不想显示,去掉勾选即可;


    2.1 内容

    在标题的内容框可以修改标题文字和字体样式。如下图,点击内容框右下角的按钮对标题进行详细设置,包含加粗、斜体、加下划线等样式。



    标题中支持显示动态标题,即在标题栏的右上角按钮选择当前仪表板已添加的字段到标题中后,点击对应组件的对应字段,该标题将动态显示字段值。

    同时标题支持针对不同部分的字体进行单独设置颜色、大小等属性,如下图:


    2.2 背景

    背景为设置组件标题背景的地方,支持设置颜色和上传图片作为标题背景。


    3、图例

    在图形属性的颜色、大小和形状栏中拖入字段以后,图表中的图例会自动生成,且每个字段对应一个图例,如下图:


    不同的图表类型可设置的图例不同,柱形图可设置颜色和大小图例,点图可设置颜色、大小、形状图例,热力点可设置热力色、大小图例,线形图可设置颜色大小图例,面积图仅能设置颜色图例,矩形块图能设置颜色和大小图例,饼图能设置颜色和半径(即大小)图例,文本图能设置颜色和大小图例,填充地图仅能设置颜色图例,漏斗图能设置颜色和大小图例,仪表盘图能设置颜色和大小图例。

    除了设置图例字段外,在组件样式中的图例下,可对图例显示进行详细设置,包括是否显示图例、图例中字体的设置、图例的边框及位置。


    3.1 图例设置
    字体

    其中字体支持自动和自定义两种,自定义可修改显示字体的格式、大小、加粗都属性。


    位置

    默认图例的位置都为右方,可点击切换成上、下、左;


    边框

    图例边框可设置透明、默认或指定的颜色。


    3.2 注意事项

    问题现象:

    在Linux系统中因为没有默认安装微软雅黑字体,因此5.0版本在图例中显示时可能出现如下,内容显示不全的现象;

    问题系统:Linux;

    问题版本:FineBI5.0;

    解决方案:

    此时可以通过在Linux系统中安装微软雅黑字体来解决该问题。安装过程可参考Linux安装微软雅黑字体

    4、轴线

    轴线指的是分区线及坐标轴线,在组件样式下可选择是否显示及显示的样式。


    轴线显示与显示的效果如下图所示:



    轴线可设置的样式为线型、线宽大小和颜色,线型包括实线和虚线,根据需要进行切换设置即可。


    5、横向网格线

    横向网格线与轴线类似,可设置是否显示及显示的线样式,显示样式可设置线型、线宽大小和颜色。


    6、纵向网格线

    纵向网格线也与轴线类似,可设置是否显示及显示的线样式,显示样式可设置线型、线宽大小和颜色。


    7、背景

    组件样式下的背景栏设置的为该组件的背景,可选择颜色和上传图片,如下图:


    若为地图形式展示,则可进行gis背景设置,可以选择FineBI内置的各种gis背景,也可不使用gis背景。如下图:


    8、自适应显示

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


    标准适应为FineBI根据组件图表的最佳视觉比例的展示效果,可拖拽调整横纵方向轴区间大小;

    宽度适应为图表在宽度方向(即横向)填充整个图表预览区域,纵向采取最佳比例,因此纵向可能出现滚动条,宽度适应时不可调整横轴的轴区间宽度;

    高度适应为图表在高度方向(即纵向)填充整个图表预览区域,横向采取最佳比例,因此横向可能出现滚动条,高度适应时不可调整纵轴的轴区间高度;

    整体适应为图形全部展示在图表区内,横向和纵向都填充满整个图表预览区域,不会出现滚动条,仅可调整横轴的轴区间高度和纵轴的轴区间宽度。可根据需要选择对应的组件自适应显示方式。



    图表组件样式在线视频学习请查看【图表样式】


    附件列表


    主题: 数据可视化
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]