完成串口读取数据和处理

baoshiwei

5 天以前 2ad852ee08e21ee681950f1d6058499248baf88e

 src/components/GaugeDisplay.vue

@@ -206,27 +206,18 @@
}



let dataInterval: number | null = null;

onMounted(() => {
  initChart();
  
  const receiveData = createDataReceiver((forceData) => {
 createDataReceiver( (forceData) => {
    updateChart(forceData);
  });
  
  // 每200ms获取一次数据
  dataInterval = window.setInterval(receiveData, 200);
  }); // 传递 isSerialPortConnected 函数
  
  // 监听窗口大小变化，调整图表大小
  window.addEventListener('resize', handleResize);
});

onUnmounted(() => {
  if (dataInterval !== null) {
    clearInterval(dataInterval);
  }
  
  if (chart) {
    chart.dispose();