封装Echart

一. 封装文件：

import React, {
    useEffect, useRef } from 'react';
import * as echarts from 'echarts';
const defOption = {
   
  title: {
   
    text: 'ECharts 入门示例',
  },
  tooltip: {
   },
  xAxis: {
   
    data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子'],
  },
  yAxis: {
   },
  series: [
    {
   
      name: '销量',
      type: 'bar',
      data: [5, 20, 36, 10, 10, 20],
    },
  ],
};

function char(dom: any, option: any) {
   
  // 基于准备好的dom，初始化echarts实例
  const myChart = echarts.init(dom);
  // 使用刚指定的配置项和数据显示图表
  myChart.setOption(option || defOption);
  return myChart
}

export default (props: any) => {
   </