如何使用echarts表通过接口渲染折线数据表

使用echarts表时会有部分事例可以参考，但是给出的数据很多很难做到直接使用渲染

使用echarts示例图可以通过获取数据进行图表渲染，解决图表渲染问题

1、建立渲染空间盒子div 通过绑定ref 来获取到标签盒子  如下图：

2、设定绑定的属性echartsBox默认为null  如下图：

3、通过异步挂载生命周期获取到绑定属性的标签  如下图：

4、根据接口获取数据写明接口函数进行调用函数数据 如下图：

5、导入react方法 useWffect(挂载),useRef(属性挂载),useState(数据属性挂载)  如下图：

6、将数据option存入定义的数据挂载中用于数据更新  如下图：

7、将写好的数据接口导入页面  如下图：

8、在异步挂载中使用函数打印数据  如下图：

9、将需要修改的数据项通过路径进行赋值 重新传入数据 通过echarts.setOption进行数据传值进行渲染  如下图：

10、完成图表  如下图：