How to fit bokeh plot size dynamically

2018-02-20 9:30 GMT+02:00 Sijun Cho royalblue.cho@gmail.com:

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 bokeh+unsubscribe@continuum.io.

To post to this group, send email to bokeh@continuum.io.

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 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

On Tue, Feb 20, 2018 at 10:21 AM, Sijun Cho royalblue.cho@gmail.com 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 bokeh+unsubscribe@continuum.io.

To post to this group, send email to bokeh@continuum.io.

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 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 royalb...@gmail.com 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 bokeh+un...@continuum.io.

To post to this group, send email to bo...@continuum.io.

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.

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 royalb...@gmail.com 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 bokeh+un...@continuum.io.

To post to this group, send email to bo...@continuum.io.

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.