Skip to content

Tūāhua Peke

Bump ChartPreview
1st2nd3rd4th5thJanFebMarAprMayJun

Ka aroturuki i te āhua o te raupapa o ngā whakarōpū whakapaunga ki ētahi atu marama-ki-te-marama. Ko te tūranga raupapa-1 ko te whakarōpū whakapaunga teitei rawa mō taua marama.

Momo Tūāhua

ĀhuatangaUara
Whare pukapukaApache ECharts mā BaseChart
Momo raupapaline (kotahi ia whakarōpū)
Kōnae punasrc/components/panels/BumpChartPanel.tsx

He aha te Whakaatu

Ko ia raina he whakarōpū whakapaunga. Ko te tūaka-y te tūranga raupapa (kua huri, nō reira ko te raupapa 1 kei runga). Ina piki me heke ngā whakarōpū i te whakapaunga ki ētahi atu, ka whiti ō rātou raina -- ka ngāwari te kite ina kape tētahi whakarōpū i tētahi atu.

Ka tātaihia ngā raupapa mā te tōpū i ngā whakarōpū mā te whakapaunga mārama i roto i ia marama, kātahi ka whakatohu i ngā raupapa ā-raupapa.

Āhuatanga Matua

ĀhuatangaTaipitopito
Tūaka-y kua huriinverse: true -- raupapa 1 kei runga
Raina māeneenesmooth: 0.3 mō ngā ānō māmā
Tapanga mutungaIngoa whakarōpū kua whakaatu i te mutunga matau o ia raina
Raina tae-whakarōpūKa whakamahi ia raina i te tae kua tautuhia ki te whakarōpū
Miramiratanga arotahiKa tohu te ānau i tētahi raina whakarōpū kotahi, ka heke ētahi atu
Tapanga tūaka-YKua hōputu hei #1, #2, #3, me ētahi atu
Tapanga tūaka-XKua hōputu mā formatMonth() mai i lib/formatting.ts

Taipitopito Ā-Kite

  • Whānui raina: 2.5px
  • Tohu: circle, rahi 8
  • Taitapa tohu: tae papamuri pae, 2px whānui (ka waihanga he pānga ira uru)
  • Momotuhi tapanga mutunga: mono, 10px, tae ōrite ki te whakarōpū
  • Papa: 40px mauī, 110px matau (wāhi mō ngā tapanga mutunga), 20px runga, 30px raro

Taunekeneke

  • Ānau -- emphasis.focus: 'series' ka tohu i te raina kua ānauhia (ka piki te whānui ki 4px) ka heke ngā raina katoa atu
  • Tūtohu -- tūtohu ECharts paerewa mā BaseChart

Puna Raraunga

RoheĀpure
mockMonthlyByCategoryRaraunga whakatauki mai i src/mocks/personalData.ts
useFinanceStorekara isMockMode
useChartThemeKāhua tūaka, raina wehe, tae tapanga

Kei te puta te raraunga mai i te raraunga whakatauki i tēnei wā. Kei ia tāuru he āpure month, category, amount, me color. Ina hono ki Akahu, ka tangohia mai i te rohe whakarāpopoto mārama.