Question

尝试在IPython中用vincent绘制样本图：

import vincent
vincent.core.initialize_notebook()

list_data = [10, 20, 30, 20, 15, 30, 45]

bar = vincent.Bar(list_data)
bar.display()

没有任何反应。我需要启用IPython中的任何特殊设置吗？我需要禁用内联选项吗？

Answer 1

vincent.core.initialize_notebook()是硬编码的，可以通过不安全的HTTP从CDN导入其Javascript库。如果您通过HTTPS访问笔记本电脑服务器，则会失败。（如果在浏览器中打开Javascript控制台，则可以看到此效果的错误，但是它只是默默地失败。）

此拉取请求已解决此问题，但尚未修复：https://github.com/wrobstory/vincent/pull/64

我自己通过手动将所有引用的Javascript库下载到我的ipynb所在的本地目录中来解决这个问题，并使用此修改版本的笔记本初始化例程来获取这些本地副本，由Notebook服务器直接通过HTTPS提供：

def init_vincent():
    """Initialize the IPython notebook display elements"""
    try:
        from IPython.core.display import display, HTML
    except ImportError:
        print('IPython Notebook could not be loaded.')

    require_js = '''
    if (window['d3'] === undefined) {{
        require.config({{ paths: {{d3: "/files/d3.v3.min"}} }});
        require(["d3"], function(d3) {{
          window.d3 = d3;
          {0}
        }});
    }};
    if (window['topojson'] === undefined) {{
        require.config(
            {{ paths: {{topojson: "/files/topojson.v1.min"}} }}
            );
        require(["topojson"], function(topojson) {{
          window.topojson = topojson;
        }});
    }};
    '''
    d3_geo_projection_js_url = "files/d3.geo.projection.v0.min.js"
    d3_layout_cloud_js_url = ("files/"
                              "d3.layout.cloud.js")
    topojson_js_url = "files/topojson.v1.min.js"
    vega_js_url = 'files/vega.js'

    dep_libs = '''$.getScript("%s", function() {
        $.getScript("%s", function() {
            $.getScript("%s", function() {
                $.getScript("%s", function() {
                        $([IPython.events]).trigger("vega_loaded.vincent");
                })
            })
        })
    });''' % (d3_geo_projection_js_url, d3_layout_cloud_js_url,
              topojson_js_url, vega_js_url)
    load_js = require_js.format(dep_libs)
    html = '<script>'+load_js+'</script>'
    display(HTML(html))

这里唯一的魔力就是知道IPython的Notebook服务器在工作目录中提供文件，其中ipynb文件位于路径/files/*。

Answer 2

在来自predicador37的评论之后，我的工作如下：

使用

升级到vincent版本0.4.4

pip install vincent==0.4.4

插入建议的initialize_notebook命令，即：

import vincent
vincent.core.initialize_notebook()
bar = vincent.Bar(multi_iter1['y1'])
bar.axis_titles(x='Index', y='Value')
bar.display()

成功！我在笔记本内部获得了可视化效果。

Answer 3

你是否有机会支持代理？我得到了相同的结果。用Google搜索它看起来像vincent.core.initialize_notebook（）尝试点击以下两个网址。

d3_js_url = "http://d3js.org/d3.v3.min.js" vega_js_url = 'http://trifacta.github.com/vega/vega.js'

我认为如果我让Chrome拥有代理凭据，那么这可能有效，但不是因为IT限制。

在IPython中使用vincent无法绘制

3 个答案: