7

尝试在 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 中的任何特殊设置吗？我需要禁用内联选项吗？

4

3 回答 3

4

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

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

我自己解决了这个问题，手动将所有引用的 Javascript 库下载到我的 ipynb 所在的本地目录中，并使用笔记本初始化例程的这个修改版本来获取那些本地副本，由笔记本服务器直接通过 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 文件所在的工作目录中提供文件的知识 path /files/*。

于 2014-03-04T03:23:23.760 回答
1

根据 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()

成功！我在笔记本中得到了可视化。

于 2014-10-14T23:59:22.653 回答
0

你有没有可能在代理背后？我得到相同的结果。谷歌搜索它看起来像 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 限制而没有。

于 2014-02-25T14:13:54.757 回答