动态获取数据渲染echarts图表

501 阅读1分钟

写可视化数据接口

image.png

在对应需要的主页面调用接口获取数据

image.png ★从接口获取数据记得一定要添加判断

  • 因为获取接口数据是异步,如果不加判断会直接把初始化的空对象传给组件,
  • 加了判断,接口获取数据等待之后,再直接渲染图形组件 image.png 解释为何先判断原理如下图:

image.png 子组件使用props接收父组件传递数据:父传子使用props

image.png 在mounted阶段DOM已挂载完毕并获取根节点数据 image.png