页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。


目录

问题描述

在横条图组件模板资源中,有以下动态横条图组件模板。该组件模板可以随着筛选器自动切换而切换横条图的数据。那么该组件模板复制到自己的大屏之后,该如何切换数据呢?在横条图组件模板资源中,有以下动态横条图组件模板。该组件模板的数据会动态变化。那么这个组件模板复制到自己的大屏可视化/自助仪表盘后该如何切换数据呢?

Image Added

解决方法

请按照如下步骤操作:

1、将“动态横条图”组合 1、将“动态横条图” 从 “横条图”组件模板资源中复制到自己的大屏可视化/自助仪表盘中

Image Added


2、选中组合中下方的筛选器组件,在筛选器上的组件菜单上,选择“应用于组件”,勾选“动态横条图”。2、该组件模板的数据模型需要有3个字段。

(1)行区字段

这一步是因为在组件模板中,是通过筛选器来筛选横条图的数据的。而组件模板复制过来时,筛选器与横条图的关系无法一起复制过来,因此在这一步骤中将筛选器与横条图关联上Image Added

3、鼠标选中组合中上方的横条图,切换好横条图自身的数据(2)列区字段

Image Added

切换数据后

4、接下来,将左侧数据中,要作为筛选器的字段,拖放到横条图筛选区域的“订单年季(订单日期时间维)”上。通过这种方式,覆盖掉筛选器的数据字段。如下动图

5、接下来保存大屏可视化/自助仪表盘,然后打开大屏可视化/自助仪表盘进行浏览,即可看到切换数据之后的动态效果

注意事项

1、该组件模板的动态效果在“编辑”状态时,是不生效的。需要打开资源进行浏览或者预览方生效

2、由于筛选器是使用宏代码修改了样式的,因此并不支持筛选器备选值过多的情况。若筛选器备选值过多,则超过组件模板宽度的部分备选值会无法显示在界面上。

3、此组件模板,不支持多个字段筛选的场景。只允许横条图的“筛选”区域中放置一个字段。

若是需要支持横条图存在多个筛选字段的场景,可通过定制服务的方式实现。(3)横条图的数据是动态变化的,是将字段放在“标记”区的“颜色”中,并且通过宏代码来一个一个切换颜色字段的值,从而影响类目轴和指标轴的数据。类似于自动切换筛选器的值的效果。因此,也需要一个字段,用于控制数据变化。

Image Added


3、按照上述的要求准备好数据模型,选中横条图后,切换成准备好的数据模型。

Image Added


4、将对应的字段分别拖到“行”区、“列”区和“颜色”上即可

Image Added


注意事项

暂无