Pae Sankey

Money FlowPreview

He hoahoa rere Sankey e whakaatu ana i te āhua o te neke moni mai i ngā puna moni whiwhi mā tētahi kōpū pūtahi ki ngā whakapaunga, penapena, me ngā penapena toenga. Ko te whānui o ia rere e ōrite ana ki te nui.

Momo Tūāhua

Āhuatanga	Uara
Whare pukapuka	Apache ECharts mā BaseChart
Momo raupapa	sankey
Ahunga	horizontal
Kōnae puna	src/components/panels/SankeyPanel.tsx

He aha te Whakaatu

He rere tīwae-toru:

Puna Moni Whiwhi  -->  E Wātea  -->  Whakapaunga
                                 -->  Penapena
                                 -->  Penapena Toenga

• Tīwae mauī -- puna moni whiwhi (Utu, Mahi Motuhake, me ētahi atu)
• Pona waenganui -- kōpū "E Wātea" (moni whiwhi katoa)
• Tīwae matau -- whakarōpū whakapaunga (kua tōpūhia mā te nui), whakarōpū penapena, me "Penapena Toenga" kōwhiringa

Ka puta anake te pona "Penapena Toenga" ina nui ake te moni whiwhi katoa i te whakapaunga katoa me ngā penapena.

Āhuatanga Matua

Āhuatanga	Taipitopito
Whakanohonoho tīwae-toru	Moni Whiwhi -> E Wātea -> Putanga
Tae pona	Tae ā-whakarōpū mai i te whakarāpopoto mārama
Tae hononga	Tae pona puna i te 50% kitenga (tāpiritanga hex 80)
Pona Penapena Toenga	Kikorangi rangi (#38bdf8), ka puta anake ina pai
Miramiratanga tata	focus: 'adjacency' i te ānau
Tapanga whakarite-matau	Momotuhi mono, 11px, tae tuhinga tuarua

Taipitopito Ā-Kite

Āhuatanga	Uara
Whānui pona	20px
Āpiti pona	12px
Whakarite pona	justify
Ānōtanga hononga	0.5
Taitapa pona	0px (kore taitapa)
Hurihuri whakanohonoho	0 (whakanohonoho ā-ringa mā layout: 'none')
Tae pona "E Wātea"	Tohu (#00d4aa)
Tae pona "Penapena Toenga"	Kikorangi rangi (#38bdf8)

Tūtohu

E rua ngā hōputu i runga i te mea kua ānauhia:

Tapa (rere):

Utu -> E Wātea
$8,500.00

Pona:

E Wātea
$8,500.00

Taunekeneke

• Ānau pona -- ka tohu i te pona me ngā rere katoa kua honoa tika (arotahi tata)
• Ānau tapa -- ka tohu i te ara rere motuhake
• Tuku -- mousemove mō te aroturuki urupare

Puna Raraunga

Rohe	Āpure
useFinanceStore	monthlySummary (kua wehewehe ki ngā momo MONI WHIWHI, WHAKAPAUNGA, me PENAPENA)
useChartTheme	Tae tohu, tae tuhinga, papamuri pae

Ka tātarihia ngā tūemi moni whiwhi mā type === 'INCOME' me total > 0. Ka tātarihia ngā tūemi whakapaunga mā type === 'EXPENSE' me total < 0 (kua tōpūhia mā te nui heke). Ka tātarihia ngā tūemi penapena mā type === 'SAVINGS' me total < 0.

Āhua Kau

Ka whakaatu "Kāore he raraunga rere" ki te waenganui o te pae ina kāore he tāuru moni whiwhi, whakapaunga rānei i te whakarāpopoto mārama.