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

Charts: in some cases buttons are blocked by data #693

Closed
arikfr opened this issue Dec 10, 2015 · 12 comments
Closed

Charts: in some cases buttons are blocked by data #693

arikfr opened this issue Dec 10, 2015 · 12 comments
Milestone

Comments

@arikfr
Copy link
Member

arikfr commented Dec 10, 2015

(when there was too much data, then, apart from the legend, even all the buttons (like save/zoom/pan etc) also disappeared behind the right edge of the graph.)

@arikfr arikfr modified the milestone: v0.9 Dec 10, 2015
@alonho
Copy link
Contributor

alonho commented Dec 10, 2015

Did you manage to reproduce it on the demo instance?

@arikfr
Copy link
Member Author

arikfr commented Dec 10, 2015

Didn't try yet. Although this is a similar case to having percent stacking enabled, and then it doesn't overlap. Right?

@shyamgopal can you give an example?

@shyamgopal
Copy link
Contributor

This screenshot was taken on 0.9.0+b1206. Now, some of the legend and all buttons are visible, however the graph looks cramped. @alonho , is it possible to have the legend below the graph (as in Highcharts graph) ? Will that help, in case of long "series" ("Group by") names ?

screen shot 2015-12-11 at 12 33 50 pm

@alonho
Copy link
Contributor

alonho commented Dec 11, 2015

Unfortunately plotly doesn't such a configuration.. Meanwhile, you have several options:

  1. Hide the legend (there's a new checkbox, not sure you got it in your release), the series name is still available on hover.
  2. Edit the name of the series in the table.
  3. Shorten the names in the query.

@shyamgopal
Copy link
Contributor

  1. Yes, according to this link: Horizontal Legend below the chart plotly/plotly.js#53 , there is no way to put the legends below. (They can be put below, but they will still appear one legend below another, instead of one legend next to another legend; as in Highcharts.)
  2. Hover doesn't cut it because on hover, legends in the hover are shortened.
  3. Thanks !

@shyamgopal
Copy link
Contributor

Btw, if this helps you: Initially when the visualisation widget is loaded, it shows both, horizontal scroll bar as well as vertical scroll bar. But once the page is fully loaded, the horizontal scroll bar disappears, and the legend and buttons disappear behind the right edge of the visualisation widget.

@shyamgopal
Copy link
Contributor

Sorry, one more addendum: The buttons are visible. But the legend disappears behind right edge.

@arikfr
Copy link
Member Author

arikfr commented Dec 19, 2015

@shyamgopal but can't you scroll to see the full legend? Like here: http://demo.redash.io/queries/516#716 ?

@shyamgopal
Copy link
Contributor

@arikfr , upgraded to 0.9.0+b1247, this issue seems to be fixed.

  1. Legend is scrollable and
  2. Legend does NOT disappear over the right edge of the visualisation widget.
  3. Thanks for the fix !!

@shyamgopal
Copy link
Contributor

  1. Works in "Incognito mode" of Chrome.
  2. Legend still disappears behind right edge of the visualisation widget in "Private Window" of Firefox.

@shyamgopal
Copy link
Contributor

This issue seems to be resolved as of 0.9.0.b1274

@arikfr
Copy link
Member Author

arikfr commented Dec 31, 2015

Great. 👍 Closing it now.

@arikfr arikfr closed this as completed Dec 31, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants