Ant-charts数据重载

• config重载，通过 ref.update(newConfig) 实现

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', (e) => {
			config.meta.type.alias = "测试"
			ref.update(config);
		});
	};

	render() {
		return (
			<Bar
				{...config}
				chartRef={(ref) => {
					this.handleClick(ref);
				}}
			/>
		);
	}
}

• data重载，通过 ref.changeData(newData) 实现

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', (e) => {
			let newData = data.slice(0, 3);
			ref.changeData(newData);
		});
	};

	render() {
		return (
			<Bar
				{...config}
				chartRef={(ref) => {
					this.handleClick(ref);
				}}
			/>
		);
	}
}