[英]How can I get URI from ApexCharts with React Js
我正在尝试使用数据 URI 方法获取图表 URI。 我已经看到了一堆使用 Apexchart Js从 ApexChart获取像CodePen这样的 pdf 的例子,当我尝试在 react 上重现它时,我得到了TypeError: Cannot read property '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>
这是我得到的错误
真的需要这方面的帮助。
您可以使用exec
函数从 React 组件调用 ApexCharts 的任何方法。
getDataUri() {
ApexCharts.exec("basic-bar", "dataURI").then(({ imgURI, blob }) => {
console.log(imgURI);
});
}
这是一个完整的代码和框示例
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.