Upload index.html

templates/index.html

@@ -139,12 +139,8 @@
 
           if (!data || !data.members || !Array.isArray(data.members)) {
             console.error("Invalid member data received:", data);
-            members = ["member1", "member2"];
+            members = ["member1"];
             voiceData = [50, 50];
-            if (members.length > 1) {
-              members.push("その他");
-              voiceData.push(0);
-            }
             updateChart();
             return;
           }
@@ -158,20 +154,25 @@
           updateChart();
         } catch (error) {
           console.error("Failed to fetch member data:", error);
-          members = ["member1", "member2"];
+          members = ["member1"];
           voiceData = [50, 50];
-          if (members.length > 1) {
-            members.push("その他");
-            voiceData.push(0);
-          }
           updateChart();
         }
       }
 
       function updateChart() {
-        speechChart.data.labels = members;
+        // 一人モードの場合は、ユーザーとグレー（無音）の比率をチャートに表示
+        if (members.length === 1) {
+          const userName = members[0];
+          speechChart.data.labels = [userName, "無音"];
+          speechChart.data.datasets[0].backgroundColor = ["#4caf50", "#757575"];
+        } else {
+          // 複数メンバーの場合は通常通りの処理
+          speechChart.data.labels = members;
+          speechChart.data.datasets[0].backgroundColor = getMemberColors(members.length);
+        }
+        
         speechChart.data.datasets[0].data = voiceData;
-        speechChart.data.datasets[0].backgroundColor = getMemberColors(members.length);
         speechChart.update();
       }
 
@@ -250,7 +251,8 @@
       }
 
       function getMemberColors(memberCount) {
-        if (memberCount === 2) {
+        // 一人モードの場合は特別な処理をしない（updateChartで処理するため）
+        if (memberCount <= 1) {
           return ["#4caf50", "#757575"];
         } else {
           let colors = [];
@@ -262,20 +264,43 @@
       }
 
       function updateChartData(newRate) {
-        if (count_voice === 0) {
-          speechChart.data.datasets[0].data = [newRate, 100 - newRate];
-          before_rate = newRate;
-        } else if (count_voice === 1) {
-          let tmp_rate = (newRate + before_rate) / 2;
-          speechChart.data.datasets[0].data = [tmp_rate, 100 - tmp_rate];
-          before_rate = tmp_rate;
+        // 一人モードの時の処理
+        if (members.length === 1) {
+          if (count_voice === 0) {
+            speechChart.data.datasets[0].data = [newRate, 100 - newRate];
+            before_rate = newRate;
+          } else if (count_voice === 1) {
+            let tmp_rate = (newRate + before_rate) / 2;
+            speechChart.data.datasets[0].data = [tmp_rate, 100 - tmp_rate];
+            before_rate = tmp_rate;
+          } else {
+            let tmp_rate = (newRate + before_rate * 2) / 3;
+            speechChart.data.datasets[0].data = [tmp_rate, 100 - tmp_rate];
+            before_rate = tmp_rate;
+          }
+          count_voice++;
+          
+          // 一人モードでは常に緑色とグレーの組み合わせを使用
+          speechChart.data.labels = [members[0], "無音"];
+          speechChart.data.datasets[0].backgroundColor = ["#4caf50", "#757575"];
         } else {
-          let tmp_rate = (newRate + before_rate * 2) / 3;
-          speechChart.data.datasets[0].data = [tmp_rate, 100 - tmp_rate];
-          before_rate = tmp_rate;
+          // 複数メンバーの場合は元の処理
+          if (count_voice === 0) {
+            speechChart.data.datasets[0].data = [newRate, 100 - newRate];
+            before_rate = newRate;
+          } else if (count_voice === 1) {
+            let tmp_rate = (newRate + before_rate) / 2;
+            speechChart.data.datasets[0].data = [tmp_rate, 100 - tmp_rate];
+            before_rate = tmp_rate;
+          } else {
+            let tmp_rate = (newRate + before_rate * 2) / 3;
+            speechChart.data.datasets[0].data = [tmp_rate, 100 - tmp_rate];
+            before_rate = tmp_rate;
+          }
+          count_voice++;
+          speechChart.data.datasets[0].backgroundColor = getMemberColors(members.length);
         }
-        count_voice++;
-        speechChart.data.datasets[0].backgroundColor = getMemberColors(members.length);
+        
         speechChart.update();
       }
 
@@ -293,4 +318,4 @@
       }
     </script>
   </body>
-</html>
+</html>