Highcharts图表x轴标签末尾含数字触发排序错误，需保留自定义顺序

问题原因 #

Highcharts解析HTML表格数据时，会自动检测x轴标签内容：如果标签末尾包含数字（比如Portfolio 2022），它会误将x轴识别为数值轴，而非需求的分类轴，进而触发错误#15（要求数据排序）。但业务需要保持表格的原始顺序，不能排序。

可行解决方案 #

方案1：强制指定x轴为分类轴（推荐，无需修改HTML） #

在Highcharts配置中显式设置x轴类型为category，强制按表格的原始顺序渲染标签，彻底规避数值识别逻辑：

Highcharts.chart('container', {
  xAxis: {
    type: 'category' // 核心配置：强制按分类处理，保留原始顺序
  },
  data: {
    table: 'datatable' // 你的表格ID
  },
  // 其他图表配置（如series、title等）
});

方案2：修改HTML结构干扰数值识别 #

如果不想调整JS配置，可通过修改第一列<td>的内容，让Highcharts无法识别出数值：

• 方式A：用<a>标签包裹文本（如你的临时方案），再用CSS消除链接样式：

<td><a>Portfolio 2022</a></td>

td a {
  color: inherit;
  text-decoration: none;
  cursor: default;
}

• 方式B：添加不可见的非数值字符，干扰数值检测：

<td><span style="display:none;">_</span>Portfolio 2022</td>

方案说明 #

• 方案1是最规范的解决方式，直接从配置层面明确轴类型，逻辑清晰且无冗余代码。
• 方案2适合无法修改JS配置的场景，通过微小的HTML调整绕过Highcharts的自动识别逻辑。

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