data.onclick is not firing when cursor changed

Description

data.onclick is not firing when the cursor(pointer) changed.

Steps to check or reproduce

When I clicked the blue circle position the above, both changes cursor of chart but only the second blue circle fire data.onclick. It doesn’t make sense that cursor and onclick don’t work together in same condition.

Or please let me know if there’s another event listener I can use in this case.

[netil]

@softage0, it might better use as:

  tooltip: {
    onshow: () => {
      setTimeout(() => {
          console.log(JSON.parse(this.chart.$.tooltip.datum().current))
      });
    },
    // or if is okay retrieve data after tooltip layer is shown without wrapping with timeout
    onshown: () => {
      console.log(JSON.parse(this.chart.$.tooltip.datum().current))
    }
  }

[softage0]

Thanks a lot, @netil.

I got all the solutions I needed.

I left my codes for the next person who has a similar issue to me:

bb.generate({
      ...
                onshow: () => {
                    const {_parents} = this.chart.$.tooltip.selectAll('.name, .value');

                    setTimeout(() => {
                        const {__data__} = _parents[0];
                        const currentPoint = JSON.parse(__data__.current);
                        console.log(currentPoint);    // the data the current tooltip has
                    });
                },
      ...
});