Problem with bokeh layout using panel

I am currently working on front-end of a webpage that displays processed data. My problem is having an incorrect layout.

Here’s an overall layout that I have currently with the following objects: panel, gridplot1, gridplot2, and gridplot3.

layout1.PNG

However, the problem is that I want to include gridplot1 and 3 into every tab in the panel, and bokeh doesn’t allow duplicate objects.

The only option I could think of was to take gridplot1 and 3 outside the panel. For example, I can do row(panel(child=gridplot2), column(gridplot1, gridplot3)),

but then I get an overlapped layout of the panel and the gridplot 1 and 3.

layout2.PNG

How can I avoid an overlap between objects? I tried different “sizing mode” parameters, but none of them worked. It would be nice if I can somehow adjust panel and button dimensions too.

This is bokeh 1.0.2.

Hi,

First, at present, it's definitely the case that the same object cannot be included in documents multiple times. For now, in this situation, I might suggest making two identical versions of the same plot, but have them share a single data source, so that the "redundancy" is minimized. The specific case of of having the same plot on multiple tabs is possibly one we might want to find a way to address, so I'd encourage you to open a GH issue to discuss it as a feature request.

Otherwise, regarding the layout, there are currently many issues with bigger/more complicated layouts. There is a large in-progress PR that attempts to fix many of the known layout problems:

  Improve the layout subsystem by mattpap · Pull Request #8085 · bokeh/bokeh · GitHub

It will be the basis of a future 1.1 release. At present I can only advise to wait for that release. If you have the ability to build BokehJS locally and try out the PR on your code, any early feedback is definitely welcome and helpful.

Thanks.

Bryan

···

On Jan 19, 2019, at 23:14, K Lee <[email protected]> wrote:

This is bokeh 1.0.2.

--
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/a5652769-8002-4d4d-90e8-79b5d567fc9f%40continuum.io\.
For more options, visit https://groups.google.com/a/continuum.io/d/optout\.

Thank you. I will make identical plots with same data source until there is a new release.

Kiwook

···

On Monday, January 21, 2019 at 11:55:11 AM UTC-6, Bryan Van de ven wrote:

Hi,

First, at present, it’s definitely the case that the same object cannot be included in documents multiple times. For now, in this situation, I might suggest making two identical versions of the same plot, but have them share a single data source, so that the “redundancy” is minimized. The specific case of of having the same plot on multiple tabs is possibly one we might want to find a way to address, so I’d encourage you to open a GH issue to discuss it as a feature request.

Otherwise, regarding the layout, there are currently many issues with bigger/more complicated layouts. There is a large in-progress PR that attempts to fix many of the known layout problems:

    [https://github.com/bokeh/bokeh/pull/8085](https://github.com/bokeh/bokeh/pull/8085)

It will be the basis of a future 1.1 release. At present I can only advise to wait for that release. If you have the ability to build BokehJS locally and try out the PR on your code, any early feedback is definitely welcome and helpful.

Thanks.

Bryan

On Jan 19, 2019, at 23:14, K Lee [email protected] wrote:

This is bokeh 1.0.2.


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/a5652769-8002-4d4d-90e8-79b5d567fc9f%40continuum.io.

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