Возможно ли установить dataLabels для отображения данных xAxis вместо данных yAxis в HighCharts?

Question

, поэтому, читая документы по умолчанию, когда вы включаете dataLabels на диаграмме, он будет отображать значения yAxis, но возможно ли сделать так, чтобы он отображал значения xAxis?

Answer 1

Вы можете отформатировать метки в Highcharts двумя способами:

1. Используйте dataLabels.formatter, если у вас есть доступ к this (точка):
   

   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/

Answer 2

Да, можно просто добавить этот код:

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

Fiddle