Javascript 如何使用React Js从ApexCharts获取URI

我正在尝试使用数据URI方法获取图表URI。我看到过很多使用Apexchart Js获取pdf格式的示例，当我试图在react上复制它时，我得到了TypeError:Cannot read属性“type”of undefined

这是我的组件安装时的样子：

componentDidMount() {

console.log(this.state.loading);
if (this.state.loading === false) {
  const {options} = this.state;
  const node = ReactDOM.findDOMNode(this);
  if (node instanceof HTMLElement) {
    var chart = new ApexCharts(node.querySelector('.charty'), options);
    chart.render().then(() => {
      setTimeout(function() {
        chart.dataURI().then(uri => {
          console.log(uri);
        });
      }, 4000);
    });
  }
} else {
  return;
}
}

在“我的状态”和“渲染”中也定义了类型，如下所示：

    <div className='rfe'>
      <div className='rfea'>
        From {this.state.AxisMonth[0]} to{' '}
        {this.state.AxisMonth[this.state.AxisMonth.length - 1]}
      </div>
      <Chart
        className='charty'
        type='area'
        options={this.state.options}
        series={this.state.series}
        width='1000'
        height='380'
      />
    </div>
  </div>

从{this.state.AxisMonth[0]}到{''}
{this.state.AxisMonth[this.state.AxisMonth.length-1]}

这是我得到的错误

---

我真的需要帮助

您可以使用

exec

函数从React组件调用ApexCharts的任何方法

getDataUri（）{
exec（“基本条”，“数据URI”）。然后（{imgURI，blob}）=>{
console.log（imgURI）；
});
}

这里有一个完整的例子