HighCharts: добавление гиперссылок на ось X диаграммы
Я использую HighCharts на своем PHP-сайте, перенеся его из старых диаграмм, и меня очень впечатляет количество вариантов и функций графика с этой библиотекой.
Однако я не могу предоставить гиперссылки на значения оси x (или оси y), чтобы перейти к другому URI.
Код категорий в этом случае
xAxis: {
categories: [
'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
]
},
Может ли кто-нибудь указать мне пример или документацию на Highcharts, если они доступны.
Спасибо
EDIT: ANSWER
Вот jsfiddle для названий связанных категорий: http://jsfiddle.net/a5Bdt/
Ответы
Ответ 1
Прошло некоторое время с тех пор, как я сделал работу в highcharts, но я считаю, что вам просто нужно предоставить функцию formatter
. Например:
xAxis: {
categories: [
'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
],
labels: {
formatter: function () {
return '<a>' + this.value + '</a>'
},
useHTML: true
}
},
Ответ 2
var categoryLinks = {
'Foo': 'http://www.google.com',
'Bar': 'http://www.facebook.com',
'Foobar': 'http://www.stackoverflow.com'
};
$('#container').highcharts({
xAxis: {
categories: ['Foo', 'Bar', 'Foobar'],
labels: {
formatter: function () {
return '<a href="' + categoryLinks[this.value] + '">' +
this.value + '</a>';
}
}
},
series: [{
data: [300, 200, 600]
}]
});