F51 — Chart Settings UX Polish

Before ↔ After Comparison • Phase 0 + Phase 1

❌ BEFORE (v20.3.1) — Mọi chart type hiện cùng settings
Display As
Bar
Line
Pie
Scatter
Funnel
Radar (#52)
Gauge
Number ❌
List ❌
Sunburst ❌
⚠ 3 chart types có renderer nhưng thiếu button
Chart Mapping (Axes)
Category (X-Axis): [dropdown]
Series / Legend: [multi-select chips]
👻 Luôn hiện — vô dụng cho Gauge/NumberMetric/List
General Setup
Chart Title / Title Position / Color Theme
Number Format / Decimals
👻 Title/Color/Theme vô dụng cho NumberMetric/List (HTML trực tiếp)
Labels & Legend
Show Legend / Position / Icon
Show Values / Label Position / Font Size
Tooltip Style đã gated ✓
👻 Legend vô dụng cho Gauge (1 data point), NumberMetric/List
👻 ShowValues/LabelPos vô dụng cho Gauge (dùng detail riêng)
Axes & Grid gated ✓ Bar/Line/Scatter
X Label Rotation 👻 ghost Scatter
Grid Bottom / showYAxis / splitLineY
Data Zoom gated ✓ (in Axes)
Enable / Type / Position / Show Detail
👻 Scatter renderer không tạo dataZoom
Type-Specific Options gated ✓
Bar: Orientation, Stacked
Line: Type, Step, Width, Smooth, Area, Symbol
Pie: Style Mode
Gauge: Aggregation Method
Others gated ✓
Toolbox / Animation
👻 Vô dụng cho NumberMetric/List
Ghost/Missing
Already gated OK
Commented out
✅ AFTER (F51) — Settings thay đổi theo chart type
Display As +3 buttons
Bar
Line
Pie
Scatter
Funnel
Radar (#52)
Gauge
Number ✓
List ✓
Sunburst ✓
✅ Tất cả chart types có renderer đều có button
Section Visibility Matrix (Phase 1)
Section Bar Line Pie Scatter Funnel Gauge Number List Sun
Chart Mapping ✓¹
Legend Dropdown
General Setup
Number Display²
Legend Config
Labels (Values)
Tooltip Style
X Rotation
Axes & Grid
Data Zoom
Bar Options
Line Options
Pie Options
Gauge Options
Others (Toolbox)
¹ Funnel: X-Axis hiện, Legend ẩn  |  ² Number Display: section mới chỉ cho NumberMetric/List (Format + Decimals)  |  ✓ = Hiện  |  ✗ = Ẩn (ghost fix)  |  — = Không áp dụng (đã gated từ trước)
Hiện (renderer dùng)
Ẩn (ghost fix Phase 1)
Không áp dụng (đã gated)
Section mới