Utilizing Plot Events of G2 Plot in React Component

[jagijan]

Hello folks,

Could someone provide insight on how to utilize plot events provided in G2 Plot when using g2plot-react library?
I've designed a bar chart & I would like to perform some action when user clicks a particular element (i.e. bar) in the chart.

Thank you in advance!

[kagawagao]

you can use chartRef to access chart plot instance, then follow g2plot events api to bind event

  const lineChartRef = useRef<Line>();
  useEffect(() => {
    if (lineChartRef.current) {
      const plot = lineChartRef.current;
      plot.on("line:click", (e) => {
        console.log(e);
      });
    }
  }, []);

demo