zoukankan      html  css  js  c++  java
  • 仪表板默认展示最近7天数据,并且可以自由选择日期范围查看数据

    数据可视化大屏设计中,用户常常希望仪表板打开的时候默认展示最近7天的数据,当想查看更多数据时,可以自由选择日期范围进行查看。如下图所示:


    本贴介绍怎么样实现仪表板默认展示最近7天数据,并且可以自由选择日期范围查看数据。
     
    重点:给仪表板增加全局参数,然后将日期范围组件的起始日期和终止日期默认数据为仪表板全局参数。
    具体实现过程:
    1.创建仪表板,选择数据集,选择可视化组件,绑定数据。
    点击门户“+”号,新建一个仪表板。

    选择数据可视化组件,选择数据集绑定数据字段。


    2.选择仪表板全局设置,添加全局参数


    3.选择日期范围组件,绑定日期字段,将日期范围的起始日期和终止日期绑定仪表板全局参数


    4.保存该仪表板,并且在新窗口打开该仪表板,即可访问该仪表板的URL,然后就可以通过URL对仪表板参数进行传值。
    新窗口打开仪表板

    通过URL对仪表板参数进行传值:
    http://192.168.32.1:51980/dashboards/view/7d8ab80a-c361-47e1-9561-2e0bcebd6069?theme=green&lng=zh-CN&dp={"起始日期":["2017-01-01"],"终止日期":["2017-12-31"]}
    通过URL打开仪表板,仪表板默认显示的数据就是URL参数传递的日期范围的数据,当想查看其它日期的数据时,可以点击仪表板日期范围组件进行手动选择。



    最后呢,可以将仪表板集成到业务系统中,通过业务系统传参数查看仪表板,也可以选择从报表跳转仪表板,传递参数值过来进行查看仪表板。
    可以根据自己需求实现默认展示最近7天的数据,或者最近30天,最近一年等等任意的数据,同时也可以自由选择日期范围查看数据。

  • 相关阅读:
    1405ST软件测试课的要求补充说明
    软测实验课安排和考试
    Asp.Net 4.0 FormAuthentication 原理
    微信支付-“申请退款”接口遇到curl出错,错误码:58
    前端资源构建-Grunt环境搭建
    微信服务号开发-获取用户位置信息
    微信支付开发-当前页面的URL未注册
    Using Redis to store php session
    nginx performance monitor
    thinkphp nginx php-fpm url rewrite 导致 404 错误
  • 原文地址:https://www.cnblogs.com/edoo/p/13446709.html
Copyright © 2011-2022 走看看