页面树结构
转至元数据结尾
转至元数据起始

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

« 前一个 版本 5 下一个 »

(本文档仅供参考)

问题说明:

如何在大屏中实现年月日时分秒动态变化的效果

解决方案:

1.1在自助仪表盘中实现

自助仪表盘实现年月日时分秒动态变化的效果可以参考下面步骤实现:

其中自助仪表盘是可以对单个组件设置定时刷新的,不会影响其他的组件,很友好。

步骤一:在自助仪表盘中插入一个文本组件,然后插入系统时间

步骤二:可以对字段设置样式,如居中,字体大小,颜色等等

步骤三:对组件设置定时刷新


预览效果如下图:



注:使用上述方式可能存在日期动态变化时跳秒的场景,若出现跳秒的场景可以通过如下方案进行规避:

       可按如下步骤实现:

        步骤1:使用文本组件,在文本组件中使用如下图设置:

        

         步骤2:对组件进行宏管理:

       

         步骤3:新建宏模块:

       

        步骤4:将附件的宏代码复制上去即可

        

     宏代码资源:

     

     参考的示例资源:

    migrate 自助仪表盘-宏实现时间更新.xml

     实现效果视频:

     实现效果.mov


1.2在电子表格中实现

     1.2.1 方式一:使用url链接把单独的动态日期变化表引入到大屏中展示(推荐)

      推荐使用此方式,此方式实现后不管后续需要在哪个大屏上直接使用url链接此部分进去做展示即可

      第一步:新建一个电子表格,按下面的步骤操作:

      

       对此单元格设置单元格格式,yyyy/m/d h:mm:ss 如下图:

      

      第二步:发布后对次报表添加宏代码如下:

      


      

      

       其中服务端的宏是参考了文档中的宏: 

       https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=52626205 

       客户端的宏是参考了此文档中的宏:

       https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=52626188

       

      第三步:在大屏中使用url控件把此报表单独引入,如下操作:

      

        调整相关的位置:

      


        预览效果:

      

      

     1.2.2 方式二:使用照相机放到大屏中展示

     在大屏中的某一个sheet页使用now函数插入日期,如下图:

     

      然后对此单元格设置单元格格式,yyyy/m/d h:mm:ss 如下图:

     


     如果有需要可以对此设置样式,如加粗,改颜色,把字体设置大一些等等

    

    复制此字段:

    

    使用照相机的形式粘贴到这里,然后移动到对应的位置:

   

   移动到这里调整位置:

   

   预览效果如下图:

   


   按上述步骤之后发布,是看到对应的时间了,但是时间是没有变化的,需要添加宏代码对报表设置定时刷新,通过浏览器渲染改变时间,添加宏代码如下:

   

  

  其中服务端的宏是参考了文档中的宏: 

  https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=52626205 

  客户端的宏是参考了此文档中的宏:

  https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=52626188

  但是使用上面的方式会出现报表频繁刷新的问题,即会刷新整个报表,并不是只针对于日期这部分单独刷新,所以效果不太友好,所以推荐使用方式一。

  • 无标签