datav大屏数据看板-轮播页面组件使用

一、需求或场景

    一块屏幕上需要展示多个页面,可以是相同页面不同数据,也可以是不同页面。

二、准备工作

    1、按业务需求创建数据展示大屏。

            数据展示大屏就是你需要展示业务数据看板的大屏。

    2、创建轮播大屏。

            轮播大屏上放两个组件,一个时间轴组件,一个轮播页面组件。


三、参数设置

    1、时间轴,

         需要隐藏掉的可以自己设置参数

        设置时间轴数据接口:    

        简单,不多说,时间轴数据可以是接口返回也可以是动态数据。时间轴上各节点就是数据项里面设置的,一般是将业务id设置进来。

        时间轴交互:    

        重点


            请看两个图片:上面图片是“数据接口”配置界面,下面图片是“交互”配置界面,

               解释一下:

        “ 数据接口”配置里面的字段是你需要设置或接口返回的数据格式,比如[  {     "value": 0   },   {     "value": 1   },   {     "value": 2   } ],这里返回的value值必须与轮播页面数据接口返回的id值一致

                “交互”配置界面就是设置与其他组件交互的字段,其他组件可以获取到交互字段的数据,这里配置的“字段”必须是数据配置项里面的字段存在的,“绑定到变量”就是设置一个别名,其他组件可以使用这个别名。

    2、轮播页面

            同样先设置数据接口,请看图片,字段“id”和“url”必填,serieName没有也没事。这里返回的id值必须与时间轴组件数据接口返回的value值一致.


            再往下看,请看图片,回调接口设置,写一个回调接口,参数可以取时间轴组件设置交互的时候设置的别名,接口再返回请求过来的参数值,相当于返回的就是一个轮播页面的id。


这样再时间轴的动态效果下,会动态的将时间轴事件节点上的数据“value”值传递给轮播页面的回调接口,回调接口获取到之后,返回接口数据id值,轮播页面就会按照回调接口返回的id,自动切换需要播放的页面。

以上基本解决了轮播页面的需求,各位大佬有什么疑问或建议请留言或打赏,或者有datav其他问题的也可以找我,一起探讨、一起学习、一起进步。

你可能感兴趣的:(datav大屏数据看板-轮播页面组件使用)