Добавить dataLabel в Area chart в Highcharts.js

Question

Я хочу добавить метку данных в определенную точку на диаграмме «Площадь». Я использую «Highchart» для создания графика. Я хочу, чтобы метка данных в графическом дизайне выглядела следующим образом. Что я должен попробовать? Я попробовал dataLabel, определенный в диаграмме 'line', но он применяет dataLabel к каждой точке диаграммы. Я хочу, чтобы он был применен для конкретной точки. Кроме того, он не должен показывать значение этой точки в качестве dataLabel, но в этой точке должен отображаться serial.name.

Answer 1

Для соответствующей точки в ваших данных используйте обозначение объекта и ярлыки с включенными данными. Вы можете использовать format и formatter, чтобы отобразить нужную информацию.

Пример вашей серии будет:

series: [{ 
    name: 'My series name', 
    data: [5, 10, 30, 100, 200, 300, 600, 
     { 
      y: 900, 
      dataLabels: { 
       enabled: true, 
       format: '{series.name}' 
      } 
     }, 
     700, 400, 100] 
}] 

Или увидеть this more elaborate JSFiddle example.