Highcharts如何为x轴和y轴设置自定义的对象属性名称？

你可以通过以下两种方式直接使用自定义属性名的数据集，无需提前转换数据：

方案1：单系列单独配置keys属性 #

在对应折线图系列的配置中添加keys字段，按[x轴对应字段, y轴对应字段]的顺序填写你的自定义属性名即可，示例代码如下：

Highcharts.chart('container', {
  chart: {
    type: 'line'
  },
  xAxis: {
    type: 'linear' // 若a为时间戳可调整为'datetime'
  },
  series: [{
    data: [{"a": 123, "b": 234},{"a": 345, "b": 456}],
    // 按顺序映射x、y对应的自定义字段
    keys: ['a', 'b']
  }]
});

方案2：全局配置所有系列生效 #

如果所有系列都使用相同的自定义字段规则，可以将keys配置放在plotOptions.series下，无需重复给每个系列配置：

Highcharts.chart('container', {
  chart: {
    type: 'line'
  },
  plotOptions: {
    series: {
      keys: ['a', 'b']
    }
  },
  series: [
    { data: [{"a": 123, "b": 234},{"a": 345, "b": 456}] },
    // 其他同规则系列无需再配置keys
    { data: [{"a": 123, "b": 567},{"a": 345, "b": 789}] }
  ]
});

补充说明 #

keys数组的顺序完全对应Highcharts默认的数据字段顺序，除了x、y外，如果需要映射自定义名称、颜色、提示框额外字段等，只需要按默认顺序往后追加对应的自定义属性名即可。 #

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