本文详细介绍了如何使用Tableau JavaScript API进行时间筛选器和参数控件的控制。通过applyRangeFilterAsync()函数实现时间范围筛选,changeParameterValueAsync()函数用于参数控件的日期调整。内容涵盖相对日期筛选器、参数控件的使用场景,以及在工作表和仪表板中的应用,并提供了部分js代码示例。
摘要由CSDN通过智能技术生成
Tableau JavaScript API
的时间应用
在实际报表开发中,往往会给用户提供关于时间的可视化控件,便于用户查询某个时间范围内的数据。关于时间控件有两种方法,一是筛选器,二是参数控件。筛选器用法比较简单,只需要把时间字段拉入到筛选器栏下面,比如
“时间范围”。参数控件是通过在参数栏中“创建参数”,数据类型选择“日期”,然后在度量的计算中,将现有字段如“时间”和参数通过函数关联起来。比如要计算一周的数据,已有字段为
[
时间范围
]
,参数为
[
当前日期
]
,那么判断条件即为如下,函数
DATETRUNC()
和
dateadd()
用法这里暂不做解释。
IF( DATETRUNC(‘day’,[
时间范围
])>=[
当前日期
] AND
DATETRUNC(‘day’,[
时间范围
])<=dateadd(
“day”,6,[
当前日期
])
)THEN ...
一.
时间筛选器的
js
控制
http://onlinehelp.tableau.com/current/api/js_api/zh-cn/JavaScriptAPI/js_api_concepts_filtering.htm
这里用的是链接中的时间范围的方法
,
用的是
applyRangeFilterAsync()
函数。
.then()是回调函数
// Date Range
Tableau JavaScript API的时间应用 在实际报表开发中,往往会给用户提供关于时间的可视化控件,便于用户查询某个时间范围内的数据。关于时间控件有两种方法,一是筛选器,二是参数控件。筛选器用法比较简单,只需要把时间字段拉入到筛选器栏下面,比如“时间范围”。参数控件是通过在参数栏中“创建参数”,数据类型选择“日期”,然后在度量的计算中,将现有字段如“时间”和参数通过函数关联起来。
早就听闻
tableau
的强大功能,正好数据集市里面也已经有了数据,采用
tableau
分一下的欲望来了。从官网下载新版进行14天试用。三下五除二,做出了如下的图形从上面可以看出:
1. 工作的时候,数量有所增加,而休息日增加很少。
1)用户访问web服务器
2) web服务器请求
tableau
服务器获取ticket 地址(
TableAu
需添加可信任站点,见下文)
3)
tableau
返回ticket (24位字符串) ,失败返回-1
4) web服务器将ticket返回到客户端
5) 客户端用ticket取请求
tableau
服务器视图
6)
tableau
返回视图显示
Tableau
-
Javascript
API
使用此
API
可以将
Tableau
可视化集成到web
应用
中
一、
Tableau
都退出中国了,我在干嘛?
前阵子集团公司叫我们帮忙尝试一下
Tableau
Extension 的某个想法是否能实现,然后就做了几天赶出了一个 Demo。
然后今天忽然就说
Tableau
退出中国了,那我们还干嘛?
二、关键原理
其实通过 Extension 来修改
参数
的原理基本就是
获取
参数
对象
修改
参数
对象的值
实现代码也十分简单
// paraDemo 是獲取工作表的參數集合
tableau
.extensions.dashboardContent.dashboard.
src="https://public.
tableau
.com/
javascript
s/
api
/
tableau
-2.min.
js
">
function initViz() {
var containerDiv = docum
1.
js
文档:(前台代码,可用于在页面嵌入
发布
的页面,获取
tableau
报表的数据,添加过滤器等)
http://onlinehelp.
tableau
.com/current/
api
/
js
_
api
/en-us/
JavaScript
API
/
js
_
api
_ref.htm#ref_head_0
2.rest
api
:(
https://onlinehelp.
tableau
.com/current/...
背景:
tableau
,实现大屏功能,而且可以实时刷新,不关闭窗口的情况下会话不会断开。
1.实时刷新: 查看
tableau
javascript
API
文档,该文档中有一个refreshDataAsync()函数,该函数实现的主要是
tableau
工作簿中“刷新按钮”的功能,强制服务器发送查询并检索新数据。自己编写一个html,使用
js
去
调用
上述函数。
2.保持会话: 通过查看tablea...