Incubator-superset: Embedded Dashboards

Created on 22 Sep 2016 · 14Comments · Source: apache/incubator-superset

Can we send external parameter with the embedded charts or Dashboards ?

Source

attahkhan016

Most helpful comment

you can render the dashboard into an if you want, add the <code>?standalone=true</code> to the URL if you don't want the Superset menu bar to render.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/u/487433?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt=" picture"> <strong>mistercrunch</strong> <span class="text-muted ml-1">on 3 Apr 2017</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">9</span> </div> </div> </div> </div> </div> <div class="col-12"> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="9295564578" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="col-12 d-flex align-items-center mb-4"> <h2>All 14 comments</h2> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>what is an external parameter? what do you want to achieve?</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/u/12932?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="xrmx picture"> <strong>xrmx</strong> <span class="text-muted ml-1">on 22 Sep 2016</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Hello ,</p> <p>I want to embedded the dashboard or the charts into our product.<br /> 1)Can I embedded it into our product with the embedded option provided ?<br /> 2) if yes , can we send external parameters with it , for example :can I<br /> send a specific request like just show the no. of male in India then it<br /> should show the count specific to India from the world gender database from<br /> my product/in the product?</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars0.githubusercontent.com/u/20012535?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="attahkhan016 picture"> <strong>attahkhan016</strong> <span class="text-muted ml-1">on 22 Sep 2016</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Is it even possible to get the embed code of a superset dashboard? It will be fantastically awesome if this is possible <strong>@alexism</strong> <strong>@attahkhan016</strong> <strong>@xrmx</strong> <strong>@sco</strong> <strong>@schleyfox</strong> </p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars3.githubusercontent.com/u/20521315?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="nwaughachukwuma picture"> <strong>nwaughachukwuma</strong> <span class="text-muted ml-1">on 3 Apr 2017</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>you can render the dashboard into an <iframe> if you want, add the <code>?standalone=true</code> to the URL if you don't want the Superset menu bar to render.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/u/487433?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="mistercrunch picture"> <strong>mistercrunch</strong> <span class="text-muted ml-1">on 3 Apr 2017</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">9</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Thanks so much @mistercrunch. But how do I get superset menu bar to render?</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars3.githubusercontent.com/u/20521315?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="nwaughachukwuma picture"> <strong>nwaughachukwuma</strong> <span class="text-muted ml-1">on 4 Apr 2017</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3731713875" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>you don't add <code>?standalone=true</code></p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/u/487433?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="mistercrunch picture"> <strong>mistercrunch</strong> <span class="text-muted ml-1">on 5 Apr 2017</span> </div> <div class="col text-right"> 🎉<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>It seems that <code>?standalone=true</code> just work with slices, but not with dashboards (v0.18.5)</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars2.githubusercontent.com/u/10999609?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="diego-d5000 picture"> <strong>diego-d5000</strong> <span class="text-muted ml-1">on 1 Nov 2017</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Howdy! Similar to the original reporter, I want to embed dashboards into a separate product.</p> <p>How do I, as <strong>@mistercrunch</strong> suggested, "render the dashboard into an <iframe>" while avoiding the need to login to Superset?</p> <p>Note: I can't use public dashboards here, as I'll need to manage the permissions for each different user of the product (so they can't see each others' data). So my backend will be managing Superset users, and I need iframes which are somehow "pre-logged into" the relevant user, similar to the <a rel="nofollow noopener" target="_blank" href="https://www.zoho.com/reports/help/publishing/embedding-in-web-pages-reports.html#e5">private URL/permalinks feature of Zoho</a>.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/u/6335345?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="bilalakil picture"> <strong>bilalakil</strong> <span class="text-muted ml-1">on 30 Nov 2017</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">2</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>@diego-d5000 you may want to use <code>&standalone=true</code> if there's already a <code>?</code> in the url</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/u/487433?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="mistercrunch picture"> <strong>mistercrunch</strong> <span class="text-muted ml-1">on 1 Dec 2017</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@bilalakil</strong> you should open a new issue for this as it's a different subject altogether, closing this one as I just tested and standalone works just fine</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/u/487433?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="mistercrunch picture"> <strong>mistercrunch</strong> <span class="text-muted ml-1">on 1 Dec 2017</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@bilalakil</strong>, I am very much interested in your question about how to render private dashboards into an iframe while avoiding the need to login to Superset.<br /> Did you open a new issue or did you find a solution to this?<br /> Please let me know how you solved it.</p> <p>Thank you</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars2.githubusercontent.com/u/15190671?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="joseph-luketelo picture"> <strong>joseph-luketelo</strong> <span class="text-muted ml-1">on 30 Mar 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@bilalakil</strong> @joseph-luketelo I am also interested in this problem. Can you let me if you fount some informations regarding this?</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/u/39302130?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="cristinaBodnari picture"> <strong>cristinaBodnari</strong> <span class="text-muted ml-1">on 10 Apr 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Unfortunately I never overcame this problem 🙁 Can't remember where I left off at as it was a long time ago too. Afraid I can't help.</p> <p>P.S.: @joseph-luketelo I thought I responded to your question a week ago, but apparently responding through email doesn't work (even though GitHub provides instructions to respond via email)? Oops</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/u/6335345?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="bilalakil picture"> <strong>bilalakil</strong> <span class="text-muted ml-1">on 11 Apr 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@bilalakil</strong> I did not see your response! But thank you for getting back to us. I also never figured out how to solve this problem up to date. </p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars2.githubusercontent.com/u/15190671?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="joseph-luketelo picture"> <strong>joseph-luketelo</strong> <span class="text-muted ml-1">on 22 May 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown text-center helpful"> <div class="title">Was this page helpful?</div> <div class="mt-1" onMouseLeave="rating(178547871, 0);"> <i class="fas fa-star inactive" id="star-1" onMouseOver="rating(178547871, 1);" onclick="rate(178547871, 1);"></i> <i class="fas fa-star inactive" id="star-2" onMouseOver="rating(178547871, 2);" onclick="rate(178547871, 2);"></i> <i class="fas fa-star inactive" id="star-3" onMouseOver="rating(178547871, 3);" onclick="rate(178547871, 3);"></i> <i class="fas fa-star inactive" id="star-4" onMouseOver="rating(178547871, 4);" onclick="rate(178547871, 4);"></i> <i class="fas fa-star inactive" id="star-5" onMouseOver="rating(178547871, 5);" onclick="rate(178547871, 5);"></i> </div> <div class="description text-small"><span id="rating-val">0</span> / 5 - <span id="rating-count">0</span> ratings</div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3452512275" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div id="ph-above-related"></div> <div class="card card-custom issue-box"> <div class="card-body pt-3 pb-5"> <h2 class="mb-4">Related issues</h2> <div> <strong> <a href="/incubator-superset/446159971/unable-to-grant-per-datasource-schema-access-with-0-33-rc1">Unable to grant per datasource/schema access with 0.33.rc1 </a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars2.githubusercontent.com/u/6347658?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="tmccartan picture"> <strong class="pr-1" dir="ltr">tmccartan</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/incubator-superset/346676415/radar-chart-and-gauge-chart-visualizations-request">Radar Chart and Gauge Chart visualizations request</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars0.githubusercontent.com/u/897841?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="sashank picture"> <strong class="pr-1" dir="ltr">sashank</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/incubator-superset/451962576/add-new-button-visible-for-users-without-permissions">Add New button visible for users without permissions</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars0.githubusercontent.com/u/767180?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="gbrian picture"> <strong class="pr-1" dir="ltr">gbrian</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/incubator-superset/453265123/test-connection-doesn-t-use-db-connection-mutator">Test connection doesn't use DB_CONNECTION_MUTATOR </a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars2.githubusercontent.com/u/5640848?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="thoralf-gutierrez picture"> <strong class="pr-1" dir="ltr">thoralf-gutierrez</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/incubator-superset/453006184/tables-export-pdf-csv-excel-feature">tables export pdf,csv,excel feature</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars3.githubusercontent.com/u/42966797?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="kalimuthu123 picture"> <strong class="pr-1" dir="ltr">kalimuthu123</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> </div> </div> <div class="sticky-top pt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div id="ph-below-related-2" class="mt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="col-12 col-lg-4"> </div> </div> <div class="skyscraper-container"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="7879185320" data-ad-format="vertical" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="mt-5 spacer"></div> <footer class="mt-5 pb-2 py-4 text-center mt-auto"> <div class="container"> <a class="navbar-brand logo mr-5" href="/"> <img src="/assets/img/logo.svg" width="40" height="40" alt="bleepingcoder logo"> bleeping<strong>coder</strong> </a> <div class="mt-4"> bleepingcoder.com uses publicly licensed GitHub information to provide developers around the world with solutions to their problems. We are not affiliated with GitHub, Inc. or with any developers who use GitHub for their projects. We do not host any of the videos or images on our servers. All rights belong to their respective owners. </div> <div> Source for this page: <a href="https://www.github.com/apache/incubator-superset/issues/1170" rel="nofollow noreferrer" target="_blank">Source</a> </div> </div> <hr class="mb-5 mt-5"> <div class="container"> <div class="row"> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular programming languages</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/python" dir="ltr">Python</a> </li> <li class="mb-2"> <a href="/javascript" dir="ltr">JavaScript</a> </li> <li class="mb-2"> <a href="/typescript" dir="ltr">TypeScript</a> </li> <li class="mb-2"> <a href="/cpp" dir="ltr">C++</a> </li> <li class="mb-2"> <a href="/csharp" dir="ltr">C#</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/microsoft/vscode" dir="ltr">vscode</a> </li> <li class="mb-2"> <a href="/numpy/numpy" dir="ltr">numpy</a> </li> <li class="mb-2"> <a href="/ant-design/ant-design" dir="ltr">ant-design</a> </li> <li class="mb-2"> <a href="/mui-org/material-ui" dir="ltr">material-ui</a> </li> <li class="mb-2"> <a href="/vercel/next-js" dir="ltr">next.js</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-0"> <strong>More GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/rust-lang/rust" dir="ltr">rust</a> </li> <li class="mb-2"> <a href="/moment/moment" dir="ltr">moment</a> </li> <li class="mb-2"> <a href="/yarnpkg/yarn" dir="ltr">yarn</a> </li> <li class="mb-2"> <a href="/mozilla/pdf-js" dir="ltr">pdf.js</a> </li> <li class="mb-2"> <a href="/JuliaLang/julia" dir="ltr">julia</a> </li> </ul> </div> </div> </div> <hr class="mb-5 mt-5"> <div class="container text-muted"> © 2026 bleepingcoder.com - <a href="/bleeps" rel="nofollow">Contact</a><br /> By using our site, you acknowledge that you have read and understand our <a href="/cookies" rel="nofollow">Cookie Policy</a> and <a href="/privacy" rel="nofollow">Privacy Policy</a>. </div> </footer> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script> <script async src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>  <script type="text/javascript" src="/assets/js/main.js"></script> <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script></body> </html>