首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Tableau JS API:如何获取filters中设置的filter值All

Tableau JS API是一种用于集成Tableau功能和数据可视化的JavaScript库。它提供了一组API和方法,使开发人员能够在网页或应用程序中自定义和控制Tableau视图。

要获取filters中设置的filter值All,可以按照以下步骤进行操作:

  1. 首先,确保在网页或应用程序中正确加载Tableau JS API库。
  2. 创建一个Tableau工作簿对象,并指定要加载的工作簿的URL。例如:
代码语言:txt
复制
var containerDiv = document.getElementById("tableauViz");
var url = "https://www.example.com/tableau-workbook";
var options = {
    hideTabs: true,
    onFirstInteractive: function() {
        // 工作簿加载完成后的回调函数
        // 在这里可以执行获取filters中设置的filter值的操作
    }
};

var viz = new tableau.Viz(containerDiv, url, options);
  1. 在工作簿加载完成后的回调函数中,可以使用Tableau JS API提供的方法获取filters中设置的filter值。例如,可以使用getFiltersAsync()方法获取当前工作簿中的所有filters,然后遍历并获取相应的值。示例代码如下:
代码语言:txt
复制
function getFilterValues() {
    viz.getWorkbook().getActiveSheet().getFiltersAsync().then(function(filters) {
        filters.forEach(function(filter) {
            if (filter.getFieldName() === "FilterFieldName") {
                // 获取特定filter字段的filter值
                var filterValues = filter.getAppliedValues().map(function(value) {
                    return value.formattedValue;
                });
                console.log(filterValues);
            }
        });
    });
}

// 调用获取filter值的函数
getFilterValues();

在上述代码中,可以替换FilterFieldName为具体的filter字段名称,以获取特定filter字段的值。

需要注意的是,以上示例仅演示了如何使用Tableau JS API来获取filters中设置的filter值。在实际应用中,可以根据具体需求进行进一步的处理和使用。

此外,关于Tableau JS API的更多详细信息和示例,可以参考腾讯云数据可视化产品Tableau Server的官方文档:Tableau Server 文档

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Django REST Framework-如何使用过滤器

DRF 提供了很多有用的功能,其中之一就是过滤器(filters)。过滤器是一种机制,它可以让你在获取资源时对它们进行过滤。在 DRF 中,你可以使用内置的过滤器或者编写自定义的过滤器。...= MyModel.objects.all() serializer_class = MySerializer filter_backends = [filters.SearchFilter...除了上面介绍的常用过滤器之外,DRF 还提供了其他过滤器,你可以在官方文档中找到更多的信息。现在,我们来看一个完整的例子,它展示了如何使用 DRF 的过滤器来获取过滤后的数据。...例如,如果我们要获取价格在 10 到 20 之间的书籍,我们可以使用 URL http://localhost:8000/api/books/?...Book.objects.all() serializer_class = BookSerializer filter_backends = [filters.SearchFilter,

2.1K40
  • 【Vue原理】Filters - 源码版

    ,所以这里直接出源码版了 十分钟就能大概了解这个 filter 了吧 好吧,今天的研究,我们仍然要带着问题去学习 1、页面的 filter 解析成什么 2、设置的 filter 如何被调用 --- 场景设置..._f 2、_f 是 resolveFilter,一个可以获取 具体filter 的函数 使用 _f("all") 就能获取到 all 这个过滤器,resolveFilter 下面会说 怎么获取下面继续....[image] 设置的 filter 如何被调用 由上面可以看到,_f 是 resolveFilter 赋值的,下面是 resolveFilter 源码 // 已简化 function resolveFilter...就成了下面这样 [image] 1、拿到 组件选项 中的 filters 2、然后再从 filters 中,拿到 all 这个filter 3、执行返回的 all 过滤函数时,传入需要过滤的值 parentName..." 放到 渲染函数中,最后,就是渲染到页面了 [image] --- 总结 fitler 其实就是从组件选项 filters 获取你设置的某个filter,并调用,然后使用你函数执行的返回值渲染 太简单了

    58230

    六、商品类别数据展示

    (category_type=1) 说明: 注释的内容,在后面生成drf文档的时候会显示出来,所有要写清楚 要想获取某一个商品的详情的时候,继承 mixins.RetrieveModelMixin  就可以了....vue展示商品分类数据  接口相关代码都放在src/api/api.js里面,调试接口的时候我们首先需要新建一个自己的host,然后替换要调试的host (1)新建local_host let local_host...True CORS_ORIGIN_ALLOW_ALL = True 现在再访问 http://127.0.0.1:8080/#/app/home/index   数据就可以填充进来了  在一级分类中设置为...与前端保持一致 获取一级分类下的所有商品 # goods/filters.py import django_filters from .models import Goods from django.db.models...) # 设置filter的类为我们自定义的类 #过滤 filter_class = GoodsFilter #搜索 search_fields = ('name

    1.6K00

    Django REST framework+Vue 打造生鲜超市(五) 六、商品类别数据展示

    (category_type=1) 说明: 注释的内容,在后面生成drf文档的时候会显示出来,所有要写清楚 要想获取某一个商品的详情的时候,继承 mixins.RetrieveModelMixin  就可以了....vue展示商品分类数据  接口相关代码都放在src/api/api.js里面,调试接口的时候我们首先需要新建一个自己的host,然后替换要调试的host (1)新建local_host let local_host...True CORS_ORIGIN_ALLOW_ALL = True 现在再访问 http://127.0.0.1:8080/#/app/home/index   数据就可以填充进来了  在一级分类中设置为...与前端保持一致 获取一级分类下的所有商品 # goods/filters.py import django_filters from .models import Goods from django.db.models...) # 设置filter的类为我们自定义的类 #过滤 filter_class = GoodsFilter #搜索 search_fields = ('name

    2.4K81

    Django+Vue开发生鲜电商平台之11.首页、商品数量、缓存和限速功能开发

    drf-extensions配置缓存 2.配置Redis缓存 四、DRF通过throttling设置api的访问速率 青,取之于蓝而青于蓝;冰,水为之而寒于水。...api.js修改如下: //获取轮播图 export const bannerGoods = params => { return axios.get(`${local_host}/banners/`)...但是同时也可以看到,在商品的image属性的值即图片链接中未自动添加域名,这是因为进行嵌套序列化默认不会添加域名,需要给字段设置context属性,配置如下: class IndexCategorySerializer...api.js中接口如下: //获取商品类别信息 export const queryCategorygoods = params => { return axios.get(`${local_host}...对于变化小的数据,将其保存到缓存中请求时直接获取的成本要源于每次请求再重新计算获取的成本,所以使用缓存是很有必要的。

    2.2K10

    Tableau LOD:从SUM+IF条件计算到SUMIF

    理解SUMIF相对于SUM+IF的优化特征,是理解Tableau和PBI的方向性不同,特别是理解Calculate表达式(聚合表达式+filter过滤条件)的关键。...CALCULATE(聚合表达式, FILTER条件) 通过在每一个度量中单独指定filter计算条件,DAX可以在引擎中将其优先级提前,从而避免了SUM+IF的低下性能。...它在POWER BI中的位置,犹如LOD之于Tableau。 二者的共同点是,产品经理总结了分析中高频的分析需求,然后将其封装为不同的函数。...只是Tableau向左——把维度分类字段封装到FIXED表达式中,而POWER BI向右——把筛选条件封装到CALCULATE表达式中。...,它引出了一个难点,如何调节calculate内部筛选(internal filters)和视图中外部筛选(external filters)的关系,于是就有了ALL、ALLexcept等多个调节符,考虑到

    12200

    20个例子入门Q.js

    在html中添加q-text(对于input则是q-value)属性名,并将属性值与数据对象data中的key对应,该key对应的值就会在dom中显示。...第二行的 q-text="msg|addJerry|toUpper" 是多个filter的情况,过程是这样的,msg初始化后者变化的时候,msg的值会作为参数传给函数addJerry,addJerry的返回值则会作为...加上参数的情况,filter与参数之间用空格分开,注意filters函数第一个参数还是默认为变化的属性值,第二个参数开始才是对应传入的字符串参数。...$get()); // -> [dirty array], ["a", "b", "c"] try 要获取数据对象中的数据,可以直接通过q.xxx的方式获得,但要注意的如果要获取的属性是对象或者数组,...而设置数据是通过 q.$set(key, value),数据被设置更新后,会触发视图的更新,数据经过filters(如果有)过滤后返回的结果会根据不同的directive更新视图。

    2.5K10

    20个例子入门Q.js

    在html中添加q-text(对于input则是q-value)属性名,并将属性值与数据对象data中的key对应,该key对应的值就会在dom中显示。...第二行的 q-text="msg|addJerry|toUpper" 是多个filter的情况,过程是这样的,msg初始化后者变化的时候,msg的值会作为参数传给函数addJerry,addJerry的返回值则会作为...加上参数的情况,filter与参数之间用空格分开,注意filters函数第一个参数还是默认为变化的属性值,第二个参数开始才是对应传入的字符串参数。...$get()); // -> [dirty array], ["a", "b", "c"] try 要获取数据对象中的数据,可以直接通过q.xxx的方式获得,但要注意的如果要获取的属性是对象或者数组,...而设置数据是通过 q.$set(key, value),数据被设置更新后,会触发视图的更新,数据经过filters(如果有)过滤后返回的结果会根据不同的directive更新视图。

    4.3K71

    (2)打鸡儿教你Vue.js

    var obj = {} Object.defineProperty(obj, 'msg', { // 设置 obj.msg = "1" 时set方法会被系统调用 参数分别是设置后和设置前的值...image.png 文本数据格式化: filter 全局过滤器 局部过滤器 显示的内容由过滤器的返回值决定 Vue.filter('filterName',function(value){ } <div...}, computed: { fullname() { return this.firstname + this.lastname } } }) computed中的属性不能与data中的属性同名...() 钩子函数 - destroyed() axios 封装ajax,用来发送请求,异步获取数据 基于Promise的HTTP客户端,用于浏览器和node.js https://github.com...image.png // 在浏览器中使用,直接引入js文件使用下面的GET/POST请求方式即可 // 1 引入 axios.js // 2 直接调用axios提供的API发送请求 created: function

    57850

    Django+Vue开发生鲜电商平台之8.商品详情页功能实现

    this.proDetail.images[0]; }).catch(function (error) { console.log(error); }); }, 在created()中获取到传入的...productId,并调用getGoodsDetail接口,api.js中定义了数据接口getGoodsDetail,修改如下: //商品详情 export const getGoodsDetail =...权限用于授予或拒绝不同类别的用户对API不同部分的访问,最简单的许可方式是允许访问任何经过身份验证的用户,并拒绝访问任何未经身份验证的用户。...可以看到,先在DRF后台增加收藏,然后在Postman中模拟访问获取到JWT后再删除,显然,只能删除用户自己的收藏,而不能删除其他用户的收藏。...在api.js中这些接口修改如下: /收藏 export const addFav = params => { return axios.post(`${local_host}/userfavs/`,

    1.1K20

    Vue+Django2.0 REST framework 打造前后端分离的生鲜电商项目(五)商品列表页

    在views_base中,我被 JsonResponse,HttpResponse这两个模块之间的有什么不同所引起好奇心,都是返回字符串,一个可以返回json,而另一个需要添加一些设置才能返回json。...2 它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。 显然,这解释不像人话,于是我觉得自己动手丰衣足食才是硬道理。...基于一条真理: 1 网络传输的数据都是字符串! 我将HTTPResponse中除了要返回的字符串,其他参数都删了,代替JsonResponse来作为return值。...2 Markdown(2.1.0+) - 可浏览API的Markdown支持。 3 django-filter(1.0.1+) - 过滤支持。...goods 25 """ 26 #queryset = Goods.objects.all() 用.all这种获取方法没什么大问题,只不过是没有代表 27 #将所有对象取出,而没有指定顺序

    4.8K61

    用django写接口(实战篇)

    首先我们需要安装过滤器的模块 pip install django-filter 然后我们需要将过滤器模块到 settings.py 中的 INSTALLED_APPS 进行注册才可以使用。...': ('django_filters.rest_framework.DjangoFilterBackend',) } 基本配置完后我们需要对我们的 viewSet 做些修改,增加一个 filter_backends...首先我们要先创建一个 filters.py 文件,用来定义过滤器 filter import django_filters # 自定义过滤器需要继承 django_filters.rest_framework.FilterSet...filtering http://www.django-rest-framework.org/api-guide/filtering/#example rest_framework 权限设置 到目前为止我们写的接口不设置任何权限上的设置...当我们获取到 token 后保存到 SharePreference 中,每次访问都在请求头带上 token 值,就不需要每次通过账号密码登录才有权限。

    2.2K20

    Django+Vue开发生鲜电商平台之6.使用Vue实现商品类别和商品数据前台显示

    = [DjangoFilterBackend, filters.SearchFilter, filters.OrderingFilter] filter_class = GoodsFilter...显然,此时地址中传入指定的id,只显示该id对应的类别的信息和其子类别的信息。...在前端项目fresh_online中,在src/api/api.js中定义了数据API接口: import axios from 'axios'; let host = 'http://shop.projectsedu.com...{ return axios.get(`${host}/indexgoods/`) } //获取首页中的新品 export const newGoods = params => { return axios.get...,即禁止跨域访问,当前端口是 8080,而数据接口端口是8000,因此被浏览器自动拒绝,一种方式是对服务器进行设置,还有一种是通过前端代理解决,这里采用第一种方式: 首先在虚拟环境中执行pip install

    1.7K32
    领券