react 中echarts-for-react使用resize解决图表自适应问题
import React, { PureComponent } from "react"; import ReactEcharts from 'echarts-for-react'; import { useEventListener } from 'ahooks'; useEventListener( 'resize', () => { ref?.current?.getEchartsInstance()?.reresize; }, ); return ( <ReactEcharts ref={ref} option={pieOption(distributionData?.parentModelInfoList || [], {})} style={{ height: '320px', width: clientWidth, }} /> );
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步