请找到树形图http://jsfiddle.net/BlackLabel/m0587v4q/的链接。我需要的是,当我双击图例时,它应该显示仅隐藏在树图上的数据和其余数据应该隐藏。
$('#container').highcharts({
'chart': {
type: 'treemap'
},
series: [{
data: [{
'name': 'Americas',
'value': 52976,
'color': 'rgba(47,126,216,1)'
}, {
'name': 'Australia',
'value': 41219,
'color': 'rgba(13,35,58,1)'
}, {
'name': 'Europe',
'value': 62756,
'color': 'rgba(139,188,33,1)'
}, {
'name': 'Asia',
'value': 14577,
'color': 'rgba(145,0,0,1)'
}],
legendType: 'point',
showInLegend: true
}]
});
您可以使用Custom-Events
插件并以这种方式添加双击事件:
legend: {
itemEvents: {
dblclick: function() {
console.log('dblclick')
},
click: function() {
console.log('click')
}
}
}
实时演示: http://jsfiddle.net/BlackLabel/6m4e8x0y/4952/
文档: https://www.highcharts.com/plugin-registry/single/15/Custom-Events