Coder Social home page Coder Social logo

Tooltips not puplating about jupyter_bokeh HOT 3 CLOSED

bokeh avatar bokeh commented on May 22, 2024
Tooltips not puplating

from jupyter_bokeh.

Comments (3)

canavandl avatar canavandl commented on May 22, 2024

Those warnings are normal and it appears that you've correctly installed the jupyterlab_bokeh=0.6.3 extension onto jupyterlab=0.35.2 and are using bokeh=1.0.0.

What browser and OS are you using? Are you able to open the brower's developer console and see if there's any error output while you are hovering and the tooltips should appear?

from jupyter_bokeh.

mauermbq avatar mauermbq commented on May 22, 2024

I use actual chrome.
Jupyterlab runs in a docker container, FROM clearlinux:base and miniconda from https://repo.continuum.io/miniconda/Miniconda3-latest-Linux-x86_64.sh

When loading the notebook, there is one warning regarding cors:

Access to Font at 'about:blank' from origin 'http://localhost:8899' has been blocked by CORS policy: Invalid response. Origin 'http://localhost:8899' is therefore not allowed access.

When I execute the cell containing graphic with tooltip output - no error in the dev console of chrome, fcomplete otput see below:

Bokeh: BokehJS not loaded, scheduling load and callback at Sat Oct 27 2018 21:14:13 GMT+0200 (Mitteleuropäische Sommerzeit)
Bokeh: injecting script tag for BokehJS library:  https://cdn.pydata.org/bokeh/release/bokeh-1.0.0.min.js
VM845:211 Bokeh: injecting script tag for BokehJS library:  https://cdn.pydata.org/bokeh/release/bokeh-widgets-1.0.0.min.js
VM845:211 Bokeh: injecting script tag for BokehJS library:  https://cdn.pydata.org/bokeh/release/bokeh-tables-1.0.0.min.js
VM845:211 Bokeh: injecting script tag for BokehJS library:  https://cdn.pydata.org/bokeh/release/bokeh-gl-1.0.0.min.js
VM841 bokeh-1.0.0.min.js:31 [bokeh] document idle at 39 ms
VM845:204 Bokeh: all BokehJS libraries loaded
VM845:264 Bokeh: BokehJS plotting callback run at Sat Oct 27 2018 21:14:14 GMT+0200 (Mitteleuropäische Sommerzeit)
bokeh-1.0.0.min.js:31 [bokeh] setting log level to: 'info'
VM845:231 Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-1.0.0.min.css
VM845:233 Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-widgets-1.0.0.min.css
VM845:235 Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-tables-1.0.0.min.css
VM845:181 Bokeh: all callbacks have finished

from jupyter_bokeh.

bryevdv avatar bryevdv commented on May 22, 2024

This is working for me with Bokeh 1.2 and extension 1.0.0next, so closing. I will note the value text is black, so if you are using a "dark" theme or something, that might explain things. I think for now you would have to target CSS to change bokeh built-in text props, but could use a custom tooltip to set whatever CSS/HTML you need.

from jupyter_bokeh.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.