• react 中echarts-for-react使用resize解决图表自适应问题

    2024-03-25 367阅读 0评论

     

    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,
    }}
    />
    );

     

    posted @   webnote  阅读(367)  评论(0编辑  收藏  举报
    我要评论

    点击右上角即可分享
    微信分享提示