Показать последнее значение оси Y на диаграмме

Question

У меня есть сплайн-диаграмма с осью X datetime. Я хотел бы показать по графику самое последнее/последнее значение оси Y по умолчанию.

Все мои значения в настоящее время настроены на отображение всплывающей подсказки при наведении курсора, и я не знаю, как этого добиться. Это график статистики за день, и он обновляется ежедневно, поэтому было бы неплохо, если бы пользователи быстро увидели последнее значение на оси Y.

Любые советы или решения будут очень благодарны!

Answer 1

Хорошо, поэтому мне удалось это сделать, используя атрибут dataLabels и его форматирование.

Важной частью является опция dataLabels. Сначала вы должны установить его для включения, а затем сделать форматирование, чтобы вернуть значение точки только в том случае, если это последняя точка вашей серии. Значения x и y для этикеток также должны быть отредактированы в соответствии с вашими потребностями (в зависимости от ширины/высоты вашего контейнера диаграммы и т. Д.). В примере я просто попытался сделать его доступным для чтения.

Вот фрагмент кода:

var chart = new Highcharts.Chart({ 

chart: { 
    renderTo: 'container' 
}, 

xAxis: { 
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
}, 

plotOptions: { 
    series: { 
     dataLabels : { 
       enabled : true, 
       align : 'left', 
       x : 3, 
       y : 9, 
       formatter : function() { 
        if (this.point.x == this.series.data[this.series.data.length - 1].x) { 
         return this.y; 
        } else { 
         return null; 
        } 
       } 
      } 
    } 
}, 

series: [{ 
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
}, { 
    data: [106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5] 
}] 

}); 

Я также сделал скрипку этого решения: http://jsfiddle.net/tzEdX/