highcharts - pi-chart 的每个图例下方都有一个超链接

Question

legend: {
                enabled: true,
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                labelFormatter: function () {
                    return this.y + ' ' + this.name;
                }

你好

我有一个特殊要求。我需要在每个 pi 图表图例下方有一个超链接。

在每个图例下都应该出现一个超链接。

目前我正在通过更新 labelFormatter 来管理它，如下所示。

return this.y + ' ' + this.name+ '<br /> <a href="google.com/">' + this.x + '…. </a>'

有没有更好的方法呢？

http://www.highcharts.com/ http://www.highcharts.com/demo/pie-basic

Answer 1

这是@Sebastian Bochan 所说的最好的方法。但是，如果您愿意，可以执行以下操作：

var urlData = ['Google','Bing','Yahoo','Other'];

然后（与href相同）：

return this.y + ' ' + this.name+ '<br /> <a href="google.com/">' + urlData[this.x] + '</a>'

http://jsfiddle.net/uWAvP/3745/