string
Defines the ID of the dashboard to be embedded from your Bold BI application.
""
(empty)Example
var dashboard = BoldBI.create({
datasourceId: "5cb065f7-dabb-4b0c-9b45-c60a5730e963"
});
dashboard.loadDatasource();
string
The name of the datasource, which needs to be embedded in a page from your Bold BI application, is required.
""
(empty)Example
var dashboard = BoldBI.create({
datasourceName: "Sample Datasource"
});
dashboard.loadDatasource();
string
The ID of a div element in which the dashboard will be initialized and rendered.
""
(empty)Example
<div id="container"></div>
<script>
var dashboard = BoldBI.create({
embedContainerId: "container",
});
dashboard.loadDatasource();
</script>
object
There are two types of embedding available: component
and iframe
. In the component type, you will use the embedding SDK to render the dashboard. In the iframe type, you will load the dashboard URL in the iframe and the dashboard will be rendered.
BoldBI.EmbedType.Component
BoldBI.EmbedType.IFrame
BoldBI.EmbedType.Component
Example
var dashboard = BoldBI.create({
embedType: BoldBI.EmbedType.Component,
});
dashboard.loadDatasource();
object
Specifies the type of Bold BI application, either Cloud or Enterprise edition.
BoldBI.Environment.Cloud
BoldBI.Environment.Enterprise
BoldBI.Environment.Enterprise
Example
var dashboard = BoldBI.create({
environment: BoldBI.Environment.Enterprise,
});
dashboard.loadDatasource();
number
Specifies the access token expiration time of the dashboard in seconds.
86400
(24 hours)Example
var dashboard = BoldBI.create({
expirationTime:100000,
});
dashboard.loadDatasource();
string
Defines the height of the embedding module in percentages or pixels.
Example
var dashboard = BoldBI.create({
height:"800px", //The dashboard is now rendered with a height of 800px
});
dashboard.loadDatasource();
object
Defines the dashboard rendering mode.
BoldBI.Mode.View
BoldBI.Mode.Design
BoldBI.Mode.Connection
BoldBI.Mode.DataSource
BoldBI.Mode.View
Example
var dashboard = BoldBI.create({
mode: BoldBI.Mode.DataSource,
});
dashboard.loadDatasource();
string
The URL of the Bold BI application.
""
(empty)Example
var dashboard = BoldBI.create({
serverUrl: "https://mydashboard.com/bi/site/site1",
});
dashboard.loadDatasource();
string
Authenticates the dashboard without implementing the AuthorizeAPI endpoint.
""
(empty)Example
var dashboard = BoldBI.create({
token: "NjQ2ZDgwZjgtN2Q3MS00ZDQwLWFkNTItYTdkNDRhOGE2NmVi", // Use the generated API key
});
dashboard.loadDatasource();
To learn about the available limited supporting methods in embedding.
string
Defines the width of the embedding module in percentages or pixels.
Example
var dashboard = BoldBI.create({
width:"1200px", //The dashboard is now rendered with a width of 1200px.
});
dashboard.loadDatasource();
object
Transmits custom data or header values to the embedding application’s Authorization Server. As a result, you may find this value in the headers of the Authorization Server API.
{}
(empty object)Example
var dashboard = BoldBI.create({
authorizationServer:{
headers: {
"Authorization": "Bearer eDIHDIJAdjakdnajdbaidhoasjasajnsJNININfsbfskdnskdnskdn"
}
}
});
dashboard.loadDatasource();
string
Any application that embeds a Bold BI dashboard and widget needs to authenticate with the Bold BI server. This authentication flow requires sending confidential information such as user email, group details, and embed signature to the Bold BI server. Therefore, you must implement this authentication flow in your server application and provide the URL for connecting to your server in the Bold BI embed instance.
""
(empty)Example
var dashboard = BoldBI.create({
authorizationServer: {
url:"https://serversample.com/embed-details/get",
}
});
dashboard.loadDatasource();