Highcharts Treemap:在最低级别添加链接

时间:2015-04-13 10:31:07

标签: javascript highcharts

是否有可能在树形图的最低层添加超链接?

小提琴:http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/treemap-large-dataset/

 1. Click on Africa 
 2. Click on Nigeria
 3. Click on "Communicable Diseases" should be a link to e.g. www.google.com

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

你可以通过这种方式实现这一点: 1)将useHTML设置为true 2)捕获datalabels formatter 3)添加条件,通过isLeaf标志检查这是否是"最后一级" 4)返回网址

显然,您可以通过将URL保留在点对象中来扩展它。

dataLabels: {
                useHTML:true,
                enabled: true,
                formatter:function(){
                    if(this.point.isLeaf) {

                        return '<a href="http://www.google.com" target="_blank">' + this.key + '</div>';
                    } else {
                        return this.key;
                    }
                }
            },

示例:http://jsfiddle.net/7j03wx33/2/