亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

僅顯示 Treemap HighCharts 的 1 個子節點

僅顯示 Treemap HighCharts 的 1 個子節點

繁花不似錦 2022-10-08 10:38:49
我正在研究 TreeMap highcharts API。當我單擊任何節點時,它會轉到子節點,但是當我到達最后一個節點時,只有子節點顯示沒有其他節點。我的要求是,當我單擊任何那個子節點時,只有那個子節點會顯示在 treeMap 中,其他子節點應該是不可見的。下面是我的代碼。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){    // }我們需要在這一行中編寫的內容只顯示樹形圖中的可點擊節點,其他節點應該是不可見的?;蛘?,是否有任何其他屬性可以在沒有單擊事件的情況下處理此要求。
查看完整描述

1 回答

?
慕運維8079593

TA貢獻1876條經驗 獲得超5個贊

要達到這種效果,您需要以適當的方式定義數據 - 將下一個子級嵌套到層次結構中間的點。像這兒:


  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


查看完整回答
反對 回復 2022-10-08
  • 1 回答
  • 0 關注
  • 87 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號