@ats1958
The post Javascript portion seems good, I don't find any syntax error by using some syntax checker. Could you post all the javascript code?
By the way, you don't have to set filter after report loaded. You can set filter in the report embed configuration. See below demo.
<html>
<script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/jquery/dist/jquery.js"></script>
<script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/powerbi-client/dist/powerbi.js"></script>
<script type="text/javascript">
window.onload = function () {
var Filter1 = {
$schema: "http://powerbi.com/product/schema#advanced",
target: {
table: "DateTable",
column: "Date"
},
logicalOperator: "And",
conditions: [{
operator: "LessThandOrEqual",
value: "2017-02-20 00:00:00"
},
{
operator: "GreaterThanOrEqual",
value: "2017-01-12 00:00:00"
}
]
}
var clientname = ["powerbi"];
// Read embed application token from Model
var accessToken = "H4sIAAAAxxxxxx";
// Read embed URL from Model
var embedUrl = "https://app.powerbi.com/reportEmbed?reportId=1685axxxxxxxdf3861&groupId=dc581184-a209-xxxxxxx6b6c15";
// Read report Id from Model
var embedReportId = "1685a4xxxxxx1df3861";
// Get models. models contains enums that can be used.
var models = window['powerbi-client'].models;
// Embed configuration used to describe the what and how to embed.
// This object is used when calling powerbi.embed.
// This also includes settings and options such as filters.
// You can find more information at https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-Configuration-Details.
var embedConfiguration = {
type: 'report',
tokenType: models.TokenType.Embed,
accessToken: accessToken,
embedUrl: embedUrl,
id: embedReportId,
permissions: models.Permissions.All,
filters:[Filter1],
settings: {
//filterPaneEnabled: true,
navContentPaneEnabled: true
}
};
var $reportContainer = $('#reportContainer');
var report = powerbi.embed($reportContainer.get(0), embedConfiguration);
/**
report.on('loaded', event => {
report.getFilters()
.then(filters => {
filters.push(Filter23);
return report.setFilters(Filter23);
});
});
**/
}
</script>
<div id="reportContainer" powerbi-settings-nav-content-pane-enabled="true" powerbi-settings-filter-pane-enabled="true"></div>
</html>
