Back

BarChart

Monthly Revenue

Revenue (USD)

0 2250 4500 6750 9000Jan: 4200 Jan 4200Feb: 5800 Feb 5800Mar: 3900 Mar 3900Apr: 7100 Apr 7100May: 6500 May 6500Jun: 8900 Jun 8900Jul: 7400 Jul 7400

Multi-color Bars

Category Breakdown

0 50 100 150 200Design: 85 Design 85Engineering: 120 Engineering 120Marketing: 60 Marketing 60Support: 45 Support 45Sales: 95 Sales 95

Usage

@display.BarChart(display.BarChartProps{
    Title:  "Monthly Revenue",
    Height: 200,             // SVG height in px (default 200)
    Points: []display.BarChartPoint{
        {Label: "Jan", Value: 4200, Color: "fill-brand-400"},
        {Label: "Feb", Value: 5800, Color: "fill-green-400"},
    },
})