using bokeh plots inside of an angularjs app

Hi,

I’m new to very new to Bokeh, but I’ve been developing an angularjs webapp for internal use at my company. A coworker has provided a .embed.js file, and a script snippet which I placed within an html fragment I can route to / display in the angular app.

When the page with the Bokeh plot is first loaded / the embed script fragment is executed, everything seems to work. The plot has data points, and hovering over a data point brings up a box with additional information about that point.

However, if one navigates away from this part of the DOM and angular does whatever it does to hide it, and then navigates back to the page, the hovering no longer works (though the graph looks the same as it did before). This was true with Bokeh 0.4.4, and I’ve now just tried with the current 0.5.1 release – the symptom is the same.

Can anyone speculate on what might need to happen to make the Bokeh plot functional again? A DOM manipulation? A javascript function call or change in state?

Is there an example anywhere of angularjs / Bokeh integration?

I did try to look at the bokeh.js library, and I found it difficult to understand (with all the other javascript libraries embedded inside it). Is there documentation anywhere describing the bokeh.js API from a point of view of someone who was trying to embed it inside of a larger application?

Thanks in advance,
Matt Anderson

Hi Matt,

Thanks for your interest in BokehJS! First off I will say that currently the bokeh.js API and documentation and examples are not at the same level of development as the python Bokeh interface. Our primary focus has been to provide a path to the browser for people that does not require touching JavaScript! That said, we are not uninterested in developing BokehJS as a JS library in its own right, and some work is already underway to improve both the API and the documentation for BokehJS.

One of the things that is currently missing is the ability to easily "get ahold" of an embedded Bokeh plot, and then further to "get ahold" of the important sub-pieces like renderers or data sources. I am currently working on this (but also partly on vacation) so I don't expect it will be ready for a few weeks.

Regarding the hover ceasing to work.. I have seen similar behavior and I think it is a bug. I am not sure what the cause or solution might be yet. If you have an easy way to reproduce this behavior, can you please file an issue with information at the GH issue tracker? It is at: https://github.com/ContinuumIO/bokeh/issues

Finally angular integration is something we would love to have. I am not an angular expert though, so this is an area where input from experienced JS devs could be very valuable. If you'd like to share your thoughts or requirements about angular integration, the GH issue tracker is a great place for that discussion as well.

Thanks again,

Bryan

···

On Aug 1, 2014, at 10:39 PM, [email protected] wrote:

Hi,

I'm new to very new to Bokeh, but I've been developing an angularjs webapp for internal use at my company. A coworker has provided a <UUID>.embed.js file, and a script snippet which I placed within an html fragment I can route to / display in the angular app.

When the page with the Bokeh plot is first loaded / the embed script fragment is executed, everything seems to work. The plot has data points, and hovering over a data point brings up a box with additional information about that point.

However, if one navigates away from this part of the DOM and angular does whatever it does to hide it, and then navigates back to the page, the hovering no longer works (though the graph looks the same as it did before). This was true with Bokeh 0.4.4, and I've now just tried with the current 0.5.1 release -- the symptom is the same.

Can anyone speculate on what might need to happen to make the Bokeh plot functional again? A DOM manipulation? A javascript function call or change in state?

Is there an example anywhere of angularjs / Bokeh integration?

I did try to look at the bokeh.js library, and I found it difficult to understand (with all the other javascript libraries embedded inside it). Is there documentation anywhere describing the bokeh.js API from a point of view of someone who was trying to embed it inside of a larger application?

Thanks in advance,
Matt Anderson

--
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/a480bbd3-908d-439e-b48c-96c1fe3b59b5%40continuum.io.
For more options, visit https://groups.google.com/a/continuum.io/d/optout.

Hi Bryan,

After failing to attach a .zip file with a testcase for the hover bug, I created a github gist:

https://gist.github.com/manderso-brcm/ca1235c2bc5ed9051cf7

I also created an issue at github:

https://github.com/ContinuumIO/bokeh/issues/972

This is a minimal angularjs app with an embedded bokeh plot which seems to demonstrate the problem. It worked for me on firefox and chrome (windows; through a webserver) and firefox (linux; filesystem-based access).

Please let me know if you can figure out a workaround on the current bokeh release, and if new release fixes the problem.

Thanks,

Matt

···

On Mon, Aug 4, 2014 at 11:14 AM, Bryan Van de Ven [email protected] wrote:

Hi Matt,

Thanks for your interest in BokehJS! First off I will say that currently the bokeh.js API and documentation and examples are not at the same level of development as the python Bokeh interface. Our primary focus has been to provide a path to the browser for people that does not require touching JavaScript! That said, we are not uninterested in developing BokehJS as a JS library in its own right, and some work is already underway to improve both the API and the documentation for BokehJS.

One of the things that is currently missing is the ability to easily “get ahold” of an embedded Bokeh plot, and then further to “get ahold” of the important sub-pieces like renderers or data sources. I am currently working on this (but also partly on vacation) so I don’t expect it will be ready for a few weeks.

Regarding the hover ceasing to work… I have seen similar behavior and I think it is a bug. I am not sure what the cause or solution might be yet. If you have an easy way to reproduce this behavior, can you please file an issue with information at the GH issue tracker? It is at: https://github.com/ContinuumIO/bokeh/issues

Finally angular integration is something we would love to have. I am not an angular expert though, so this is an area where input from experienced JS devs could be very valuable. If you’d like to share your thoughts or requirements about angular integration, the GH issue tracker is a great place for that discussion as well.

Thanks again,

Bryan

On Aug 1, 2014, at 10:39 PM, [email protected] wrote:

Hi,

I’m new to very new to Bokeh, but I’ve been developing an angularjs webapp for internal use at my company. A coworker has provided a .embed.js file, and a script snippet which I placed within an html fragment I can route to / display in the angular app.

When the page with the Bokeh plot is first loaded / the embed script fragment is executed, everything seems to work. The plot has data points, and hovering over a data point brings up a box with additional information about that point.

However, if one navigates away from this part of the DOM and angular does whatever it does to hide it, and then navigates back to the page, the hovering no longer works (though the graph looks the same as it did before). This was true with Bokeh 0.4.4, and I’ve now just tried with the current 0.5.1 release – the symptom is the same.

Can anyone speculate on what might need to happen to make the Bokeh plot functional again? A DOM manipulation? A javascript function call or change in state?

Is there an example anywhere of angularjs / Bokeh integration?

I did try to look at the bokeh.js library, and I found it difficult to understand (with all the other javascript libraries embedded inside it). Is there documentation anywhere describing the bokeh.js API from a point of view of someone who was trying to embed it inside of a larger application?

Thanks in advance,

Matt Anderson

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/a480bbd3-908d-439e-b48c-96c1fe3b59b5%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/D9D12334-0CC2-41AA-A403-BC966A7287D1%40continuum.io.
For more options, visit https://groups.google.com/a/continuum.io/d/optout.

Hi –

Has anyone had a chance to look at this issue? It was marked as a bug on github 10 days ago, but I haven’t seen any activity on it since.

We need to determine if embedding Bokeh is going to be a viable choice for our project within a week or two. Understanding the cause of this bug, even if it isn’t solved in a Bokeh release, would get us most of the way there I think.

Thanks for the help,

Matt

···

On Wed, Aug 6, 2014 at 12:13 PM, Matt Anderson [email protected] wrote:

Hi Bryan,

After failing to attach a .zip file with a testcase for the hover bug, I created a github gist:

https://gist.github.com/manderso-brcm/ca1235c2bc5ed9051cf7

I also created an issue at github:

https://github.com/ContinuumIO/bokeh/issues/972

This is a minimal angularjs app with an embedded bokeh plot which seems to demonstrate the problem. It worked for me on firefox and chrome (windows; through a webserver) and firefox (linux; filesystem-based access).

Please let me know if you can figure out a workaround on the current bokeh release, and if new release fixes the problem.

Thanks,

Matt

On Mon, Aug 4, 2014 at 11:14 AM, Bryan Van de Ven [email protected] wrote:

Hi Matt,

Thanks for your interest in BokehJS! First off I will say that currently the bokeh.js API and documentation and examples are not at the same level of development as the python Bokeh interface. Our primary focus has been to provide a path to the browser for people that does not require touching JavaScript! That said, we are not uninterested in developing BokehJS as a JS library in its own right, and some work is already underway to improve both the API and the documentation for BokehJS.

One of the things that is currently missing is the ability to easily “get ahold” of an embedded Bokeh plot, and then further to “get ahold” of the important sub-pieces like renderers or data sources. I am currently working on this (but also partly on vacation) so I don’t expect it will be ready for a few weeks.

Regarding the hover ceasing to work… I have seen similar behavior and I think it is a bug. I am not sure what the cause or solution might be yet. If you have an easy way to reproduce this behavior, can you please file an issue with information at the GH issue tracker? It is at: https://github.com/ContinuumIO/bokeh/issues

Finally angular integration is something we would love to have. I am not an angular expert though, so this is an area where input from experienced JS devs could be very valuable. If you’d like to share your thoughts or requirements about angular integration, the GH issue tracker is a great place for that discussion as well.

Thanks again,

Bryan

On Aug 1, 2014, at 10:39 PM, [email protected] wrote:

Hi,

I’m new to very new to Bokeh, but I’ve been developing an angularjs webapp for internal use at my company. A coworker has provided a .embed.js file, and a script snippet which I placed within an html fragment I can route to / display in the angular app.

When the page with the Bokeh plot is first loaded / the embed script fragment is executed, everything seems to work. The plot has data points, and hovering over a data point brings up a box with additional information about that point.

However, if one navigates away from this part of the DOM and angular does whatever it does to hide it, and then navigates back to the page, the hovering no longer works (though the graph looks the same as it did before). This was true with Bokeh 0.4.4, and I’ve now just tried with the current 0.5.1 release – the symptom is the same.

Can anyone speculate on what might need to happen to make the Bokeh plot functional again? A DOM manipulation? A javascript function call or change in state?

Is there an example anywhere of angularjs / Bokeh integration?

I did try to look at the bokeh.js library, and I found it difficult to understand (with all the other javascript libraries embedded inside it). Is there documentation anywhere describing the bokeh.js API from a point of view of someone who was trying to embed it inside of a larger application?

Thanks in advance,

Matt Anderson

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/a480bbd3-908d-439e-b48c-96c1fe3b59b5%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/D9D12334-0CC2-41AA-A403-BC966A7287D1%40continuum.io.
For more options, visit https://groups.google.com/a/continuum.io/d/optout.

I am trying to test your plot in 0.5.2, but there are some errors related with some changes introduces by a new layout system, so I need the plot source code to fix it, or you have to provide the foo.embed.js rebuilt on 0.5.2. Let me know in the issue when you update the gist with any of them.

Thanks.

Damian

···

On Mon, Aug 18, 2014 at 1:48 PM, Matt Anderson [email protected] wrote:

Hi –

Has anyone had a chance to look at this issue? It was marked as a bug on github 10 days ago, but I haven’t seen any activity on it since.

We need to determine if embedding Bokeh is going to be a viable choice for our project within a week or two. Understanding the cause of this bug, even if it isn’t solved in a Bokeh release, would get us most of the way there I think.

Thanks for the help,

Matt

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/CAKMdCgA2r8TgXGqMNEwTayNz%3Da%2BqvgoHmkRzr_bmxPFM66qvDw%40mail.gmail.com.

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

On Wed, Aug 6, 2014 at 12:13 PM, Matt Anderson [email protected] wrote:

Hi Bryan,

After failing to attach a .zip file with a testcase for the hover bug, I created a github gist:

https://gist.github.com/manderso-brcm/ca1235c2bc5ed9051cf7

I also created an issue at github:

https://github.com/ContinuumIO/bokeh/issues/972

This is a minimal angularjs app with an embedded bokeh plot which seems to demonstrate the problem. It worked for me on firefox and chrome (windows; through a webserver) and firefox (linux; filesystem-based access).

Please let me know if you can figure out a workaround on the current bokeh release, and if new release fixes the problem.

Thanks,

Matt

On Mon, Aug 4, 2014 at 11:14 AM, Bryan Van de Ven [email protected] wrote:

Hi Matt,

Thanks for your interest in BokehJS! First off I will say that currently the bokeh.js API and documentation and examples are not at the same level of development as the python Bokeh interface. Our primary focus has been to provide a path to the browser for people that does not require touching JavaScript! That said, we are not uninterested in developing BokehJS as a JS library in its own right, and some work is already underway to improve both the API and the documentation for BokehJS.

One of the things that is currently missing is the ability to easily “get ahold” of an embedded Bokeh plot, and then further to “get ahold” of the important sub-pieces like renderers or data sources. I am currently working on this (but also partly on vacation) so I don’t expect it will be ready for a few weeks.

Regarding the hover ceasing to work… I have seen similar behavior and I think it is a bug. I am not sure what the cause or solution might be yet. If you have an easy way to reproduce this behavior, can you please file an issue with information at the GH issue tracker? It is at: https://github.com/ContinuumIO/bokeh/issues

Finally angular integration is something we would love to have. I am not an angular expert though, so this is an area where input from experienced JS devs could be very valuable. If you’d like to share your thoughts or requirements about angular integration, the GH issue tracker is a great place for that discussion as well.

Thanks again,

Bryan

On Aug 1, 2014, at 10:39 PM, [email protected] wrote:

Hi,

I’m new to very new to Bokeh, but I’ve been developing an angularjs webapp for internal use at my company. A coworker has provided a .embed.js file, and a script snippet which I placed within an html fragment I can route to / display in the angular app.

When the page with the Bokeh plot is first loaded / the embed script fragment is executed, everything seems to work. The plot has data points, and hovering over a data point brings up a box with additional information about that point.

However, if one navigates away from this part of the DOM and angular does whatever it does to hide it, and then navigates back to the page, the hovering no longer works (though the graph looks the same as it did before). This was true with Bokeh 0.4.4, and I’ve now just tried with the current 0.5.1 release – the symptom is the same.

Can anyone speculate on what might need to happen to make the Bokeh plot functional again? A DOM manipulation? A javascript function call or change in state?

Is there an example anywhere of angularjs / Bokeh integration?

I did try to look at the bokeh.js library, and I found it difficult to understand (with all the other javascript libraries embedded inside it). Is there documentation anywhere describing the bokeh.js API from a point of view of someone who was trying to embed it inside of a larger application?

Thanks in advance,

Matt Anderson

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/a480bbd3-908d-439e-b48c-96c1fe3b59b5%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/D9D12334-0CC2-41AA-A403-BC966A7287D1%40continuum.io.
For more options, visit https://groups.google.com/a/continuum.io/d/optout.

Hi Damian,

The Bokeh plot was regenerated with Bokeh 0.5.2, and the testcase was updated to use it. I tested it and it seems to work as it did before (hover stops working on navigation).

The gist should be updated with the new content. Please let me know if you have any issue with it, and I’ll get it updated ASAP.

Thanks for your help!

Matt Anderson

···

On Mon, Aug 18, 2014 at 12:17 PM, Damian Avila [email protected] wrote:

I am trying to test your plot in 0.5.2, but there are some errors related with some changes introduces by a new layout system, so I need the plot source code to fix it, or you have to provide the foo.embed.js rebuilt on 0.5.2. Let me know in the issue when you update the gist with any of them.

Thanks.

Damian

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/CAM9Ly3FoxTm0oCr-31r0H%3Da0yzrLLS71XUz00i5sRfH9B7uosA%40mail.gmail.com.

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

On Mon, Aug 18, 2014 at 1:48 PM, Matt Anderson [email protected] wrote:

Hi –

Has anyone had a chance to look at this issue? It was marked as a bug on github 10 days ago, but I haven’t seen any activity on it since.

We need to determine if embedding Bokeh is going to be a viable choice for our project within a week or two. Understanding the cause of this bug, even if it isn’t solved in a Bokeh release, would get us most of the way there I think.

Thanks for the help,

Matt

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/CAKMdCgA2r8TgXGqMNEwTayNz%3Da%2BqvgoHmkRzr_bmxPFM66qvDw%40mail.gmail.com.

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

On Wed, Aug 6, 2014 at 12:13 PM, Matt Anderson [email protected] wrote:

Hi Bryan,

After failing to attach a .zip file with a testcase for the hover bug, I created a github gist:

https://gist.github.com/manderso-brcm/ca1235c2bc5ed9051cf7

I also created an issue at github:

https://github.com/ContinuumIO/bokeh/issues/972

This is a minimal angularjs app with an embedded bokeh plot which seems to demonstrate the problem. It worked for me on firefox and chrome (windows; through a webserver) and firefox (linux; filesystem-based access).

Please let me know if you can figure out a workaround on the current bokeh release, and if new release fixes the problem.

Thanks,

Matt

On Mon, Aug 4, 2014 at 11:14 AM, Bryan Van de Ven [email protected] wrote:

Hi Matt,

Thanks for your interest in BokehJS! First off I will say that currently the bokeh.js API and documentation and examples are not at the same level of development as the python Bokeh interface. Our primary focus has been to provide a path to the browser for people that does not require touching JavaScript! That said, we are not uninterested in developing BokehJS as a JS library in its own right, and some work is already underway to improve both the API and the documentation for BokehJS.

One of the things that is currently missing is the ability to easily “get ahold” of an embedded Bokeh plot, and then further to “get ahold” of the important sub-pieces like renderers or data sources. I am currently working on this (but also partly on vacation) so I don’t expect it will be ready for a few weeks.

Regarding the hover ceasing to work… I have seen similar behavior and I think it is a bug. I am not sure what the cause or solution might be yet. If you have an easy way to reproduce this behavior, can you please file an issue with information at the GH issue tracker? It is at: https://github.com/ContinuumIO/bokeh/issues

Finally angular integration is something we would love to have. I am not an angular expert though, so this is an area where input from experienced JS devs could be very valuable. If you’d like to share your thoughts or requirements about angular integration, the GH issue tracker is a great place for that discussion as well.

Thanks again,

Bryan

On Aug 1, 2014, at 10:39 PM, [email protected] wrote:

Hi,

I’m new to very new to Bokeh, but I’ve been developing an angularjs webapp for internal use at my company. A coworker has provided a .embed.js file, and a script snippet which I placed within an html fragment I can route to / display in the angular app.

When the page with the Bokeh plot is first loaded / the embed script fragment is executed, everything seems to work. The plot has data points, and hovering over a data point brings up a box with additional information about that point.

However, if one navigates away from this part of the DOM and angular does whatever it does to hide it, and then navigates back to the page, the hovering no longer works (though the graph looks the same as it did before). This was true with Bokeh 0.4.4, and I’ve now just tried with the current 0.5.1 release – the symptom is the same.

Can anyone speculate on what might need to happen to make the Bokeh plot functional again? A DOM manipulation? A javascript function call or change in state?

Is there an example anywhere of angularjs / Bokeh integration?

I did try to look at the bokeh.js library, and I found it difficult to understand (with all the other javascript libraries embedded inside it). Is there documentation anywhere describing the bokeh.js API from a point of view of someone who was trying to embed it inside of a larger application?

Thanks in advance,

Matt Anderson

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/a480bbd3-908d-439e-b48c-96c1fe3b59b5%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/D9D12334-0CC2-41AA-A403-BC966A7287D1%40continuum.io.
For more options, visit https://groups.google.com/a/continuum.io/d/optout.

This was hopefully solved in https://github.com/bokeh/bokeh/pull/1274, so it has to work with the 0.7 release
Labelling this one as complete. If it is not the case Matt, just let us know…

Cheers.

Damian

···

On Tuesday, August 19, 2014 2:59:38 PM UTC-3, Matt Anderson wrote:

Hi Damian,

The Bokeh plot was regenerated with Bokeh 0.5.2, and the testcase was updated to use it. I tested it and it seems to work as it did before (hover stops working on navigation).

The gist should be updated with the new content. Please let me know if you have any issue with it, and I’ll get it updated ASAP.

Thanks for your help!

Matt Anderson

On Mon, Aug 18, 2014 at 12:17 PM, Damian Avila [email protected] wrote:

I am trying to test your plot in 0.5.2, but there are some errors related with some changes introduces by a new layout system, so I need the plot source code to fix it, or you have to provide the foo.embed.js rebuilt on 0.5.2. Let me know in the issue when you update the gist with any of them.

Thanks.

Damian

On Mon, Aug 18, 2014 at 1:48 PM, Matt Anderson [email protected] wrote:

Hi –

Has anyone had a chance to look at this issue? It was marked as a bug on github 10 days ago, but I haven’t seen any activity on it since.

We need to determine if embedding Bokeh is going to be a viable choice for our project within a week or two. Understanding the cause of this bug, even if it isn’t solved in a Bokeh release, would get us most of the way there I think.

Thanks for the help,

Matt

On Wed, Aug 6, 2014 at 12:13 PM, Matt Anderson [email protected] wrote:

Hi Bryan,

After failing to attach a .zip file with a testcase for the hover bug, I created a github gist:

https://gist.github.com/manderso-brcm/ca1235c2bc5ed9051cf7

I also created an issue at github:

https://github.com/ContinuumIO/bokeh/issues/972

This is a minimal angularjs app with an embedded bokeh plot which seems to demonstrate the problem. It worked for me on firefox and chrome (windows; through a webserver) and firefox (linux; filesystem-based access).

Please let me know if you can figure out a workaround on the current bokeh release, and if new release fixes the problem.

Thanks,

Matt

On Mon, Aug 4, 2014 at 11:14 AM, Bryan Van de Ven [email protected] wrote:

Hi Matt,

Thanks for your interest in BokehJS! First off I will say that currently the bokeh.js API and documentation and examples are not at the same level of development as the python Bokeh interface. Our primary focus has been to provide a path to the browser for people that does not require touching JavaScript! That said, we are not uninterested in developing BokehJS as a JS library in its own right, and some work is already underway to improve both the API and the documentation for BokehJS.

One of the things that is currently missing is the ability to easily “get ahold” of an embedded Bokeh plot, and then further to “get ahold” of the important sub-pieces like renderers or data sources. I am currently working on this (but also partly on vacation) so I don’t expect it will be ready for a few weeks.

Regarding the hover ceasing to work… I have seen similar behavior and I think it is a bug. I am not sure what the cause or solution might be yet. If you have an easy way to reproduce this behavior, can you please file an issue with information at the GH issue tracker? It is at: https://github.com/ContinuumIO/bokeh/issues

Finally angular integration is something we would love to have. I am not an angular expert though, so this is an area where input from experienced JS devs could be very valuable. If you’d like to share your thoughts or requirements about angular integration, the GH issue tracker is a great place for that discussion as well.

Thanks again,

Bryan

On Aug 1, 2014, at 10:39 PM, [email protected] wrote:

Hi,

I’m new to very new to Bokeh, but I’ve been developing an angularjs webapp for internal use at my company. A coworker has provided a .embed.js file, and a script snippet which I placed within an html fragment I can route to / display in the angular app.

When the page with the Bokeh plot is first loaded / the embed script fragment is executed, everything seems to work. The plot has data points, and hovering over a data point brings up a box with additional information about that point.

However, if one navigates away from this part of the DOM and angular does whatever it does to hide it, and then navigates back to the page, the hovering no longer works (though the graph looks the same as it did before). This was true with Bokeh 0.4.4, and I’ve now just tried with the current 0.5.1 release – the symptom is the same.

Can anyone speculate on what might need to happen to make the Bokeh plot functional again? A DOM manipulation? A javascript function call or change in state?

Is there an example anywhere of angularjs / Bokeh integration?

I did try to look at the bokeh.js library, and I found it difficult to understand (with all the other javascript libraries embedded inside it). Is there documentation anywhere describing the bokeh.js API from a point of view of someone who was trying to embed it inside of a larger application?

Thanks in advance,

Matt Anderson

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/a480bbd3-908d-439e-b48c-96c1fe3b59b5%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/D9D12334-0CC2-41AA-A403-BC966A7287D1%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/CAKMdCgA2r8TgXGqMNEwTayNz%3Da%2BqvgoHmkRzr_bmxPFM66qvDw%40mail.gmail.com.

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/CAM9Ly3FoxTm0oCr-31r0H%3Da0yzrLLS71XUz00i5sRfH9B7uosA%40mail.gmail.com.

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