focusOnNode is not defined

[rjortiguero]

HI,

I was trying to override the onClick event for the sunburst chart but upon calling the focusOnNode function I get this error:

focusOnNode is not defined

the snippet:

var systems = Sunburst()
.data(types)
.width(700)
.height(800)
//.minSliceAngle(.4)
.size('size')
.color((function (d, node) {

          if (d.hasOwnProperty('color') && d.color != 'none') {
            
            return d.color;
          }
          else{
            return color(d.name)
          }
          
        }))
        .radiusScaleExponent(1)
        .excludeRoot(true)
        .maxLevels(2)
        .showLabels(true)
        .label((function (d) {
           
            if (d.hasOwnProperty('size') && d.size != null) {
            
            return d.name+": "+d.size;
          }
          else{
            return d.name;
          }
          
        }))
        .onClick(node => {
            this.focusOnNode(node);

            // do other operations with node
        })
        .tooltipContent((d, node) => `Assets: <i>${node.value}</i>`)
        (document.getElementById('system'));

Thank you for your help

[vasturiano]

@rjortiguero most likely you'd want to call focusOnNode on your sunburst instance variable, not on this. So

systems.focusOnNode(node)

instead of

this.focusOnNode(node);

[shradha0810]

It still shows focusOnNode is not a function