How to fit bokeh plot size dynamically

I posted my question here in stackoverflow:

https://stackoverflow.com/questions/48879674/how-to-fit-bokeh-plot-size-dynamically

I am making a dashboard where basically four Bootstrap “Cards” are there in a web page, and each of which contains a plot.

If a plot’s axis is too crowded with ticks and labels, it would be great if you can stretch the particular plot to take up the entire view port.

With my limited knowledge of javascript, I has been unable to figure out a solution.

Regards,

–Sijun

Hi,
maybe it will help you
https://stackoverflow.com/questions/48855922/bokeh-resize-plot-dynamically

···

2018-02-20 9:30 GMT+02:00 Sijun Cho [email protected]:

I posted my question here in stackoverflow:



https://stackoverflow.com/questions/48879674/how-to-fit-bokeh-plot-size-dynamically

I am making a dashboard where basically four Bootstrap “Cards” are there in a web page, and each of which contains a plot.

If a plot’s axis is too crowded with ticks and labels, it would be great if you can stretch the particular plot to take up the entire view port.

With my limited knowledge of javascript, I has been unable to figure out a solution.

Regards,

–Sijun

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/5d3a4aa5-88f1-4138-92fa-e108fe733655%40continuum.io.

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

I’v got an answer for my question from HYRY:

https://stackoverflow.com/questions/48879674/how-to-fit-bokeh-plot-size-dynamically/48880872#48880872

I hope the solution may be adapted to your problem context.

2018년 2월 20일 화요일 오후 4시 30분 31초 UTC+9, Sijun Cho 님의 말:

···

I posted my question here in stackoverflow:



https://stackoverflow.com/questions/48879674/how-to-fit-bokeh-plot-size-dynamically

I am making a dashboard where basically four Bootstrap “Cards” are there in a web page, and each of which contains a plot.

If a plot’s axis is too crowded with ticks and labels, it would be great if you can stretch the particular plot to take up the entire view port.

With my limited knowledge of javascript, I has been unable to figure out a solution.

Regards,

–Sijun

Hi Sijun,

I do exactly this manually with JS. You can edit the CSS properties of the div elements and then you need to force “redraw” of the bokeh plot which happens on a “resize” event that BokehJS catches.

See this post and code example: https://groups.google.com/a/continuum.io/forum/?utm_medium=email&utm_source=footer#!msg/bokeh/_zN-pvdS520/MrHk5X3wBgAJ

Cheers,

Corey

···

On Tue, Feb 20, 2018 at 10:21 AM, Sijun Cho [email protected] wrote:

I’v got an answer for my question from HYRY:

https://stackoverflow.com/questions/48879674/how-to-fit-bokeh-plot-size-dynamically/48880872#48880872

I hope the solution may be adapted to your problem context.

2018년 2월 20일 화요일 오후 4시 30분 31초 UTC+9, Sijun Cho 님의 말:

I posted my question here in stackoverflow:



https://stackoverflow.com/questions/48879674/how-to-fit-bokeh-plot-size-dynamically

I am making a dashboard where basically four Bootstrap “Cards” are there in a web page, and each of which contains a plot.

If a plot’s axis is too crowded with ticks and labels, it would be great if you can stretch the particular plot to take up the entire view port.

With my limited knowledge of javascript, I has been unable to figure out a solution.

Regards,

–Sijun

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/df43207d-52d7-4917-8575-5d086cce1e58%40continuum.io.

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

Hi Corey,

I managed to locate a specific plot but awkwardly using regex.
Your solution is elegant and generalized! Your code help me a lot.

Thank you for sharing the great idea.

– Sijun

2018년 2월 27일 화요일 오전 5시 11분 35초 UTC+9, omearac 님의 말:

···

Hi Sijun,

I do exactly this manually with JS. You can edit the CSS properties of the div elements and then you need to force “redraw” of the bokeh plot which happens on a “resize” event that BokehJS catches.

See this post and code example: https://groups.google.com/a/continuum.io/forum/?utm_medium=email&utm_source=footer#!msg/bokeh/_zN-pvdS520/MrHk5X3wBgAJ

Cheers,

Corey

On Tue, Feb 20, 2018 at 10:21 AM, Sijun Cho [email protected] wrote:

I’v got an answer for my question from HYRY:

https://stackoverflow.com/questions/48879674/how-to-fit-bokeh-plot-size-dynamically/48880872#48880872

I hope the solution may be adapted to your problem context.

2018년 2월 20일 화요일 오후 4시 30분 31초 UTC+9, Sijun Cho 님의 말:

I posted my question here in stackoverflow:



https://stackoverflow.com/questions/48879674/how-to-fit-bokeh-plot-size-dynamically

I am making a dashboard where basically four Bootstrap “Cards” are there in a web page, and each of which contains a plot.

If a plot’s axis is too crowded with ticks and labels, it would be great if you can stretch the particular plot to take up the entire view port.

With my limited knowledge of javascript, I has been unable to figure out a solution.

Regards,

–Sijun

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/df43207d-52d7-4917-8575-5d086cce1e58%40continuum.io.

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

no problem!

···

On Friday, March 2, 2018 at 10:10:40 AM UTC+1, Sijun Cho wrote:

Hi Corey,

I managed to locate a specific plot but awkwardly using regex.
Your solution is elegant and generalized! Your code help me a lot.

Thank you for sharing the great idea.

– Sijun

2018년 2월 27일 화요일 오전 5시 11분 35초 UTC+9, omearac 님의 말:

Hi Sijun,

I do exactly this manually with JS. You can edit the CSS properties of the div elements and then you need to force “redraw” of the bokeh plot which happens on a “resize” event that BokehJS catches.

See this post and code example: https://groups.google.com/a/continuum.io/forum/?utm_medium=email&utm_source=footer#!msg/bokeh/_zN-pvdS520/MrHk5X3wBgAJ

Cheers,

Corey

On Tue, Feb 20, 2018 at 10:21 AM, Sijun Cho [email protected] wrote:

I’v got an answer for my question from HYRY:

https://stackoverflow.com/questions/48879674/how-to-fit-bokeh-plot-size-dynamically/48880872#48880872

I hope the solution may be adapted to your problem context.

2018년 2월 20일 화요일 오후 4시 30분 31초 UTC+9, Sijun Cho 님의 말:

I posted my question here in stackoverflow:



https://stackoverflow.com/questions/48879674/how-to-fit-bokeh-plot-size-dynamically

I am making a dashboard where basically four Bootstrap “Cards” are there in a web page, and each of which contains a plot.

If a plot’s axis is too crowded with ticks and labels, it would be great if you can stretch the particular plot to take up the entire view port.

With my limited knowledge of javascript, I has been unable to figure out a solution.

Regards,

–Sijun

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/df43207d-52d7-4917-8575-5d086cce1e58%40continuum.io.

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