import React, { useState, useEffect } from 'react'
import { Pie, measureTextWidth } from '@ant-design/plots'
import styles from './index.module.scss'
import { useHistory } from 'react-router'
const PieCard = (props) => {
const { router } = props.echartData
const history:any = useHistory()
// 点击图表触发
const onReadyColumn = (plot: any) => {
// 图表的点击事情,可参考文档添加其它事件
plot.on('element:click', (...args: any) => {
const data = args[0].data?.data
history.push({
pathname: router,
query: { sealType: data.type },
})
})
}
return (
<div className={styles.card}>
<Pie {...config} onReady={onReadyColumn} />
</div>
)
}
export default PieCard
react antv(Ant Design Charts)怎么使用图表事件
最新推荐文章于 2024-05-23 15:55:49 发布