修复切换暗黑模式后图表被错误刷新的bug

Author: guohaomeng

src/App.vue

@@ -100,6 +100,7 @@ function receiveMessage(message: any) {
     var data = JSON.parse(message.data);
     console.log(data.param);
     WaveGen.changeParam(data.param);
+    OSChart.changeParam(data.param);
   } else {
     console.log(message.data);
   }

src/components/OSChart.vue

@@ -41,10 +41,6 @@ function OSCStop() {
   isRun = false;
   sendData("CF");
 };
-function func(x: number) {
-  x /= 10;
-  return Math.sin(x) * 3.3;
-}
 
 function generateData() {
   let data = [];
@@ -149,6 +145,14 @@ function darkMode(isDark: boolean) {
   else
     myChart = echarts.init(chartDom);
   myChart.setOption(option);
+  // 不知道为啥执行完上面一行后data出错，因此有了下面这行
+  myChart.setOption({
+    series: [
+      {
+        data: generateData()
+      }
+    ]
+  });
 }
 
 const sendData = (data: string) => {
@@ -178,10 +182,14 @@ function refreshData(message: any) {
     });
   }
 }
+const changeParam = (param: any) => {
+  sampleRate.value = param.R;
+}
 export default {
   name: "OSChart",
   darkMode,
   refreshData,
+  changeParam,
   props2: {
     msg: String,
     option: Object

src/components/WaveGenChart.vue

@@ -258,7 +258,7 @@ onMounted(() => {
   wave_gen(1);
   chartDom = document.getElementById(props.container) as HTMLElement
   myChart = echarts.init(chartDom);
-  //option.series[0].data = generateData(); // 搞不明白为啥报错，但能用
+  option.series[0].data = generateData(); // 搞不明白为啥报错，但能用
   option && myChart.setOption(option);
 });
 </script>