Live Chat Icon For mobile
Hugo Morris

Chat with the Bold BI Sales team now!

Live Chat Icon
Default Rendering >Embedding Datasource
Embedding Datasource
This sample describes how to embed a data source from a Bold BI into your application using the JavaScript API method.
How can you explore?
To explore create mode,select create mode from Select Embed Mode dropdown then click Apply icon. To explore edit mode, select a datasource from Select Datasource dropdown then click Apply icon. To explore add mode, select one or more data sources from Select Datasource checkbox then click Apply icon.

Click to apply any setting changes above.

Code snippet that enables this functionality.

    function renderDatasource() {
        var boldbiEmbedInstance = BoldBI.create({
            serverUrl: rootUrl + siteIdentifier,
            datasourceId: datasourceId,
            embedContainerId: "dashboard-container",// This should be the container id where you want to embed the dashboard
            embedType: BoldBI.EmbedType.Component,
            environment: BoldBI.Environment.Enterprise, // If Cloud, you should use BoldBI.Environment.Cloud
            mode: BoldBI.Mode.DataSource,
            height: "800px",
            width: "1200px",
            authorizationServer: {
                url: "http://localhost:8080/embeddetail/get"
            expirationTime: "100000",