Add Label to all charts

streamlit_app.py

@@ -965,6 +965,11 @@ with tab_overview:
                     x="YearMonth", y="Revenue", color="Series",
                     markers=True,
                     color_discrete_sequence=BRAND_SEQUENCE,
+                    text="Revenue",
+                )
+                fig.update_traces(
+                    texttemplate="฿%{y:,.0f}", textposition="top center",
+                    textfont=dict(size=10),
                 )
                 fig.update_yaxes(tickformat=",.0f")
                 fig.update_layout(xaxis_title=None, yaxis_title="Revenue (THB)")
@@ -996,7 +1001,11 @@ with tab_overview:
                     channel, names="Channel", values="Amount", hole=0.55,
                     color_discrete_sequence=BRAND_SEQUENCE,
                 )
-                fig.update_traces(textposition="inside", textinfo="percent")
+                fig.update_traces(
+                    textposition="inside",
+                    texttemplate="%{label}<br>฿%{value:,.0f}<br>%{percent}",
+                    insidetextfont=dict(size=11),
+                )
                 st.plotly_chart(style_plotly(fig, height=420), use_container_width=True)
             else:
                 st.info("No channel data for the current filters.")
@@ -1198,6 +1207,11 @@ with tab_summary:
                     mf, x="YearMonth", y="Revenue", color="Branch",
                     markers=True,
                     color_discrete_map=BRANCH_COLOR,
+                    text="Revenue",
+                )
+                fig.update_traces(
+                    texttemplate="฿%{y:,.0f}", textposition="top center",
+                    textfont=dict(size=9),
                 )
                 fig.update_yaxes(tickformat=",.0f")
                 fig.update_layout(title="Monthly Revenue (THB)",
@@ -1208,6 +1222,11 @@ with tab_summary:
                     mf, x="YearMonth", y="Customers", color="Branch",
                     markers=True,
                     color_discrete_map=BRANCH_COLOR,
+                    text="Customers",
+                )
+                fig.update_traces(
+                    texttemplate="%{y:,.0f}", textposition="top center",
+                    textfont=dict(size=9),
                 )
                 fig.update_yaxes(tickformat=",.0f")
                 fig.update_layout(title="Monthly Customers",
@@ -1223,6 +1242,11 @@ with tab_summary:
                             mf, x="YearMonth", y="%Cap", color="Branch",
                             markers=True,
                             color_discrete_map=BRANCH_COLOR,
+                            text="%Cap",
+                        )
+                        fig.update_traces(
+                            texttemplate="%{y:.1f}%", textposition="top center",
+                            textfont=dict(size=9),
                         )
                         fig.update_yaxes(ticksuffix="%")
                         fig.update_layout(title="%Cap — Capacity utilised",
@@ -1234,6 +1258,11 @@ with tab_summary:
                             mf, x="YearMonth", y="%Premium", color="Branch",
                             markers=True,
                             color_discrete_map=BRANCH_COLOR,
+                            text="%Premium",
+                        )
+                        fig.update_traces(
+                            texttemplate="%{y:.1f}%", textposition="top center",
+                            textfont=dict(size=9),
                         )
                         fig.update_yaxes(ticksuffix="%")
                         fig.update_layout(title="%Premium — premium share of customers",
@@ -1257,6 +1286,12 @@ with tab_summary:
                     barmode="stack",
                     category_orders={"Round": round_cols},
                     color_discrete_map=ROUND_COLOR,
+                    text="Customers",
+                )
+                fig.update_traces(
+                    texttemplate="%{y:,.0f}", textposition="inside",
+                    textfont=dict(size=10, color="#FAF7F2"),
+                    insidetextanchor="middle",
                 )
                 fig.update_yaxes(tickformat=",.0f")
                 fig.update_layout(title="Customers by Round (monthly)",
@@ -1545,6 +1580,11 @@ with tab_forecast:
             fig = px.line(
                 preds, x="Date", y="Prediction", color="Branch",
                 markers=True, color_discrete_map=BRANCH_COLOR,
+                text="Prediction",
+            )
+            fig.update_traces(
+                texttemplate="%{y:,.0f}", textposition="top center",
+                textfont=dict(size=9),
             )
             fig.update_yaxes(tickformat=",.0f")
             fig.update_layout(title=f"Predicted Customers — next {horizon_days} days",
@@ -1576,6 +1616,12 @@ with tab_forecast:
                 barmode="stack",
                 color_discrete_map=ROUND_COLOR,
                 category_orders={"RoundLabel": round_order},
+                text="Total_Seats",
+            )
+            fig.update_traces(
+                texttemplate="%{y:,.0f}", textposition="inside",
+                textfont=dict(size=10, color="#FAF7F2"),
+                insidetextanchor="middle",
             )
             fig.update_yaxes(tickformat=",.0f")
             fig.update_layout(
@@ -1606,12 +1652,18 @@ with tab_pl:
         )
         agg = agg.reindex(agg["Amount"].abs().sort_values(ascending=False).index).head(15)
         agg["Flow"] = np.where(agg["Amount"] >= 0, "Income", "Expense")
+        # Pre-format the label as a column so it travels with the row when
+        # we sort below — the previous version computed `text` against the
+        # original DataFrame and then passed a re-sorted one to px.bar,
+        # so labels ended up paired with the wrong bars.
+        agg["AmountLabel"] = agg["Amount"].apply(fmt_money)
         fig = px.bar(
             agg.sort_values("Amount"),
             x="Amount", y=group_col, orientation="h", color="Flow",
             color_discrete_map={"Income": "#16A34A", "Expense": "#DC2626"},
-            text=agg["Amount"].apply(fmt_money),
+            text="AmountLabel",
         )
+        fig.update_traces(textposition="outside", cliponaxis=False)
         fig.update_layout(yaxis_title=None, xaxis_title="Amount (THB)", showlegend=True)
         fig.update_xaxes(tickformat=",.0f")
         st.plotly_chart(style_plotly(fig, height=520), use_container_width=True)
@@ -1629,6 +1681,11 @@ with tab_pl:
         fig = px.line(
             ts, x="YearMonth", y="Amount", color="Restaurant",
             color_discrete_map=RESTAURANT_COLOR, markers=True,
+            text="Amount",
+        )
+        fig.update_traces(
+            texttemplate="฿%{y:,.0f}", textposition="top center",
+            textfont=dict(size=9),
         )
         fig.update_yaxes(tickformat=",.0f")
         st.plotly_chart(style_plotly(fig, height=400), use_container_width=True)