VS Code Jupyter Notebook中Vega无输出问题求助

一、处理iteritems弃用警告 #

• 手动修改vega库的utils.py文件：找到路径c:\Users\me\AppData\Local\Programs\Python\Python38\lib\site-packages\vega\utils.py的第51行，将df.dtypes.iteritems()替换为df.dtypes.items()，保存后重启Jupyter。
• 若不想修改源码，可降级pandas至兼容版本（执行pip install pandas==1.4.4），或升级vega库到修复该问题的新版本（执行pip install vega --upgrade）。

二、解决图表无输出/无报错问题 #

• 显式调用display()函数：用display()包裹图表对象，确保Jupyter触发渲染：

  chart = VegaLite({
    "mark": "point",
    "encoding": {
      "y": {"type": "quantitative", "field": "Acceleration"},
      "x": {"type": "quantitative", "field": "Horsepower"}
    }
  }, df)
  display(chart)
  

• 验证依赖与扩展安装：
  1. 确认已安装必要依赖：执行pip install vega vega-lite ipyvega
  2. 若使用JupyterLab，需安装对应扩展：jupyter labextension install @jupyterlab/vega3（注意JupyterLab版本需与扩展兼容）
• 切换正确的Python内核：在Jupyter顶部菜单栏Kernel > Change Kernel，选择安装了vega库的Python环境。
• 排除DataFrame传递问题：先使用内置数据源测试渲染是否正常：

  VegaLite({
    "mark": "point",
    "data": {"url": "https://vega.github.io/vega-lite/data/cars.json"},
    "encoding": {
      "y": {"type": "quantitative", "field": "Acceleration"},
      "x": {"type": "quantitative", "field": "Horsepower"}
    }
  })
  

• 检查浏览器控制台报错：打开Jupyter页面的开发者工具（F12），查看Console标签页是否有加载失败、脚本错误等信息，排查资源加载问题。

内容的提问来源于stack exchange，提问作者TheRizza