2017-09-03 5 views
1

J'essaie d'afficher plusieurs images dans des onglets en utilisant Bokeh. Mon code fonctionne lorsque je sauvegarde mon fichier au format html, mais il ne s'affiche pas en ligne dans le bloc-notes de Jupyter. Voici mon code:Impossible d'afficher les onglets de DataTable inline dans le bloc-notes de Jupyter

from bokeh.models.widgets import DataTable, DateFormatter, 
TableColumn, Panel, Tabs 
from bokeh.io import output_notebook, show 
from bokeh.models import ColumnDataSource 
from bokeh.plotting import figure 
from bokeh.resources import INLINE 
output_notebook(resources=INLINE) 

source = ColumnDataSource(train.head()) 
columns = [TableColumn(field=col, title=col) for col in train.columns.tolist()] 
data_table = DataTable(source=source, columns=columns, width=400, height=280) 
tab1 = Panel(child=data_table, title="Train") 

source = ColumnDataSource(prop.head()) 
columns = [TableColumn(field=col, title=col) for col in prop.columns.tolist()] 
data_table = DataTable(source=source, columns=columns, width=len(columns)*100, height=280) 
tab2 = Panel(child=data_table, title="Properties") 

tabs = Tabs(tabs=[tab1, tab2]) 
show(tabs) 

Voici le messege d'erreur:

Javascript error adding output! 
Error: SlickGrid's 'enableColumnReorder = true' option requires jquery-ui.sortable module to be loaded 
See your browser Javascript console for more details. 

Voici ma configuration:

Python 3.6.1 :: Anaconda custom (64-bit) 
Ubuntu 16.04 LTS 
jupyter==1.0.0 
jupyter-client==5.0.1 
jupyter-console==5.1.0 
jupyter-core==4.3.0 
bokeh==0.12.7 

que quelqu'un peut me montrer une direction que ce que je peux faire réparer ça? Merci d'avance! Mike

Répondre

0

Cela ressemble à un message d'erreur SlickGrid. Comme il est dit, jQueryUI.sortable est une dépendance de SlickGrid.
I comprennent normalement la construction complète de jQueryUI dans la page, ainsi que jQuery lui-même, comme:

<script src="../lib/jquery-1.11.2.min.js"></script> 
<script src="../lib/jquery-ui-1.11.3.min.js"></script> 

(ou vous pouvez utiliser le CDN jQuery).
Vous pouvez également inclure une version réduite de jQueryUI qui inclut uniquement triable (il existe des conflits connus entre jQueryUI et d'autres frameworks, par exemple Bootstrap).

Si slickgrid fait partie de la page, vous devriez déjà avoir ce type de configuration. Je n'ai aucune idée de Bokeh.