Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

A good way to embed the chart into a dashboard? #118

Closed
sethladd opened this issue May 3, 2016 · 7 comments
Closed

A good way to embed the chart into a dashboard? #118

sethladd opened this issue May 3, 2016 · 7 comments

Comments

@sethladd
Copy link

sethladd commented May 3, 2016

Hi, We really like the burndown chart and would like to embed into a dashboard that we run internally. Is there a recommended way of fetching the chart and displaying inside of an iframe or similar? Thanks!

@radekstepan
Copy link
Owner

Hi, glad you are liking it. Would you like to run the app without the chrome so you could iframe it? Is GitHub auth needed?

Basically, would a burnchart with a theme that removes the red bar at the top and asks you to login with GitHub on startup do the trick?

@sethladd
Copy link
Author

sethladd commented May 3, 2016

Would you like to run the app without the chrome so you could iframe it?

Yes, we would like to iframe it. However, ideally we don't want to run the app ourselves. We would like to use your hosted version.

Github auth is not needed. Our repos are public.

Just a page with the graph and legend would be really nice. Thanks!

(of course, you could add a small "brought to you by ..." :)

@radekstepan
Copy link
Owner

radekstepan commented May 3, 2016

When you say legend, do you mean the axes on the left and bottom?

If so then I think I got it. I think this would be best handled by a theme that goes display:none on the chrome. Theme could be set via the config file and could be override via query string params. So to get a raw chart you'd for example do something like this which you could iframe:

http://radekstepan.com/burnchart/#!/radekstepan/burnchart/2?theme=raw

Would that work?

@sethladd
Copy link
Author

sethladd commented May 4, 2016

Yeah, I think so! Bonus points if we can add parameters for width and
height of the content. :)

Thanks!

On Tue, May 3, 2016, 4:45 PM Radek Stepan [email protected] wrote:

When you say legend, do you mean the axes on the left and bottom?

If so then I think I got it. I think this would be best handled by a theme
that goes display:none on the chrome. Chrome could be set via settings
and could be override via query string params. So to get a raw chart you'd
for example do something like this which you could iframe:

http://radekstepan.com/burnchart/#!/radekstepan/burnchart/2?theme=blank

Would that work?


You are receiving this because you authored the thread.
Reply to this email directly or view it on GitHub
#118 (comment)

radekstepan added a commit that referenced this issue Jun 8, 2016
@radekstepan
Copy link
Owner

Hi, both theming and querystring config are now in. Below is an example of how the app looks like with the main "red" theme switched off. If you are still interested I'd encourage you to create your ideal theme file and deploy somewhere like GitHub Pages. There are instructions in the README and of course I am here to help.

(https://cloud.githubusercontent.com/assets/195584/15901337/ea23e284-2d70-11e6-8f61-0dbca82f1b53.png)

@sethladd
Copy link
Author

sethladd commented Aug 2, 2016

Thank you! When I go to http://radekstepan.com/burnchart/#!/radekstepan/burnchart/2?theme=raw I still see the red. Was your new "theme=raw" feature deployed to your hosted version?

@radekstepan
Copy link
Owner

Hi, it's the other way round:

http://radekstepan.com/burnchart/?theme=raw#!/radekstepan/burnchart/2

rickul added a commit to rickul/burnchart that referenced this issue Feb 27, 2017
* master: (414 commits)
  pass test
  radekstepan#122 switch to google firebase
  es6 classes for React; closes radekstepan#112
  stub lscache; ref radekstepan#120
  add support for querystring config; ref radekstepan#118
  support themes; ref radekstepan#118
  handle request errors with redirects; closes radekstepan#119
  show chart for all milestones; radekstepan#67
  separate out chart proper; radekstepan#67
  fix date ticks; closes radekstepan#114
  minify and bump
  add project behind the scenes if it doesn't exist; radekstepan#116
  bump
  Add react-dom required for build
  be able to delete projects; closes radekstepan#51
  validate form input, add proj behind scenes;closes radekstepan#109
  fix null milestone description; closes radekstepan#111
  suggest user or owner repos; closes radekstepan#47
  more intelligent time ticks; closes radekstepan#65
  show no progress message; closes radekstepan#93
  ...

Conflicts:
	README.md
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants