Lune Logo
  • Start here
    HomeChangelogLicenses
    Components
    ButtonsInputsAvatarsBadgesTooltipsNotifications
    CardsTablesModalsTabsBread crumbsEmpty states
Overview
Introduction
Quickstart
Data Enrichment
Insights Dashboard
SDK
Playground
Changelog
Get template
Default
V3
V2V3
Lunedata.io >
Overview
Introduction
Quickstart
Data Enrichment
Enrich Transactions
PDF Enrichment
CSV Files
Insights Dashboard
SDK
iOS
Android
Playground
Changelog
FAQs

<< Back

Cashflow Chart Component

The CashflowChartComponent shows the user's gross expense and income over a period of time, along with the difference between them in a clean customisable donut chart.

To use this view in a SwiftUI project, just call the CashflowChartComponent method of your LuneSDKManager instance as shown in the example below. You can pass in optional startDate and endDate arguments to filter the data shown.

// HomeView.Swift

import SwiftUI
import LuneSDK

struct HomeView: View {
    // removed for simplicity...

    var body: some View {
        luneSDK.CashflowChartComponent()
    }
}



To use this view in an Objective-C project, just call the CashflowChartComponent method of your LuneSDKObjcManager instance as shown in the example below.

// YourViewController.m

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // transaction list setup, after initilizing luneSDK

    UIViewController *hostingController = [self.luneSDK 
  CashflowChartComponentWithStartDate:nil endDate:nil];

    [self addChildViewController:hostingController];
    [self.view addSubview:hostingController.view];
    
    // constraints setup removed for simplicity...
}
lune logo
lunedata.io
Support
2024. All rights reserved
Linkedin logo