zoukankan      html  css  js  c++  java
  • 多页仪表板的切换方式设置

    在设计仪表板时,如果一个仪表板Dashboard中展示的图表很多,可以将仪表板设置成多页。
    多页仪表板允许用户可以在查看仪表板时,可以通过4种方式查看:

    1.手动点击页标签或导航条切换
    2.定时自动切换
    3.点击富文本跳转
    4.点击图片或图标

    切换页标签和位置也允许用户做个性化的一些调整。
    点击富文本和或图片图标也可对文字颜色、大小、图片等属性进行调整,可以做到更好的跳转体验。

    一.手动点击页标签或导航条切换
    1.页标签方式
    可以控制是否显示页标签、页标签的切换方式、页标签的位置。
    在仪表板【全局设置】--【常规设置】中,可以设置相关属性。


    其中页标签样式,会决定在预览时多页签的切换方式。
    1.页标签方式


    2.导航条方式

    用户可以通过点击页签或者导航条实现多页切换。

    二、定时自动切换
    同时,多页仪表板支持自动切换。比如在大屏等无人值守的情况下,可以通过定时自动切换来查看多页的分析图表。

    打开自动播放属性,设置时间间隔之后,在预览时,即可实现自动播放,无需手动操作。

    三、通过点击富文本跳转
    有些布局会使用在仪表板中设计富文本,通过点击不同分富文本,实现跳转到不同页面的效果。
    1.添加富文本,并设置超链接。

     

    2.超链接的具体属性设置:
    注意:一个仪表板中的不同页面跳转,应设置内部链接,选择内部目标页面。

     

    3.预览时,点击富文本文字,即可实现不同页面跳转。

    四、通过图片元素跳转
    1.添加图片元素,并设置图片或图标,可以使用共享图片。

     

    2.设置图片的填充尺寸,示例中设置为原始尺寸,显示效果为图标。

     

    3.数据交互属性中添加跳转项目。

     

    这样,即可实现通过点击图片或图标,在同一个仪表板的不同页面之前切换的效果

  • 相关阅读:
    react萌新的读书笔记(一)
    python 读取目录下的文件
    scrapy爬虫入门
    iPad和iPhone如何保护自己的隐私?
    郭盛华动真格了!新公司获百亿融资,网友:还招人不
    僵尸网络瞄准Linux服务器
    中美黑客谁更强?揭秘郭盛华与凯文的传奇故事
    VMware新致命漏洞,黑客可远程控制你的系统
    中国两大网络守护神,为祖国默默付出着,向他们致敬!
    Web应用程序已成为黑客的首要目标
  • 原文地址:https://www.cnblogs.com/edoo/p/13446737.html
Copyright © 2011-2022 走看看