Pae Kauwhata

GraphPreview

He whakakitenga kauwhata tōpū-awe o te rere moni i waenga i ngā pūkete me ngā whakarōpū. Ko ngā pona he pūkete me ngā whakarōpū whakapaunga; ko ngā tapa he rere whakawhitinga i waenga.

Momo Tūāhua

Āhuatanga	Uara
Whare pukapuka	Apache ECharts (mata echarts.init())
Momo raupapa	graph me layout: 'force'
Whakaahua	Canvas, whakatīmata tika (EHARA i te BaseChart)
Whakahaere hurihuri rahi	ResizeObserver ā-ringa ki te pouaka
Kōnae puna	src/components/panels/GraphPanel.tsx

Ka kape te pae i a BaseChart i runga i te kaupapa hei karo i ngā take whakauru-anō me te whakanohonoho tōpū. Ka karangahia he echarts.init() mata ki tētahi div pouaka, me tētahi ResizeObserver motuhake kua honoa mō te hurihuri rahi urupare.

He aha te Whakaatu

• Pona -- pūkete pēke me ngā whakarōpū whakapaunga, rahi mā te nui whakawhitinga
• Tapa -- rere whakawhitinga i waenga i ngā pūkete me ngā whakarōpū, whānui mā te nui rere
• Miramiratanga tata -- ka tohu te ānau i tētahi pona i ōna tapa kua honoa i te tae o taua pona

Tae Pona

Momo Pūkete	Tae
CHECKING	Tohu (#00d4aa)
SAVINGS	Tohu (#00d4aa)
CREDIT	Kino (whero)
INVESTMENT	Tūponotanga (āmipā)
Whakarōpū	Tae ā-whakarōpū mai i CATEGORY_COLORS

Ka whakakore ngā rōpū tae ritenga i ngā tautuhinga ina ōrite te ingoa pona ki te pātai rapu o te rōpū.

Taunekeneke

Panuku me te Topa Puta-Kanawhi

Kua whakakore te roam ā-roto o ECharts. Kē atu, ka hoatu ngā kaiwhakahaere kiore ritenga i te whakatere kore-here:

• Kumea-panuku -- pāwhiria ka kumea ki hea i te kanawhi hei panuku
• Topa wīra-panuku -- ka topa ki te tūnga kiore (rohe: 0.1x ki 15x)
• Urutau-ki-te-rohe -- ka urutau-aunoatia te kauwhata i te uta tuatahi; whakahoki-waenganui mā te pātene taitara

Miramiratanga Tata Ā-Ringa

Ka tautokona te focus: 'adjacency' ā-roto me tētahi whakatinanatanga ā-ringa:

1. Ka hanga i tētahi mahere tata o ngā taurangi pona-ki-tapa i ia whakahōu kōwhiringa
2. I te mouseover, ka tuku mahi tohu mō te pona kua ānauhia, ōna hoa tata, me ngā tapa kua honoa
3. Ka whakakore i te tae ripa tapa kia ōrite ki te tae o te pona kua ānauhia
4. I te mouseout, ka tuku downplay ka whakahau te whakahou zrender

Kumea Pona

Ka taea te kumea ngā pona takitahi (draggable: true) i roto i te whakanohonoho tōpū. Ka rere te whakatauira tōpū me animation: false mō te whakanohonoho tere.

Pae-Taha Tautuhinga

He pae-taha 220px kopikopiko (ka huritia mā te tohu tūwhiri i te pane) me ngā wāhanga 5:

1. Tātari

Mana	Whakamārama
Tātari tuhinga	Ka tātari ngā pona mā te ōrite aho-iti ingoa
Hurihuri pūkete	Whakaatu/huna ngā pona pūkete
Hurihuri whakarōpū	Whakaatu/huna ngā pona whakarōpū
Hurihuri pūhake	Whakaatu/huna ngā pona kāore he hononga

2. Rōpū

Mana	Kōwhiringa
Aratau rōpū	Mā te Momo, Mā te Pēke, Mā te Momo Whakarōpū, Kore
Rōpū tae	Whakahono pātai-rapu-ki-tae ritenga me te tāpiri/tango

3. Whakaatu

Mana	Rohe
Tapanga	Kā/Whāiti
Pere	Kā/Whāiti (tohu pere tapa)
Rahi Pona	5 -- 80
Matotoru Hononga	1 -- 10
Rahi Tapanga	6 -- 18
Kitenga Tapanga	0% -- 100%
Kitenga Pona	0.1 -- 1.0
Kāhua Hononga	Tika, Ānō, Pūtahi
Āhua Pona	Porowhita, Tapawha, Tapawha Porotaka, Taimana

4. Tōpū

Mana	Rohe
Tōpū Pūtahi (tōia)	0 -- 0.5
Tōpū Pana	5 -- 500
Tawhiti Hononga Iti	1 -- 200
Tawhiti Hononga Nui	5 -- 400
Taupatupatu	0 -- 1

5. Whakaora Tautuhinga

Ka tautuhi i ngā tautuhinga katoa ki ō rātou uara tīmatanga mā useGraphStore.resetToDefaults().

Puna Raraunga

Rohe	Āpure
useFinanceStore	accounts, transactions, categories
useGraphStore	Tautuhinga whakanohonoho/whakaatu/tōpū katoa, settingsOpen
useChartTheme	Tae kaupapa mō ngā tūtohu, tapanga, taitapa

Āhua Kau

Ka whakaatu "Kāore he raraunga whakawhitinga" ki te waenganui o te pae ina transactions.length === 0.