Bump Chart

Bump ChartPreview

E siaki le tulaga o vaega tupe fa'aalu e fa'atusatusa masina-i-le-masina. O le tulaga-1 o lona uiga o le vaega sili ona maualuga le fa'aaluga mo lena masina.

Ituaiga Ata

Meatotino	Tau
Faleaoga	Apache ECharts e ala i le BaseChart
Ituaiga fa'asologa	line (se fa'asologa mo vaega ta'itasi)
Faila alagaoa	src/components/panels/BumpChartPanel.tsx

O Le A Le Mea E Fa'aali

O laina ta'itasi e fa'aalia se vaega tupe fa'aalu. O le y-axis e fa'aali le tulaga tulaga (fa'afeagai, ina ia i le pito i luga le tulaga 1). A si'i ma pa'u vaega i le fa'aaluga fa'atusatusa, o o latou laina e sopoia — e faigofie ai ona va'ai pe a sili atu se vaega i le isi.

O tulaga e fa'atusa e ala i le fa'avasegaina o vaega e ala i le fa'aaluga masina i masina ta'itasi, ona tu'uina lea o tulaga fa'asolosolo.

Mea Autu

Mea	Fa'amatalaga
Y-axis fa'afeagai	inverse: true — tulaga 1 i le pito i luga
Laina lalelei	smooth: 0.3 mo fa'apio lalelei
Fa'ailoga fa'ai'uga	Igoa vaega e fa'aali i le pito taumatau o laina ta'itasi
Laina lanu vaega	O laina ta'itasi e fa'aogaina le lanu fa'atuina o lena vaega
Fa'amafanafana fa'amamafa	O le fa'apaepaeina e fa'ailogaina ai se laina vaega, fa'avaivai isi
Fa'ailoga Y-axis	Fa'ailoga e pei o #1, #2, #3, ma isi
Fa'ailoga X-axis	Fa'ailoga e ala i le formatMonth() mai le lib/formatting.ts

Fa'amatalaga Va'ai

• Lautele laina: 2.5px
• Fa'ailoga: circle, tele 8
• Tapula'a fa'ailoga: lanu lanu o le panel, lautele 2px (e fai ai se aafiaga fa'ailoga tui)
• Mataitusi fa'ailoga fa'ai'uga: mono, 10px, lanu e fetaui ma le vaega
• Fa'ailoga: 40px agavale, 110px taumatau (avanoa mo fa'ailoga fa'ai'uga), 20px i luga, 30px i lalo

Fa'afesoota'iga

• Fa'apaepae — emphasis.focus: 'series' e fa'ailogaina le laina fa'apaepae (lautele e si'i i le 4px) ma fa'avaivaia laina uma isi
• Tooltip — tooltip ECharts masani e ala i le BaseChart

Alagaoa Fa'amaumauga

Teuina	Vaega
mockMonthlyByCategory	Fa'amaumauga fa'ata'ita'i mai le src/mocks/personalData.ts
useFinanceStore	Fa'ailoga isMockMode
useChartTheme	Ituaiga axis, laina vavae, lanu fa'ailoga

O fa'amaumauga o lo'o maua mai fa'amaumauga fa'ata'ita'i. O fa'amaumauga ta'itasi e aofia ai vaega month, category, amount, ma color. Pe a feso'ota'i i Akahu, o le a su'e mai le teuina aotelega masina.