使用Amchart开发Y轴为分类的横向折线图的实现方法咨询

完全可以实现，AmCharts 4、5版本均原生支持将Y轴设置为分类轴，不需要额外做坐标映射或自定义开发，核心逻辑是将默认的「X分类轴+Y数值轴」配置互换即可。

核心配置要点 #

• 数据结构无需特殊调整，保持常规的「分类字段+数值字段」键值对结构即可，示例数据：

const chartData = [
  { item: "项目A", score: 78 },
  { item: "项目B", score: 92 },
  { item: "项目C", score: 64 },
  { item: "项目D", score: 85 }
];

• 轴类型互换配置：将Y轴声明为CategoryAxis类型并指定分类字段，X轴声明为ValueAxis类型，以下为AmCharts 5的示例配置：

// 初始化Y轴（分类轴）
let yAxis = chart.yAxes.push(am5xy.CategoryAxis.new(root, {
  categoryField: "item", // 此处填写你的分类字段名
  renderer: am5xy.AxisRendererY.new(root, {})
}));
yAxis.data.setAll(chartData);

// 初始化X轴（数值轴）
let xAxis = chart.xAxes.push(am5xy.ValueAxis.new(root, {
  renderer: am5xy.AxisRendererX.new(root, {})
}));

• 折线系列关联对应字段：

let lineSeries = chart.series.push(am5xy.LineSeries.new(root, {
  xAxis: xAxis,
  yAxis: yAxis,
  valueXField: "score", // 此处填写你的数值字段名
  categoryYField: "item", // 对应Y轴的分类字段
  tooltip: am5.Tooltip.new(root, {})
}));
lineSeries.data.setAll(chartData);

额外配置提示 #

如果需要调整Y轴分类的排序顺序，可在Y轴配置中添加sort: "asc"或sort: "desc"参数实现正序/倒序排列。

如果使用AmCharts 4版本，逻辑完全一致，仅API写法略有差异，将Y轴声明为CategoryAxis并指定dataFields.category为你的分类字段即可。

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