javascript - Highcharts 树状图 : Add link on lowest level

Question

是否可以在树形图的最低级别添加超链接？

fiddle :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 为 true2)捕获数据标签格式化程序3)添加条件，通过 isLeaf 标志检查这是否是“最后一层”4) 返回 url 为

显然，您可以通过将 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/