Skip to main content

Dashboard Bar Graph

This section describes the BfmDashboardBarGraphComponent component.

Usage​

If you need more customization, you need to import it in your module and use it in your template.

bar-graph.component.ts
import { BfmDashboardBarGraphComponent } from "@celerofinancas/ui-reports";

@Component({
  standalone: true,
  selector: 'dashboard-bar-graph',
  imports: [BfmDashboardBarGraphComponent],
  templateUrl: './bar-graph.component.html',
})
export class DashboardBarGraphComponent {}

Then, in your template, you can use the component like this:

bar-graph.component.html
<bfm-dashboard-bar-graph
  [data]="data"
  [colorScheme]="{ domain: ['#d3d3d3']}"
/>

Inputs​

The BfmDashboardBarGraphComponent component has the following inputs:

data​

Data to be displayed in the bar graph

TypeDefault
BarGraphDataItem[][]

colorScheme​

Color scheme for the bar graph

TypeDefault
object{ domain: ['#d3d3d3'] }

Events​

The BfmDashboardBarGraphComponent component has no events.