如何在报表中设置过滤器 Power BI 嵌入式 JavaScript

Question

如何在报表中设置过滤器 Power BI 嵌入式 JavaScript

我想在我的报告中添加一些过滤器，我有一个 html 文件，我需要在 javascript 中添加一些过滤器，但我没有作为开发人员的经验。我只需要查看一个示例即可了解如何添加它。

<head>  `enter code here`
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">  
    <meta name="viewport" content="width=device-width,initial-scale=1">  
    <title>test</title>  

    <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>  
    <script type="text/javascript" language="javascript" src="https://rawgit.com/Microsoft/PowerBI-JavaScript/master/dist/powerbi.min.js"></script>  


</head>  

<body>  
    <h1>test</h1>  
    <div id="reportContainer" style="width: 80%; height: 800px;"></div>  
</body>  

<script>  
    $(document).ready(function () {  
        var getEmbedToken = "https://testclienttest.azurewebsites.net/api/HttpTrigger1?code=XXXXXXXXXXXXXXXXXXX/XXXXXXXXXXXXX==";  

        $.ajax({  
            url: getEmbedToken,  
            jsonpCallback: 'callback',  
            contentType: 'application/javascript',  
            dataType: "jsonp",  
            success: function (json) {  

                var models = window['powerbi-client'].models;  

                var embedConfiguration = {  
                    type: 'report',  
                    id: json.ReportId,  
                    embedUrl: json.EmbedUrl,  
                    tokenType: models.TokenType.Embed,  
                    accessToken: json.EmbedToken  
                };  

                var $reportContainer = $('#reportContainer');  
                var report = powerbi.embed($reportContainer.get(0), embedConfiguration);


            },  
            error: function () {  
                alert("Error");  
            }  
        });  

    });  
</script>  

</html>

Run Code Online (Sandbox Code Playgroud)

我认为要添加的过滤器位于此行之后： var report = powerbi.embed($reportContainer.get(0), embedConfiguration);

Answer 1

And*_*lov 6

要过滤嵌入报告，您必须构建一个或多个过滤器并将它们作为数组传递到 JavaScript 客户端 - 可以在的filters属性中，或作为//方法的embedConfiguration参数。reportpagevisual setFilters

过滤器可以是以下类型之一：

基本过滤器
I高级过滤器
IR相对日期过滤器
ITopN过滤器
I包含排除过滤器

例如，要过滤名为Product仅显示数据的表，其中Count列为1、2或3，可以构造如下：

const basicFilter: pbi.models.IBasicFilter = {
  $schema: "http://powerbi.com/product/schema#basic",
  target: {
    table: "Product",
    column: "Count"
  },
  operator: "In",
  values: [1,2,3],
  filterType: 1 // pbi.models.FilterType.BasicFilter
}

Run Code Online (Sandbox Code Playgroud)

然后修改您的代码以将此过滤器传递给embedConfiguration：

var embedConfiguration = {  
    type: 'report',  
    id: json.ReportId,  
    embedUrl: json.EmbedUrl,  
    tokenType: models.TokenType.Embed,  
    accessToken: json.EmbedToken,
    filters: [basicFilter]  
};

Run Code Online (Sandbox Code Playgroud)

有关配置嵌入元素的更多信息，请参阅嵌入配置详细信息，并查看有关如何使用不同过滤器类型并应用它们的更多信息，请参阅过滤器。

归档时间：	6 年，2 月前
查看次数：	10896 次
最近记录：	6 年，2 月前