Reactjs 来自apexcharts的tickAmount无法正常工作

我正在尝试为我的react项目创建一个图形组件。虽然我将tickAmount指定为10，但它显示的是从1到300的所有数字。它应该只打印10个数据点：

       this.state = {
        //    data/:[],
        options: {
            chart: {
              id: "basic-bar"
            },
            xaxis: {
              categories: this.props.options, 
              interval: 50,
               width:1000,
              hideOverlappingLabels: true,
              tickAmount: 10,
              tickPlacement: 'between',
          },
        },
        //   options:,
          series:this.props.series
        };
      }
    render() {

        return (
            <React.Fragment>
             <Chart
              options={this.state.options}
              series={this.state.series}

              type="area"
              width="1000"
            />
            </React.Fragment>
        )
    }
}

---

如果要在类别中提供数值，还应设置xaxis.type:“数值”

---

显示整个代码，图表是什么样子的？它是图书馆吗？参考apexchartswhat中的图表是库，如果我想使用类别类型，我只需要10个数据点

xaxis: {
    type: 'numeric',
    tickAmount: 10,
}