如何在Highcharts中交换X/Y轴数值？图表数据展示异常求助

问题核心是你的chartData函数提取了错误的列数据——当前用了2023列的文本值作为饼图的数值项，而非Year列的数值。

解决方案：修正数据提取逻辑 #

找到你代码中的chartData函数，调整它的行数据映射规则，明确指定2023列作为饼图项名称，Year列作为数值，同时将Year列的字符串转为数字类型（Highcharts需要数值类型来渲染饼图）。

修改后的chartData函数示例：

function chartData(table) {
  const data = [];
  table.rows().every(function() {
    const row = this.data();
    // 映射name为2023列文本，y为Year列的数值
    data.push({
      name: row[1],
      y: parseFloat(row[2])
    });
  });
  return data;
}

额外优化：修复tooltip格式 #

你的tooltip配置缺少名称显示，可以调整为更清晰的格式：

tooltip: {
  pointFormat: '<b>{point.name}</b>: {point.y}'
}

出错原因说明 #

1. 列索引对应错误：默认的chartData可能误将2023列（索引1）当作了数值列，而Year列实际在索引2的位置。
2. 数据类型问题：Year列的数值在Datatables中是字符串格式，必须用parseFloat()转为数字，否则Highcharts会将其当作文本处理。

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