ComponentsCharts
Bar chart
Bars compare amounts across categories, side by side or stacked into a total. Choose grouped bars to compare series and stacked bars when the total matters. MudChart draws vertical bars only.
Grouped bars
One series per bread, one group per day. The y-axis title names the unit and the legend names the series.
Stacked bars
ChartType.StackedBar adds the series on top of each other, so the bar height is the total takings of the month.
Value labels and bar width
ShowValues prints each value on its bar. BarWidthRatio and XAxisLabelRotation adjust the geometry.
Selecting a series
Clicking a bar selects its series through @bind-SelectedIndex. Tooltip formats choose what hovering shows.
Click a bar to select its series.
Bars with a line
A Line child component draws a line on the same axes, here the daily target over the loaves baked.
Chart playground
One dataset, any chart type. Move the legend, hide series and see the markup that results.
<MudChart
T="double"
ChartType="ChartType.Bar"
ChartSeries="_series"
ChartLabels="_months"
ChartOptions="_options" />