Hi,
I am trying to create pie charts within a JS callback once a user clicks somewhere in a standalone html file.
However, I can not access the Bokeh.Charts object (module? I am kind of noobish at JS…), the following piece of code fails on the Browser:
source.callback = CustomJS(args=dict(source=source), code="""
data = ....
var pie = Bokeh.Charts.pie(data)
""")
… with error (Firefox):
TypeError: Bokeh.Charts is undefined[Learn More]
Bokeh.Charts.pie should be available according to the docs:
The BokehJS JavaScript APIs are in a separate JS module, and it is *not* automatically included by default. The vast majority of documents created from Python would never use this code at all, so it would be wasteful in terms of payload size to force the JS API to be included on every document.
To load the JS APIs you'd need to add something like this to your HTML template:
That will cause Bokeh.Charts to be available, once the script is loaded.
Thanks,
Bryan
···
On Nov 30, 2016, at 8:47 AM, Georg Pölzlbauer <[email protected]> wrote:
Hi,
I am trying to create pie charts within a JS callback once a user clicks somewhere in a standalone html file.
However, I can not access the Bokeh.Charts object (module? I am kind of noobish at JS...), the following piece of code fails on the Browser:
source.callback = CustomJS(args=dict(source=source), code="""
data = ....
var pie = Bokeh.Charts.pie(data)
""")
... with error (Firefox):
TypeError: Bokeh.Charts is undefined[Learn More]
Another option: you could also try adding "bokeh-api" to the .components attribute of a Resources object:
from bokeh.resources import CDN
CDN.components.append("bokeh-api")
Now if you explicitly use this CDN resources object when you generate your output, it should also automatically include bokeh-api.js as well.
Thanks,
Bryan
···
On Nov 30, 2016, at 9:20 AM, Bryan Van de Ven <[email protected]> wrote:
Hi,
The BokehJS JavaScript APIs are in a separate JS module, and it is *not* automatically included by default. The vast majority of documents created from Python would never use this code at all, so it would be wasteful in terms of payload size to force the JS API to be included on every document.
To load the JS APIs you'd need to add something like this to your HTML template:
That will cause Bokeh.Charts to be available, once the script is loaded.
Thanks,
Bryan
On Nov 30, 2016, at 8:47 AM, Georg Pölzlbauer <[email protected]> wrote:
Hi,
I am trying to create pie charts within a JS callback once a user clicks somewhere in a standalone html file.
However, I can not access the Bokeh.Charts object (module? I am kind of noobish at JS...), the following piece of code fails on the Browser:
source.callback = CustomJS(args=dict(source=source), code="""
data = ....
var pie = Bokeh.Charts.pie(data)
""")
... with error (Firefox):
TypeError: Bokeh.Charts is undefined[Learn More]