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

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,

2K40
  • 【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,并调用,然后使用你函数执行返回渲染 太简单了

    56730

    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

    六、商品类别数据展示

    (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+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

    20个例子入门Q.js

    在html添加q-text(对于input则是q-value)属性名,并将属性与数据对象datakey对应,该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,用来发送请求,异步获取数据 基于PromiseHTTP客户端,用于浏览器和node.js https://github.com...image.png // 在浏览器中使用,直接引入js文件使用下面的GET/POST请求方式即可 // 1 引入 axios.js // 2 直接调用axios提供API发送请求 created: function

    57650

    20个例子入门Q.js

    在html添加q-text(对于input则是q-value)属性名,并将属性与数据对象datakey对应,该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

    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+) - 可浏览APIMarkdown支持。 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.1K20

    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

    前端-SVG 实现动态模糊动画效果

    当记录图像在单帧记录期间发生变化时,由于快速移动或长时间曝光从而导致动态模糊结果。——维基百科上对动态模糊介绍 在这篇文章,我们将介绍如何对水平或垂直转换制作出类似的动态模糊效果。.../index.html#blur"); } 然而,对于动态模糊效果,我们仍得通过JS动态更新每个帧滤镜。 首先,我们必须选择并将滤镜存储在一个变量,以便以后可以访问它。...由于jQuery与SVG元素不兼容,所以我们需要使用本机JS函数选择元素: var filters = document.querySelector(".filters"), // the SVG that...下面是一种动态创建这些滤镜简单方法: // go through all the objects that need a blur filter $(".js-blur").each(function...实现方法可能会根据设置不同而不同;例如动画如何完成方面的设置等等。在本教程,我们将采用更通用方法,尽管它可能无法针对所有用例进行优化,但适用于大多数JS和CSS动画。

    2.5K31
    领券