Я пытаюсь получить текст метки на оси x символов, щелкнув по ней. Я использую гистограмму, и код следующий:
var chart = new Highcharts.Chart({
chart: {
type: 'column',
backgroundColor: '#eaedf1',
zoomType: 'x',
renderTo: 'container'
},
plotOptions: {
series: {
cursor: 'pointer',
pointWidth: 10,
point: {
events: {
click: function (event) {
console.log(event.point.name + " " + this.y);
}
}
}
}
},
title: {
text: 'Total Flow Types'
},
xAxis: {
type: 'category',
labels: {
rotation: -90
}
},
yAxis: {
min: 0,
title: {
text: 'millions'
}
},
legend: {
enabled: false
},
series: [{
name: 'Flow Types'
}]
});
Затем, нажав кнопку, диаграмма заполняется с помощью ajax, который отлично работает. Проверив верхнюю часть диаграммы, я увидел, что каждая из меток - это текст / текст. Они являются частью g / element с классом highcharts-axis-labels highcharts-xaxis-labels. Итак, я попытался получить значения с помощью jquery, например:
$('body').on('click', 'g.highcharts-axis-labels.highcharts-xaxis-labels text', function () {
console.log($(this).text());
});
или просто
$('body').on('click', 'text', function () {
console.log($(this).text());
});
Все это часть функции document.ready. К сожалению, ни один из них не извлекает текст метки оси X?
