Update app.py

app.py

@@ -751,17 +751,17 @@ def create_radial_chart(pos_data, title, shift_hours, shift_type):
     # Total per jam
     total_per_hour = hourly_normal + hourly_amber + hourly_red
 
-    # Sudut: sesuai shift
+    # Sudut: selalu 0° = 12, 90° = 3, 180° = 6, 270° = 9
     if shift_type == 'pagi':
-        # Shift Pagi (06:00–18:00) → 0° = 06:00, 90° = 09:00, 180° = 12:00, 270° = 15:00
-        theta = [(h - 6) * 30 for h in shift_hours]  # 12 jam * 30° = 360°
+        # Shift Pagi (06:00–18:00) → 0° = 12, 90° = 3, 180° = 6, 270° = 9
+        theta = [(h - 12) * 30 for h in shift_hours]  # 12 jam * 30° = 360°
         tickvals = [0, 90, 180, 270]
-        ticktext = ["06:00", "09:00", "12:00", "15:00"]
+        ticktext = ["12:00", "03:00", "06:00", "09:00"]
     else:  # Shift Sore (18:00–06:00)
-        # Shift Sore (18:00–06:00) → 0° = 18:00, 90° = 21:00, 180° = 00:00, 270° = 03:00
-        theta = [(h - 18) * 30 if h >= 18 else (h + 6) * 30 for h in shift_hours]  # 12 jam * 30° = 360°
+        # Shift Sore (18:00–06:00) → 0° = 12, 90° = 3, 180° = 6, 270° = 9
+        theta = [(h - 12) * 30 if h >= 12 else (h + 12) * 30 for h in shift_hours]  # 12 jam * 30° = 360°
         tickvals = [0, 90, 180, 270]
-        ticktext = ["18:00", "21:00", "00:00", "03:00"]
+        ticktext = ["12:00", "03:00", "06:00", "09:00"]
 
     fig = go.Figure()
     fig.add_trace(go.Barpolar(
@@ -811,7 +811,7 @@ def create_radial_chart(pos_data, title, shift_hours, shift_type):
 # =============== ROW 1: Position 1 & 2 (Pagi & Sore) ===============
 with col1:
     # Position 1 Pagi (06:00–18:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0;">Position 1 (06:00–18:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 1 (06:00–18:00)</h6>', unsafe_allow_html=True)
     pos1_data = alarm_data[alarm_data['Position'] == 1].copy()
     pos1_data = pos1_data[pos1_data['hour'].between(6, 17, inclusive='both')]
     fig1 = create_radial_chart(pos1_data, "Position 1 (06:00–18:00)", list(range(6, 18)), 'pagi')
@@ -822,7 +822,7 @@ with col1:
 
 with col2:
     # Position 1 Sore (18:00–06:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0;">Position 1 (18:00–06:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 1 (18:00–06:00)</h6>', unsafe_allow_html=True)
     pos1_data = alarm_data[alarm_data['Position'] == 1].copy()
     pos1_data = pos1_data[~pos1_data['hour'].between(6, 17, inclusive='both')]
     fig2 = create_radial_chart(pos1_data, "Position 1 (18:00–06:00)", list(range(18, 24)) + list(range(0, 6)), 'sore')
@@ -833,7 +833,7 @@ with col2:
 
 with col3:
     # Position 2 Pagi (06:00–18:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0;">Position 2 (06:00–18:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 2 (06:00–18:00)</h6>', unsafe_allow_html=True)
     pos2_data = alarm_data[alarm_data['Position'] == 2].copy()
     pos2_data = pos2_data[pos2_data['hour'].between(6, 17, inclusive='both')]
     fig3 = create_radial_chart(pos2_data, "Position 2 (06:00–18:00)", list(range(6, 18)), 'pagi')
@@ -844,7 +844,7 @@ with col3:
 
 with col4:
     # Position 2 Sore (18:00–06:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0;">Position 2 (18:00–06:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 2 (18:00–06:00)</h6>', unsafe_allow_html=True)
     pos2_data = alarm_data[alarm_data['Position'] == 2].copy()
     pos2_data = pos2_data[~pos2_data['hour'].between(6, 17, inclusive='both')]
     fig4 = create_radial_chart(pos2_data, "Position 2 (18:00–06:00)", list(range(18, 24)) + list(range(0, 6)), 'sore')
@@ -856,7 +856,7 @@ with col4:
 # =============== ROW 2: Position 3 & 4 (Pagi & Sore) ===============
 with col5:
     # Position 3 Pagi (06:00–18:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0;">Position 3 (06:00–18:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 3 (06:00–18:00)</h6>', unsafe_allow_html=True)
     pos3_data = alarm_data[alarm_data['Position'] == 3].copy()
     pos3_data = pos3_data[pos3_data['hour'].between(6, 17, inclusive='both')]
     fig5 = create_radial_chart(pos3_data, "Position 3 (06:00–18:00)", list(range(6, 18)), 'pagi')
@@ -867,7 +867,7 @@ with col5:
 
 with col6:
     # Position 3 Sore (18:00–06:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0;">Position 3 (18:00–06:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 3 (18:00–06:00)</h6>', unsafe_allow_html=True)
     pos3_data = alarm_data[alarm_data['Position'] == 3].copy()
     pos3_data = pos3_data[~pos3_data['hour'].between(6, 17, inclusive='both')]
     fig6 = create_radial_chart(pos3_data, "Position 3 (18:00–06:00)", list(range(18, 24)) + list(range(0, 6)), 'sore')
@@ -878,7 +878,7 @@ with col6:
 
 with col7:
     # Position 4 Pagi (06:00–18:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0;">Position 4 (06:00–18:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 4 (06:00–18:00)</h6>', unsafe_allow_html=True)
     pos4_data = alarm_data[alarm_data['Position'] == 4].copy()
     pos4_data = pos4_data[pos4_data['hour'].between(6, 17, inclusive='both')]
     fig7 = create_radial_chart(pos4_data, "Position 4 (06:00–18:00)", list(range(6, 18)), 'pagi')
@@ -889,7 +889,7 @@ with col7:
 
 with col8:
     # Position 4 Sore (18:00–06:00)
-    st.markdown('<h6 style="text-align:center; margin-top: 0;">Position 4 (18:00–06:00)</h6>', unsafe_allow_html=True)
+    st.markdown('<h6 style="text-align:center; margin-top: 0; margin-bottom: 8px;">Position 4 (18:00–06:00)</h6>', unsafe_allow_html=True)
     pos4_data = alarm_data[alarm_data['Position'] == 4].copy()
     pos4_data = pos4_data[~pos4_data['hour'].between(6, 17, inclusive='both')]
     fig8 = create_radial_chart(pos4_data, "Position 4 (18:00–06:00)", list(range(18, 24)) + list(range(0, 6)), 'sore')
@@ -942,6 +942,7 @@ st.markdown(f"""
     </div>
 </div>
 """, unsafe_allow_html=True)
+
 # ================= OBJECTIVE 3 =================
 st.markdown('<h3 class="objective-title">OBJECTIVE 4: Correlation — How Does Heat Influence Pressure and Which Tyres Trigger Red Alarms?</h3>', unsafe_allow_html=True)