第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

僅顯示 Treemap HighCharts 的 1 個子節(jié)點

僅顯示 Treemap HighCharts 的 1 個子節(jié)點

繁花不似錦 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


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

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

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

公眾號

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