Bar Chart

IsabyteChartBar

Categorical bar chart with optional range-bar variation. Built on the BPT chart foundation — palette-aware, drag-to-rotate in 3D mode, scroll-zoom, and keyboard-accessible via a hidden data table.

Bar Chart Parameters

Quarterly revenue
Category	Value
Q1	12
Q2	19
Q3	15
Q4	22
Q5	25
Q6	17

Current Configuration

📋

<IsabyteChartBar Data="@Data"
             Width="640"
             Height="360"
             RenderMode="IsabyteChartRenderMode.D2"
             XAxisLabel="Quarter"
             YAxisLabel="Revenue"
             ShowDataLabels="true"
             Title="Quarterly revenue"
             OnElementClick="HandleClick" />

@code {
private readonly IReadOnlyList<IsabyteChartBarPoint> Data = new IsabyteChartBarPoint[]
{
    new("Q1", 12), new("Q2", 19), new("Q3", 15), new("Q4", 22)
};

private void HandleClick(IsabyteChartElementEvent e) {
    // Click handler — fires regardless of TooltipMode.
}
}

Related learning

See the Admin Dashboard tutorial for a step-by-step walkthrough.