可以将dataLabels设置为在HighCharts中显示xAxis数据而不是yAxis数据吗？

Question

因此，当您在图表上启用dataLabels时，默认情况下通过阅读文档可以呈现yAxis值，但是是否可以呈现xAxis值？

Answer 1

是的，只需添加以下代码即可：

dataLabels: {
  enabled: true,
  formatter: function() {
    return this.x;
  }
},

Fiddle

Answer 2

您可以通过两种方式在Highcharts中设置标签格式：

1. 在可以访问this（点）的地方使用dataLabels.formatter：
   

   formatter: function () {
     return this.x;
   }
   

   演示：http://jsfiddle.net/BlackLabel/t2cek68m/1/

2. 使用dataLabels.format，您可以在其中放置简单的模板：

   format: "{x}"
   

   演示：http://jsfiddle.net/BlackLabel/t2cek68m/

注意：

您可以使用某个点的任何属性，以在标签中显示此属性，format和formatter都可以使用：

 format: '{point.customValue}'

或者：

 formatter: function () {
   return this.point.customValue;
 }

将点定义为对象的地方

series: [{
  data: [{
    x: 10,
    y: 15,
    customValue: '10x10'
  }]
}]

演示：http://jsfiddle.net/BlackLabel/t2cek68m/3/