防止 Apexcharts 在加载时滚动到页面顶部

Question

当用户按下链接时，我会动态加载 ApexChart。一旦按下链接，就会有一个后端进程将数据加载到图表中。但是，一旦发生这种情况，页面会出于某种原因自动滚动到顶部。似乎有一个相关的 bug 不久前关闭了，但我不确定它的相关性。

如何防止在加载时滚动到顶部？

这是我的图表配置：

export class UserChart extends React.Component {
  
  state = {
    series: this.props.data,
    options: {
      chart: {
        height: 350,
        type: "bar",
        background: '#FFF',
        zoom: {
          enabled: false
        },
        toolbar: {
          show: false,
        },
      },
      noData: {
        text: "Unavailable"
      },
      dataLabels: {
        enabled: false
      },
      stroke: {
        width: [1, 1, 4]
      },
      title: {
        text: this.props.title,
        align: 'center',
        
      },
      xaxis: {
        categories: this.props.xaxis,
        tooltip: {
          enabled: false
        }
      },       
    

      yaxis: [
        {
          axisTicks: {
            show: true,
          },
          axisBorder: {
            show: false,
            color: '#000'
          },
          labels: {
            formatter: v => valueFormat(v),
            style: {
              colors: '#007871',
            }
          },

          tooltip: {
            enabled: false
          }
        },

      ],
      tooltip: {
        fixed: {
          enabled: false,
          position: 'topLeft',
          offsetY: 30,
          offsetX: 60
        },
      },
      legend: {
        horizontalAlign: 'left',
        offsetX: 40
      }
    },


  };

  render() {
    return <Chart options={this.state.options} series={this.state.series} type={this.props.type} height={350}/>
  }
}