0%

Ant-charts绑定事件

这里主要说 类组件 中如何绑定,因为官网并没有写这个

import React, { Component, createRef } from 'react';
import { Bar } from '@ant-design/charts';

let data = [];
let config = {};

export default class Chart extends Component {
constructor(props) {
super(props);
// 设置实例变量
this.chartRef = createRef();
}

// 这里以绑定点击事件为例
handleClick = (ref) => {
ref.on('plot:click', (...args) => {
console.log(...args);
});
};

render() {
return (
<Bar
{...config}
chartRef={(ref) => {
this.handleClick(ref);
}}
/>
);
}
}
-------------本文结束    感谢阅读-------------
坚持原创技术分享,您的支持将鼓励我继续创作!