饼图的每个图例下方都有一个超链接

时间:2013-04-16 06:41:34

标签: highcharts

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

1 个答案:

答案 0 :(得分:0)

这是@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/