文档

配置图表样式

更新时间:

本文为您介绍在数据大屏编辑页面,添加的组件的样式配置及效果展示。

调整位置和大小

您可以在配置区对组件进行如下设置:

  • 调整组件的对齐方式(①):支持左对齐、居中和右对齐等。

  • 调整组件的尺寸(②):以左上角为原点,设置X和Y轴的值,调整位置。

  • 调整组件的角度(③):设置旋转角度的值。

  • 调整组件的大小(④):设置W和H的值,调整组件的宽度和高度。

  • 锁定组件(⑤):锁定组件后,无法调整组件的大小。

  • 调整透明度(⑥):设置组件的透明度。

样式设置

动画效果

  • 翻牌动画效果展示。

    您可以在动画效果区域,进行如下操作:Untitled.gif

  • 滚动和流光效果展示。

    • 开启纵向滚动:设置排行榜纵向滚动的行数以及滚动的时间间隔(①、②)。

    • 开启行标题横向滚动:设置行标题横向滚动的速度以及滚动间距(③)。

    • 开启占比条流光效果:设置占比条流光效果的颜色以及时长(④)。

    • 开启分隔线流光效果:设置分隔线流光效果的颜色以及时长(⑤)。

    动画配置项

    流光效果展示如下。动态效果

  • 自动翻页效果

    支持设置翻页的间隔时间。动画效果

设置条件格式

您可以在条件格式区域,设置排行榜度量的条件格式,说明如下:

  • 请选择系列:添加到指标/度量区域的度量项均可选择。

  • 快捷样式:从指定的样式中,设置标记图标和字体显示颜色。

  • 自定义样式:自定义文本和图标样式,并设置标记图标、范围值和字体显示颜色等。

  • 同步样式到:同步当前的条件格式到其他度量指标中。

条件格式

设置数据标签

  • 您可以在数据标签区域,设置数据标签。

    以饼图为例:

    • 调整组件的显示数据:您可以设置维值、度量以及占比中的一个或者多个数据显示在扇形区域。

    • 调整组件的占比小数位数:您可以设置小数位数为0、1、2。

    • 调整组件显示数据的排列方式:支持左右排列和上下排列。

    • 调整组件显示数据的对齐方式:当数据标签的排列方式为上下排列时,支持设置显示数据的对齐方式为居中、居左和居右。

    • 调整组件显示数据的文本样式:您可以设置组件显示数据文本的颜色、字体大小、加粗或者倾斜。

    数据标签

  • 支持设置进度条占比的小数位、文本和位置、当前值、目标值的展示名称和排列方式等。

    下面以环形进度条为例。数据标签

设置点击事件

您可以在点击事件区域,设置链接跳转。支持三种类型:点击切换叠加图层点击弹出图层点击跳转页面

说明

按钮、下拉列表、平铺按钮、视频、内嵌页面组件不支持点击事件页面跳转。

  • 点击切换叠加图层

    将图层与可切换的对象(开启了图层叠加的图层组)放置在同一层级的图层中,可以在下拉框中为当前图层关联点击切换的图层。

    点击1

  • 点击弹出图层

    在下拉框中选择点击图层后弹出的对象,弹出对象必须是图层根节点上的图层或图层组。

    点击2

  • 点击跳转页面

    支持内部页面和外部页面的跳转,若切换外部页面跳转方式,需要输入外部链接以及选择打开方式,包括弹窗、新窗口、当前窗口三种方式。

    说明

    图层组不支持跳转到外部链接。

    点击3

    当打开方式设置为弹窗时,可以设置弹窗形式默认尺寸弹窗标题页面遮罩

    image.png

    说明
    • 当弹窗形式为居中弹窗时,弹窗标题支持设置展示或不展示,其他弹窗形式默认展示弹窗标题,不支持设置为不展示。image.png

    • 仅左侧抽屉、右侧抽屉、下边抽屉支持设置页面遮罩是否展示,不展示遮罩时,可以点击切换维值。

    • 默认尺寸支持设置按百分比或按精确像素。

      image.png

    弹窗打开时您还可以通过鼠标拖拽窗口大小显示位置

系列设置

您可以在系列设置区对组件进行如下设置:

  • 请选择系列:根据业务场景选择维度或度量项。

  • 显示数据标签:设置是否显示数据标签以及数据标签的文本颜色、大小等。

  • 同步样式到:同步当前的条件格式到其他度量指标中。

系列设置

设置图例

您可以在图例区对组件进行如下设置:

  • 显示图例:设置是否显示图例。

  • 位置:设置显示图例时,您可以设置图例的位置。

  • 文本:设置显示图例时,您可以设置图例文本的大小、颜色等。

图例

  • 本页导读 (0)
文档反馈