F51 — Before ↔ After: Chart Settings UX Polish

❌ 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

F51 — Chart Settings UX Polish