Panel Rose Pie
O se ata rose Nightingale (e ta'ua fo'i o le ata vaega polar) lea o le tafatafa ma le radius o petal ta'itasi e fa'ailoga ai le aofa'i tupe fa'aalu. O vaega fa'aaluga sili e iai petal sili, e fa'amanino vave ai le tele fa'atusatusa.
Ituaiga Ata
| Meatotino | Tau |
|---|---|
| Faleaoga | Apache ECharts e ala i le BaseChart |
| Ituaiga fa'asologa | pie ma le roseType: 'area' |
| Faila alagaoa | src/components/panels/RosePiePanel.tsx |
O Le A Le Mea E Fa'aali
Tupe fa'aalu masina e vaevaeina e ala i vaega. O petal ta'itasi e fa'aalia se vaega tupe fa'aalu. O le ituaiga rose area o lona uiga o le tafatafa ma le radius e fa'atusa uma ma le tau — o le vaega va'ai o petal ta'itasi e fa'atusa ma le fa'aaluga.
O fa'amaumauga e fa'amama mai le monthlySummary e aofia ai na'o fa'amaumauga tupe fa'aalu (type === 'EXPENSE' ma total < 0), ona fa'avasega lea sili-muamua.
Mea Autu
| Mea | Fa'amatalaga |
|---|---|
| Ituaiga rose | area — le tafatafa ma le radius o petal e fa'ailoga ai le tau |
| Tupe fa'aalu atoa i le ulutala | Fa'ailoga e fai ma NZD i le ulutala panel |
| Fa'avasega e ala i le tau | Vaega tupe fa'aalu sili muamua |
| Fa'aoso fa'afiafiaga | Fa'aoso elasticOut ma le fa'atuai fa'afuase'i mo vaega ta'itasi |
| Laina fa'ailoga feso'ota'i | Fa'apio lalelei (smooth: 0.2) e feso'ota'i fa'ailoga i petal |
Alagaoa Fa'amaumauga
| Teuina | Vaega |
|---|---|
useFinanceStore | monthlySummary (fa'amama i le ituaiga EXPENSE) |
useChartTheme | Lanu panel, tapula'a, ma tusitusiga |
Tulaga Gaogao
E fa'aali "E leai se fa'amaumauga fa'aaluga" fa'anofo i le panel pe a leai ni fa'amaumauga tupe fa'aalu i le aotelega masina.