Pae Rōhi Pai
He tūāhua rōhi Nightingale (e kīia ana he tūāhua rohe iho) kei te koki me te radius o ia petal te waehere nui whakapaunga. Ko ngā whakarōpū whakapaunga nui ake he petal ōwehenga nui ake, ka kitea tere te nui tuhinga.
Momo Tūāhua
| Āhuatanga | Uara |
|---|---|
| Whare pukapuka | Apache ECharts mā BaseChart |
| Momo raupapa | pie me roseType: 'area' |
| Kōnae puna | src/components/panels/RosePiePanel.tsx |
He aha te Whakaatu
Whakapaunga mārama kua wehewehe mā ia whakarōpū. Ko ia petal he whakarōpū whakapaunga kotahi. Ko te momo rōhi area ko te tikanga ka tauine te koki me te radius me te uara -- nō reira ko te rohe ā-kite o ia petal e ōrite ana ki te whakapaunga.
Ka tātarihia te raraunga mai i monthlySummary hei whakauruuru i ngā tāuru whakapaunga anake (type === 'EXPENSE' me total < 0), kātahi ka tōpūhia nui-tuatahi.
Āhuatanga Matua
| Āhuatanga | Taipitopito |
|---|---|
| Momo rōhi | area -- ka waehere te koki me te radius o te petal i te uara |
| Whakapaunga katoa i te pane | Kua hōputu hei NZD i te pane pae |
| Tōpūhia mā te uara | Whakarōpū whakapaunga nui rawa i te tuatahi |
| Nekehanga uru peke | Huringa elasticOut me te tōmuri matapōkere ia wāhanga |
| Raina tapanga hono | Ānō māeneene (smooth: 0.2) e hono ana i ngā tapanga ki ngā petal |
Taipitopito Ā-Kite
| Āhuatanga | Uara |
|---|---|
| Radius | Roto 15%, waho 80% |
| Waenganui | [50%, 50%] |
| Taitapa | Tae papamuri pae, 2px |
| Tāruarua | 10px pūkohu, rgba(0,0,0,0.15) |
| Momotuhi tapanga | Mono, 10px, tae tuhinga tuarua |
| Raina tapanga | Tae taitapa pae, roa 10px + 15px |
| Nekehanga | animationType: 'scale', animationEasing: 'elasticOut' |
| Tōmuri nekehanga | Math.random() * 200 ms ia wāhanga |
Tūtohu
Ka whakaatu i tētahi ira tae, ingoa whakarōpū, nui NZD, me te ōrau o te katoa:
[ira] Kai
$1,250.00 (28.5%)Taunekeneke
- Ānau -- tūtohu pai ECharts paerewa me te tohu tae whakarōpū, ingoa, nui, me te ōrau
- Nekehanga -- ka tauine uru ia wāhanga me te huringa peke me tētahi tōmuri matapōkere, ka waihanga he pānga puāwai taupatupatu i te uta
Puna Raraunga
| Rohe | Āpure |
|---|---|
useFinanceStore | monthlySummary (kua tātari ki te momo EXPENSE) |
useChartTheme | Papamuri pae, taitapa, me ngā tae tuhinga |
Āhua Kau
Ka whakaatu "Kāore he raraunga whakapaunga" ki te waenganui o te pae ina kāore he tāuru whakapaunga i te whakarāpopoto mārama.