Ant Design Pro 项目图表组件点击事件

背景:使用框架配套图表组件charts 要求柱形图可实现点击事件
方法:onReady
官网:https://charts.ant.design/zh/docs/api/options/events

实际项目示例:
柱形图实现点击事件

 <Column {...colConfig1} loading={loading} onReady={onReadyLocCol} />

  //科室 柱形图的柱子被 click 的时候
  const onReadyLocCol = (plot: any) => {
    plot.on('interval:click', (...args: any) => {
      const data = args[0].data?.data;
      //隐藏主页面
      setMianVisible(false);
      //显示明细
      setSecondaryVisible(true);
      const params = {
        locID: data.LocID,
        docID: '',
        startdate: data.Startdate,
        enddate: data.Enddate,
        Type: stateData.type,
      };
      const allParams = {
        ...defaultPagination,
        ...params,
      };
      setDetailsParams(params);
      getDetails(allParams);
    });
  };