Vue中使用Echarts仪表盘展示实时数据

  • Post author:
  • Post category:vue



在vue中echarts仪表盘实时数据


彩笔一枚,简单记录一下。

业务场景:通过websocket实时推送数据,将数据渲染到仪表盘中。


第一步:


基于准备好的dom,初始化echarts仪表盘实例。


第二步:


我是通过父子组件传值把数据接收过来,在data中定义upPressure参数,并将接收来的devicePressure参数赋值给它,便于后面将值传入到echarts中。

父组件中
 <div class="chart" shadow="always">
    <objEcharts :devicePressure="pressure"><



版权声明:本文为One_item原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。