ipython notebook不能使用d3js或nvd3显示多个图表

Question

如果我尝试在第一个单元格中显示图表，

然后尝试在第二个单元格中显示相同类型的图表，

第二次将不显示任何内容

无法显示python-nvd3输出的html

https://gist.github.com/poc7667/0f2203231fa6d01a3f39

iPython notebook上的输出看起来很糟糕(它太窄了)。

​

​

代码

# load nvd3
import random
from IPython import display as d
import nvd3
nvd3.ipynb.initialize_javascript(use_remote=True)


chart3=nvd3.lineWithFocusChart(name="focusChart",height=600)
xdata = [ i['_id'] for i in DATA_SOURCE ]
ydata = [ i['count'] for i in DATA_SOURCE ]
chart3.add_serie(x=xdata,y=ydata,name="monthly allergic", x_is_date=True, x_axis_format="%Y/%m/%d")
chart3.buildhtml()
chart3

with open('demo3.html','w') as f:    
    f.write(chart3.htmlcontent)

iPython和nvd3的版本

% pip3 list | grep ipython                                                                                                     (git)-[master]
ipython (3.1.0)
python-nvd3 (0.13.8)

Answer 1

在创建第二个图表时提供不同的名称

    chart3=nvd3.lineWithFocusChart(name="some_other_name",height=600)

这里提供的名称被用作图表的容器div的id，给出不同的名称可以解决这个问题。这对我很有效，希望对你有帮助。