Bokeh plots skewed from toolbar

My line plots are rendering skewed down and to the right of the toolbar (see picture on my SO question here) and I’m not sure why. This happens even with the basic examples in the getting started guide.

Hi,

···

On Tue, Sep 29, 2015 at 11:04 PM, Kerry [email protected] wrote:

My line plots are rendering skewed down and to the right of the toolbar (see picture on my SO question here) and I’m not sure why. This happens even with the basic examples in the getting started guide.

most likely this is the effect of some styles or stylesheets affecting bokehjs’ generated HTML. On the other hand, the HTML you showed in SO has errors, should be
or
in XHTML, and there are too many closing tags, so this may have an effect as well. Clean up the HTML and retry. If the issue persists, then limit the number of styles and stylesheets applied to this HTML. Specifically, this `container’ CSS class may be the source of the issue. Does it come from bootstrap? If so, then I think you shouldn’t nest containers, but I may be wrong about this one. If nothing helps, submit complete generated HTML page, preferably with minimum number of external resources, so that we can debug this (make sure to provide remaining external resources as well or provide their exact version numbers). After all this may be an issue with bokehjs, e.g. its stylesheets being too fragile, but we need more feedback to determine if this is the case and what specifically is affected.

Mateusz

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/1dbffb03-97ce-423e-bdbd-463fb6cc382f%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

Ahhh, I did have some CSS styling for a couple tables that I have above the plots. I did not realize that the plots were tables. Changing the way I styled the tables fixed the display problem I was having.

Thanks!!

···

On Wednesday, September 30, 2015 at 2:51:31 AM UTC-6, mateusz.paprocki wrote:

Hi,

On Tue, Sep 29, 2015 at 11:04 PM, Kerry [email protected] wrote:

My line plots are rendering skewed down and to the right of the toolbar (see picture on my SO question here) and I’m not sure why. This happens even with the basic examples in the getting started guide.

most likely this is the effect of some styles or stylesheets affecting bokehjs’ generated HTML. On the other hand, the HTML you showed in SO has errors, should be
or
in XHTML, and there are too many closing tags, so this may have an effect as well. Clean up the HTML and retry. If the issue persists, then limit the number of styles and stylesheets applied to this HTML. Specifically, this `container’ CSS class may be the source of the issue. Does it come from bootstrap? If so, then I think you shouldn’t nest containers, but I may be wrong about this one. If nothing helps, submit complete generated HTML page, preferably with minimum number of external resources, so that we can debug this (make sure to provide remaining external resources as well or provide their exact version numbers). After all this may be an issue with bokehjs, e.g. its stylesheets being too fragile, but we need more feedback to determine if this is the case and what specifically is affected.

Mateusz

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/1dbffb03-97ce-423e-bdbd-463fb6cc382f%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

Hi,

···

On Wed, Sep 30, 2015 at 4:53 PM, Kerry [email protected] wrote:

Ahhh, I did have some CSS styling for a couple tables that I have above the plots. I did not realize that the plots were tables. Changing the way I styled the tables fixed the display problem I was having.

so, apparently we use tables to create the plot structure. This is an easy way to arrive with the situation you had. I started issue https://github.com/bokeh/bokeh/issues/2933 to get this fixed. We will use only divs instead. It’s much less likely to accidentally style div-based structure, i.e. generic styles like div { … } should be considered a very bad practice.

Mateusz

Thanks!!

On Wednesday, September 30, 2015 at 2:51:31 AM UTC-6, mateusz.paprocki wrote:

Hi,

On Tue, Sep 29, 2015 at 11:04 PM, Kerry [email protected] wrote:

My line plots are rendering skewed down and to the right of the toolbar (see picture on my SO question here) and I’m not sure why. This happens even with the basic examples in the getting started guide.

most likely this is the effect of some styles or stylesheets affecting bokehjs’ generated HTML. On the other hand, the HTML you showed in SO has errors, should be
or
in XHTML, and there are too many closing tags, so this may have an effect as well. Clean up the HTML and retry. If the issue persists, then limit the number of styles and stylesheets applied to this HTML. Specifically, this `container’ CSS class may be the source of the issue. Does it come from bootstrap? If so, then I think you shouldn’t nest containers, but I may be wrong about this one. If nothing helps, submit complete generated HTML page, preferably with minimum number of external resources, so that we can debug this (make sure to provide remaining external resources as well or provide their exact version numbers). After all this may be an issue with bokehjs, e.g. its stylesheets being too fragile, but we need more feedback to determine if this is the case and what specifically is affected.

Mateusz

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/1dbffb03-97ce-423e-bdbd-463fb6cc382f%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/f1cfc74a-f7da-467d-8a09-f38bc3ce383d%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.