页面树结构

版本比较

标识

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

...

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

解决方案:

...

一、在自助仪表盘中实现

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

...

预览效果如下图,注意编辑界面是不做定时刷新的,所以只是在报表展示的时候生效:

Image Modified


如果需要去掉正在加载图标,需写宏代码实现,可参考wiki文档:【内部】仪表盘隐藏加载图标(已合并)“正在加载”图标汇总


注:使用上述方式可能存在日期动态变化时跳秒的场景,若出现跳秒的场景可以通过如下方案进行规避:
注:宏代码实现的实时刷新,如果需要修改文字样式,需要在代码中进行修改

...

     实现效果视频:

     实现效果.mov1.2在电子表格中实现


   如果需要在宏代码中指定字体大小,可添加此行代码在如下图位置:

   dom.style.fontSize = '40px'; // 添加这一行 指定字体大小

  Image Added


二、在电子表格中实现

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

...

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

      Image Modified

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

...

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

      Image RemovedImage Added

        调整相关的位置:

...

        预览效果:

      

      

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

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

     Image RemovedImage Added

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

...

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

    

    复制此字段:

    Image RemovedImage Added

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

...