Update app.py

app.py

@@ -524,16 +524,16 @@ def create_radial_chart(pos_data, title, shift_hours, shift_type):
         # Shift Pagi (06:00–18:00) → 0° = 03:00, 90° = 06:00, 180° = 12:00, 270° = 18:00
         theta = [(h - 3) * 30 for h in shift_hours]  # 12 jam * 30° = 360°
         tickvals = [0, 90, 180, 270]
-        ticktext = ["03:00", "06:00", "12:00", "18:00"]
+        ticktext = ["15:00", "06:00/18:00", "09:00", "12:00"]
     else:  # Shift Sore (18:00–06:00) — TAPI ikuti aturan jam seperti pagi
         # Shift Sore (18:00–06:00) → 0° = 21:00, 90° = 00:00, 180° = 06:00, 270° = 12:00
         # Tapi karena ingin ikut aturan pagi, kita mapping jam agar 0° = 03:00, 90° = 06:00, 180° = 12:00, 270° = 18:00
         # Maka kita gunakan jam pagi (06:00–18:00) sebagai referensi jam, tapi data diambil dari sore (18:00–06:00)
         # Kita mapping: 18->06, 19->07, ..., 23->11, 00->12, 01->13, ..., 05->17
         # Maka: theta = [(mapped_h - 3) * 30] where mapped_h = h + 12 if h < 6 else h - 12
-        theta = [(h + 12 if h < 6 else h - 12 - 3) * 30 for h in shift_hours]  # 12 jam * 30° = 360°
+        theta =  [((h - 18) % 12) * 30 for h in shift_hours] # 12 jam * 30° = 360°
         tickvals = [0, 90, 180, 270]
-        ticktext = ["21:00", "00:00", "06:00", "12:00"]
+        ticktext = ["03:00", "18:00/06:00", "21:00", "00:00"]
 
     fig = go.Figure()
 
@@ -595,7 +595,7 @@ with col1:
     st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 1 (06:00–18:00)</div>', 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')
+    fig1 = create_radial_chart(pos1_data, "", list(range(6, 18)), 'pagi')
     if fig1 is not None:
         st.plotly_chart(fig1, use_container_width=True)
     else:
@@ -606,7 +606,7 @@ with col2:
     st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 1 (18:00–06:00)</div>', 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')
+    fig2 = create_radial_chart(pos1_data, "", list(range(18, 24)) + list(range(0, 6)), 'sore')
     if fig2 is not None:
         st.plotly_chart(fig2, use_container_width=True)
     else:
@@ -617,7 +617,7 @@ with col3:
     st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 2 (06:00–18:00)</div>', 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')
+    fig3 = create_radial_chart(pos2_data, "", list(range(6, 18)), 'pagi')
     if fig3 is not None:
         st.plotly_chart(fig3, use_container_width=True)
     else:
@@ -628,7 +628,7 @@ with col4:
     st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 2 (18:00–06:00)</div>', 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')
+    fig4 = create_radial_chart(pos2_data, "", list(range(18, 24)) + list(range(0, 6)), 'sore')
     if fig4 is not None:
         st.plotly_chart(fig4, use_container_width=True)
     else:
@@ -640,7 +640,7 @@ with col5:
     st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 3 (06:00–18:00)</div>', 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')
+    fig5 = create_radial_chart(pos3_data, "", list(range(6, 18)), 'pagi')
     if fig5 is not None:
         st.plotly_chart(fig5, use_container_width=True)
     else:
@@ -651,7 +651,7 @@ with col6:
     st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 3 (18:00–06:00)</div>', 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')
+    fig6 = create_radial_chart(pos3_data, "", list(range(18, 24)) + list(range(0, 6)), 'sore')
     if fig6 is not None:
         st.plotly_chart(fig6, use_container_width=True)
     else:
@@ -662,7 +662,7 @@ with col7:
     st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 4 (06:00–18:00)</div>', 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')
+    fig7 = create_radial_chart(pos4_data, "", list(range(6, 18)), 'pagi')
     if fig7 is not None:
         st.plotly_chart(fig7, use_container_width=True)
     else:
@@ -673,7 +673,7 @@ with col8:
     st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 4 (18:00–06:00)</div>', 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')
+    fig8 = create_radial_chart(pos4_data, "", list(range(18, 24)) + list(range(0, 6)), 'sore')
     if fig8 is not None:
         st.plotly_chart(fig8, use_container_width=True)
     else: