ECharts怎么加载XML数据 ECharts数据格式化

ECharts 不直接解析 XML，需先用 fetch + DOMParser 将 XML 转为 JS 对象，再构造符合 series.data/link 格式的数组；推荐服务端直接提供 JSON 或加代理转换。

ECharts 本身不直接解析 XML 数据，必须先将 XML 转为 JavaScript 对象（如数组或 JSON 结构），再传给 setOption 使用。关键不在“能不能读 XML”，而在于“怎么安全、可靠地把它变成 ECharts 能用的格式”。

XML 数据怎么获取并转成可用结构

浏览器原生支持 XMLHttpRequest 或 fetch 加载 XML 文件，但返回的是 XMLDocument 对象，需手动提取字段。常见做法是：

• 用 fetch('data.xml').then(r => r.text()) 获取原始字符串，再用 new DOMParser().parseFromString(xmlStr, 'text/xml') 解析
• 检查解析是否成功：parser.querySelector('parsererror') 存在说明 XML 格式有误
• 按需遍历节点，例如提取所有 <node></node> 和 <link>（适用于网络图）或 <item></item>（适用于柱状图/折线图）
• 构造标准 ECharts 所需的数据结构，比如：series[0].data = nodes.map(n => ({name: n.getAttribute('id'), value: +n.getAttribute('value')}))

典型 XML 示例与对应 ECharts 数据映射

以 ECharts 官网示例 les-miserables.gexf（GEXF 是 XML 变种）为例：

标签： javascript python java js 前端 node.js json node 浏览器 app edge