Add the ability to embed Chronograf's graphs within other pages

[rizadh]

Chronograf v1 allowed a user to copy HTML to embed the current cell (i.e. a graph or stat) into another webpage.

This would be a handy feature to not only bring back but also build upon. Ideally, the embedded frame should contain the target cell, the Template Variables toolbar, the Time Range selector and the AutoRefresh rate selector. Normal Chronograf zooming behavior (click-and-drag to zoom, double-click to reset) should also be implemented.

Editing the cell query or name should probably be disabled. It should essentially be a read-only view.

Adding parameters to the URL to allow a default time range and template variable choices would take this one step further. That way specific "snapshots" of a graph could be stored as a link, for easy reference.

[imogenkinsman]

Hi Rizadh!

We've talked about this a bit internally, and I think it'd be great to have. It's on our roadmap, though we have some other big features that will probably come before this.

Thanks for making this issue - it's helpful for us to know the features that chronograf users want, and I really like your ideas around the implementation (having an embedded template variables toolbar would be awesome).

[hanssens]

+1 👍 from me; this would really make it a killer feature for quickly integrating dashboards in a custom web application. Especially @rizadh's comment about a read-only view is definitely good enough. Having some query parameters is the way to go. Keep it simple.

This is the part where tools like Power BI (Embedded) and Tableau fall short: embedding.

[aharonamir]

This would certainly be a major change, right now i am using grafana instead of choronograf only because grafana has a sharing/embedding (link/snapshot) option.

[lmangani]

:+1: @jademcgough if there's anything the community can help with to make this possible, please do advice.

[cryptoquick]

It's easy enough to embed a link to a dashboard in presentation mode, using the &present=true query param. We'll have to add setting autorefresh and timerange as params, but Template Variables can also be set using a query string param as well.

Let's provide some definition to this feature.

Cell Embed

Sub-Features

• [ ] Dashboard cell view page (CellPage container component)
• [ ] Disable cell edit controls
• [ ] Cell share URL menu item from Dashboard
• [x] Query URL param
• [x] Template variable URL param selection
• [ ] Autorefresh URL param
• [x] Time Range URL param
• [ ] Time Range snapshot

Issue stakeholders, let me know if I've captured everything. Good feature request.

[airhorns]

Have any of the interim features like autorefresh and timerange query params landed perhaps? Would love to be able to use Chronograf embeds in other parts of an internal product!

[russorat]

@airhorns we have completed #2934 for setting variables and time ranges in the url. The other items have not been addressed.

[techedemic]

For what it's worth, I can +1 this request! Would be a game changer for me/us!

[russorat]

@techedemic thanks! can you let me know what your use case for this is? Where would you like to embed chronograf graphs?

[techedemic]

@russorat We have a fairly complex system built over the years that integrates into a lot of other tools. One of the key areas for our tool is obviously the graphing of our time based values. Up to now, we've been using RRD. We're migrating everything over to influxdb as I type this, but we still have to develop the API's, etc. to pull the data back to our (existing) front-end.

If it could be as simple as creating embed-able graph templates in chronograf and then place them in our system where we currently have graphs based on other 3rd party tools (e.g. FusionCharts) then it will save a lot of time.

EDIT: Also, sorry for the delayed reply....haven't been around email for the last 2 weeks

[brian15co]

@russorat We have a very similar use case to @techedemic. Using Chronograf as an embeddeble "engine" of sorts would be awesome

[bliet]

I'm also interested to embed Charts in PowerBI and Cognos Analytics. Both have the possibility to embed Java Script Extensions or just iframes.

[brabidou]

This would be great!

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale[bot]]

This issue has been automatically closed because it has not had recent activity. Feel free to reopen if this issue is still important to you. Thank you for your contributions.

[nemani]

Is this still not possible?

[alsmanifesto]

Not yet?