Package Exports

budget-view-chart
budget-view-chart/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (budget-view-chart) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

budget-view-chart

npm type definitions NPM npm

A react Chart component specialising in display budget for personal finance.

This component is built based on echarts.

example

Get Started

npm install budget-view-chart

<BudgetChart config={{
  showMonthEndLine: null,
  showAggregate: false,
  locale: 'en-GB',
  currency: 'GBP'}} value={dataset}/>

Example dataset can be find in demo/src/data/

Visualisation

Breakdown View

example1

Highlight on Budget Item

example2

Highlight on Spending in a Whole Month

example3

Highlight on Spending

example4

Negative Spending (Income)

example5

Aggregate View

example6

Over Spending

example7

Current Line

example8

Contribution

All contributions are welcomed, especially the following aspects:

Standardise the repo
Standardise the build/test/linting process
Support custom styling
Performance improvements