繁花不似錦
2022-10-08 10:38:49
我正在研究 TreeMap highcharts API。當我單擊任何節(jié)點時,它會轉到子節(jié)點,但是當我到達最后一個節(jié)點時,只有子節(jié)點顯示沒有其他節(jié)點。我的要求是,當我單擊任何那個子節(jié)點時,只有那個子節(jié)點會顯示在 treeMap 中,其他子節(jié)點應該是不可見的。下面是我的代碼。Highcharts.chart('container', { series: [{ type: 'treemap', layoutAlgorithm: 'squarified', allowDrillToNode: true, animationLimit: 1000, allowTraversingTree: true, interactByLeaf : false, dataLabels: { enabled: false }, levelIsConstant: false, levels: [{ level: 1, dataLabels: { enabled: true }, borderWidth: 3 }], data: points }], subtitle: { text: 'Click points to drill down. Source: <a href="http://apps.who.int/gho/data/node.main.12?lang=en">WHO</a>.' }, title: { text: 'Global Mortality Rate 2012, per 100 000 population' }, plotOptions: { series: { events: { click: function (event) { if (event.point.node.childrenTotal == 0) { alert('test') } } } } }}); 請幫我解決這個問題if (event.point.node.childrenTotal == 0){ // }我們需要在這一行中編寫的內容只顯示樹形圖中的可點擊節(jié)點,其他節(jié)點應該是不可見的?;蛘撸欠裼腥魏纹渌麑傩钥梢栽跊]有單擊事件的情況下處理此要求。
1 回答

慕運維8079593
TA貢獻1876條經驗 獲得超5個贊
要達到這種效果,您需要以適當?shù)姆绞蕉x數(shù)據(jù) - 將下一個子級嵌套到層次結構中間的點。像這兒:
series: [{
type: "treemap",
allowDrillToNode: true,
data: [{
id: 'B',
name: 'Bananas',
color: "#ECE100"
}, {
name: 'Test',
parent: 'B',
id: 'Test',
value: 10
}, {
name: 'Test',
parent: 'Test',
value: 2
}]
}]
演示:https ://jsfiddle.net/BlackLabel/Lkzpey9v/
API:https ://api.highcharts.com/highcharts/series.treemap.allowDrillToNode
添加回答
舉報
0/150
提交
取消