写段js采用websocket实时获取数据更新echarts图表的示例代码

当然，以下是一个使用WebSocket实时获取数据并更新ECharts图表的JavaScript示例代码：

// 创建WebSocket连接
const socket = new WebSocket('ws://localhost:8080');

// 初始化ECharts图表
const chart = echarts.init(document.getElementById('chart'));

// 监听WebSocket连接打开事件
socket.addEventListener('open', event => {
  console.log('WebSocket连接已打开');
});

// 监听WebSocket接收到消息事件
socket.addEventListener('message', event => {
  // 解析接收到的JSON数据
  const data = JSON.parse(event.data);

  // 更新ECharts图表数据
  chart.setOption({
    xAxis: {
      data: data.xAxisData
    },
    series: [
      {
        name: '数据',
        data: data.seriesData
      }
    ]
  });
});

// 监听WebSocket连接关闭事件
socket.addEventListener('close', event => {
  console.log('WebSocket连接已关闭');
});

// 监听WebSocket连接错误事件
socket.addEventListener('error', event => {
  console.error('WebSocket连接发生错误');
});

在上面的示例代码中，我们首先创建了一个WebSocket连接，并使用ECharts初始化了一个图表。然后，我们监听WebSocket连接的打开、接收消息、关闭和错误事件。

当WebSocket连接打开时，我们可以向服务器发送一些初始消息以初始化数据。当WebSocket接收到消息时，我们会解析接收到的JSON数据，并使用ECharts的`setOption`方法更新图表数据。最后，当WebSocket连接关闭或发生错误时，我们会打印出相应的信息以便于调试。