已经在组件内获取到了websocket传来的数据如何将传来的数据和echats图表数据进行绑定

要将websocket传来的数据与echarts图表数据进行绑定，可以使用Vue.js的双向数据绑定功能。具体实现方法如下：

1. 在Vue组件中定义一个data对象，包含echarts图表所需的数据，例如：

data() {
  return {
    chartData: {
      xData: [],
      yData: []
    },
    ...
  }
}

2. 在mounted钩子函数中初始化echarts图表，并在其中使用上述的chartData对象作为数据源，例如：

mounted() {
  const chart = echarts.init(this.$refs.chart)
  chart.setOption({
    xAxis: {
      data: this.chartData.xData
    },
    series: [{
      type: 'line',
      data: this.chartData.yData
    }]
  })
}

3. 在Vue组件中监听websocket的数据传输事件，当有新数据传输时，将数据更新到chartData对象中，例如：

created() {
  this.$socket.on('data', (data) => {
    this.chartData.xData.push(data.time)
    this.chartData.yData.push(data.value)
  })
}

4. 当chartData对象中的数据发生变化时，由于使用了双向数据绑定，echarts图表的数据也会自动更新。

需要注意的是，上述代码仅供参考，具体实现方式需要根据实际情况进行调整。