Dalam kes ini, acara klik akhirnya mencetuskan gelagat yang serupa dengan "suis".
Secara lalai, kita melihat nod akar dan semua nod anak hierarki.
Mengklik pada cincin dengan sekurang-kurangnya satu nod anak (cth. 'A') akan menapis nod induknya ('Root') dan nod adik beradik ('B') dan menganggap cincin itu sebagai nod akar baharu secara visual, kami Hanya hierarki di bawah gelang dilihat (iaitu suis penapisan gelang dihidupkan dan atribut nextLevel
dalam data peristiwa ditetapkan kepada 'A' dengan sewajarnya, seperti "A ialah nod akar baharu").
Mengklik pada cincin sekali lagi - kini cincin paling dalam - mematikan penapis dan nod ibu bapa dan adik-beradik muncul semula, nextLevel
tetapkan kepada 'Root'.
Mengklik pada cincin tanpa nod anak (cth. 'a' atau 'B') tidak mempunyai kesan, jadi dalam kes ini nextLevel
tidak ditentukan.
Sebenarnya, hartanah nextLevel
mencerminkan perubahan keadaan.
Kini untuk lebih memahami perkara yang berlaku dalam pengendali klik, anda mungkin ingin menyemak currentpath
(或為了一致性,稍微調(diào)整過的版本)以及nextLevel
:
Plotly.newPlot('graph', [{ type: 'sunburst', parents: ['', 'Root', 'Root', 'A'], labels: ['Root', 'A', 'B', 'a'] }]).then(gd => { gd.on('plotly_sunburstclick', data => { const pt = data.points[0] const path = ((pt.currentPath ?? '/') + pt.label).replace('Root', '') console.log('path:', path) // 點擊元素的路徑 console.log('nextLevel:', data.nextLevel) // 如果有的話,新根節(jié)點的標簽 }) })