_星座样本IQ.no-lint.ts

src/pages/Page/iframe-page/IframeConstellationDiagram.page.vue

@@ -1,5 +1,7 @@
 <!-- eslint-disable unicorn/numeric-separators-style -->
 <script setup lang="ts">
+import { 星座样本IQ } from './_星座样本IQ.no-lint';
+
 definePage({
   meta: {
     title: '星座图 iframe',
@@ -11,16 +13,17 @@ type ConstellationDiagramArr = Array<[number, number]>;
 const data = ref<ConstellationDiagramArr>([
   [0.20898877234451796, 0.8329353515647436],
   [-0.6589349632101078, 0.5886313023998213],
-  [-0.5525702944049637, -0.7953057951401711],
 ]);
 
 setTimeout(() => {
-  // 测试数据更新
-  data.value.push(
-    [0.20898877234451796, 0.8329353515647436],
-    [-0.6589349632101078, 0.5886313023998213],
-    [-0.5525702944049637, -0.7953057951401711],
-  );
+  // 将星座样本IQ数据转换为二维数组
+  const newData = 星座样本IQ.starI.map((i, index) => [
+    i, //
+    星座样本IQ.starQ[index],
+  ]) as ConstellationDiagramArr;
+  data.value = newData.slice(0, 20);
+
+  console.debug(data.value.map((item) => item.join(',')).join('\n'));
 }, 1000);
 </script>
 

src/pages/Page/iframe-page/Spectrogram.page.vue

@@ -4,7 +4,7 @@ definePage({ meta: { title: '频谱图+瀑布图' } });
 const iframeSpectrogramRef = useTemplateRef('iframeSpectrogramRef');
 
 // 模拟生成频谱数据的函数
-function generateFakeSpectrogramData(len = 200, baseLevel = -90, noiseRange = 30) {
+function generateFakeSpectrogramData(len = 30, baseLevel = -90, noiseRange = 30) {
   const data = [];
   for (let i = 0; i < len; i++) {
     // 模拟一些峰值
@@ -35,7 +35,7 @@ onMounted(() => {
       console.warn('[📄] 页面：无法获取 IframeSpectrogram 组件的引用来发送更新数据');
     }
     console.log('[📄] 页面：更新频谱数据带时间');
-  }, 2000);
+  }, 1000);
 });
 
 onUnmounted(() => {