react hook 使用echarts折线图实现多表联动

注：这里只是为了记录自己开发过程中遇到的问题

为了熟悉react各类技术栈，这里使用的ref来实现的折线图加载

下面是代码概要：

// 引入相关依赖

import React, { useEffect, useState, useRef } from 'react'； 

import echarts from 'echarts/lib/echarts' 

import 'echarts/lib/component/title';

import 'echarts/lib/chart/line';

import 'echarts/lib/component/tooltip';

import 'echarts/lib/component/legend';   

// 声明使用ref

const echart1Div = useRef(null)

const echart2Div = useRef(null)

// 多表联动 

useEffect(() => {

        if (echartData1 && echartData2) {

                let echart1 = echarts.init((ehcart1Div.current as unknown) as HTMLDivElement)

                let echart2 = echarts.init((ehcart2Div.current as unknown) as HTMLDivElement)

                // 上边处理时因为使用的TS，不处理会报错unknown