JS Callback: Bokeh.Charts

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:
http://bokeh.pydata.org/en/latest/docs/user_guide/bokehjs.html#bokeh-charts

Any help appreciated…
Thanks,
Georg

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:

  <script src="http://cdn.pydata.org/bokeh/release/bokeh-api-0.12.3.min.js"></script>

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]

Bokeh.Charts.pie should be available according to the docs:
http://bokeh.pydata.org/en/latest/docs/user_guide/bokehjs.html#bokeh-charts

Any help appreciated...
Thanks,
Georg

--
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/1425a3d2-bc1d-48df-ac20-bc934e4694e2%40continuum.io.
For more options, visit https://groups.google.com/a/continuum.io/d/optout.

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:

  <script src="http://cdn.pydata.org/bokeh/release/bokeh-api-0.12.3.min.js"></script>

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]

Bokeh.Charts.pie should be available according to the docs:
http://bokeh.pydata.org/en/latest/docs/user_guide/bokehjs.html#bokeh-charts

Any help appreciated...
Thanks,
Georg

--
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/1425a3d2-bc1d-48df-ac20-bc934e4694e2%40continuum.io.
For more options, visit https://groups.google.com/a/continuum.io/d/optout.