ECharts不支持XML，需将XML转为JSON。先用fetch加载XML，DOMParser解析为DOM对象，再遍历节点提取数据，构造categories和values数组，最后初始化图表。
ECharts 本身不支持直接加载 XML 数据，它需要的是 JSON 格式的数据，比如数组、对象等。因此，要使用 XML 数据生成 ECharts 图表，必须先将 XML 解析并转换为 JavaScript 能处理的 JSON 结构。
1. 获取并解析 XML 数据
可以通过 fetch 或 XMLHttpRequest 加载本地或远程的 XML 文件，然后利用浏览器内置的 DOMParser 将 XML 字符串解析为 DOM 对象。
示例代码：
const parser = new DOMParser();
fetch('data.xml')
.then(response => response.text())
.then(xmlText => {
const xmlDoc = parser.parseFromString(xmlText, 'text/xml');
const jsonData = parseXmlToChartFormat(xmlDoc);
initChart(jsonData);
});
2. 将 XML 转换为 ECharts 所需格式
假设你的 XML 数据结构如下：
<chart>
<item>
<name>类别A</name>
<value>120</value>
</item>
<item>
<name>类别B</name>
<value>80</value>
</item>
</chart>
你需要将其转换成类似这样的 JSON 格式：
Java注释规范Skills
下载
当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。
{
categories: ['类别A', '类别B'],
values: [120, 80]
}
转换函数示例：
function parseXmlToChartFormat(xmlDoc) {
const items = xmlDoc.getElementsByTagName('item');
const result = {
categories: [],
values: []
};
for (let i = 0; i < items.length; i++) {
const name = items[i].getElementsByTagName('name')[0].textContent;
const value = Number(items[i].getElementsByTagName('value')[0].textContent);
result.categories.push(name);
result.values.push(value);
}
return result;
}
3. 使用转换后的数据初始化 ECharts
将转换后的数据传入 ECharts 的 option 中，例如绘制柱状图：
function initChart(data) {
const myChart = echarts.init(document.getElementById('main'));
const option = {
xAxis: {
type: 'category',
data: data.categories
},
yAxis: {
type: 'value'
},
series: [{
data: data.values,
type: 'bar'
}]
};
myChart.setOption(option);
}
基本上就这些。只要把 XML 正确解析并转成数组或对象，ECharts 就能正常使用。注意处理 XML 解析错误（如标签不存在、网络失败等），确保程序健壮性。整个过程不复杂，但容易忽略编码和字段名匹配问题。
