javascript - HighCharts : 向图表的 X 轴添加超链接

Question

我一直在我的 PHP 网站中使用 HighCharts，方法是从旧图表中迁移它，这个库的图形选项和函数的数量给我留下了深刻的印象。

但是，我无法提供指向 x 轴（或 y 轴）值的超链接以导航到另一个 URI。

在这种情况下的类别代码

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

任何人都可以指出我在 Highcharts 上的示例或文档（如果有）。

谢谢

编辑：答案

这是链接类别名称的 jsfiddle：http: //jsfiddle.net/a5Bdt/

Answer 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
    }
},

Answer 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]
        }]
    });