react+antd走马灯中使用echarts图表，最后一页不渲染

柠檬蟹

于 2024-08-05 18:01:45 发布

阅读量81

点赞数 1

文章标签： react.js echarts 前端

本文链接：https://blog.csdn.net/weixin_43724569/article/details/140933415

版权

可能是后面页没有轮播渲染之前，eCarts找不到渲染容器，导致的图表渲染失败

使用 echarts-for-react
npm i echarts-for-react -S

import React, { useRef } from 'react';
import ReactEcharts from 'echarts-for-react';
// 其中option和eCharts的配置一模一样
// 其他配置也一模一样，参考eCharts官方文档就可以了
<ReactEcharts
  option={options}
  notMerge={true}
  lazyUpdate={true}
  style={{width: `200px`,height: `200px`}}
/>