Google React Chart自定义事件处理

Question

我已经在react-google图表（barchart）上添加了一个事件，如果用户单击栏，它将显示与该栏有关的数据和详细信息，但是问题是有时选择行，有时选择列。 第二个问题是，如果我单击图的其他部分，它将触发良好的事件，但是如果我先单击栏，然后单击图的其他部分，则将触发我不想要的事件处理程序。

  <Chart chartType="Bar" width={'100%'} height={'100%'} data = {this.props.data.data.chartData}
                                            options = {{

                                            }}
                                           chartEvents ={[
                                                    {
                                                      eventName: "select",
                                                      callback: ({ chartWrapper, google}) =>{
                                                        console.log(chartWrapper)
                                                        const chart = chartWrapper.getChart();
                                                        const selected = chart.getSelection();
                                                        // const dataTable = chartWrapper.getDataTable();
                                                        const [selectedItem] = selected;
                                                        const { row, column } = selectedItem
                                                        if(row){
                                                          this.barClicked()
                                                        }
                                                        // console.log(dataTable.getValue(row, column))
                                                      }
                                            }
                                        ]}
                                    />