Question

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

小提琴：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

有什么想法吗？

Answer 1

你可以通过这种方式实现这一点： 1）将useHTML设置为true 2）捕获datalabels formatter 3）添加条件，通过isLeaf标志检查这是否是＆＃34;最后一级＆＃34; 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/

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

1 个答案: