VEGA在线编辑器加载GitHub仓库JSON文件失败配置问题咨询

你当前配置的数据源url是GitHub的文件预览网页地址，响应内容为HTML而非纯JSON，是导致加载失败的直接原因。

修复步骤 #

• 将url前缀从https://github.com/替换为https://raw.githubusercontent.com/
• 删除url路径中的/blob/字段
• 修正后的完整数据源url为：https://raw.githubusercontent.com/omerakko/VEGA/288ea5a5cc2a2e118eec6301f1b20288cffbef5b/vegaTreemapData.json

修正后的完整data配置 #

"data": [
    {
      "name": "tree",
      "url": "https://raw.githubusercontent.com/omerakko/VEGA/288ea5a5cc2a2e118eec6301f1b20288cffbef5b/vegaTreemapData.json",
      "format": {"type": "json", "parse": "auto"},
      "transform": [
        {"type": "stratify", "key": "id", "parentKey": "parent"},
        {
          "type": "treemap",
          "field": "percentage",
          "sort": {"field": "value"},
          "round": true,
          "method": {"signal": "layout"},
          "ratio": {"signal": "aspectRatio"},
          "size": [{"signal": "width"}, {"signal": "height"}]
        }
      ]
    },
    {"name": "testData", "source": "tree"},
    {
      "name": "nodes",
      "source": "tree",
      "transform": [{"type": "filter", "expr": "datum.children"}]
    },
    {
      "name": "leaves",
      "source": "tree",
      "transform": [{"type": "filter", "expr": "!datum.children"}]
    }
  ]

其他注意事项 #

• 确认该JSON文件在对应提交哈希的路径下未被删除、修改
• 提前校验JSON文件本身语法合法性，避免内容格式错误导致解析失败
• 现有format、transform配置无需额外调整，替换url后即可正常加载

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