Examples
Labels name the categories and each ChartSeries is a colour, one column per series in each category; the gridlines run across the back wall.
Stacked="true" piles the series into one column, Horizontal="true" lays the bars out top to bottom, and Depth (0 to 1, a share of the column's width) sets how deep the prisms are.
Playground
<Column3DChart
Title="New workspaces per quarter"
Labels="@_quarters"
Series="@_series" />
@code {
private readonly string[] _quarters = ["Q1", "Q2", "Q3", "Q4"];
private readonly ChartSeries[] _series =
[
new("Free", [420, 510, 488, 602]),
new("Pro", [180, 214, 251, 290]),
new("Enterprise", [34, 41, 39, 52]),
];
}API
<Column3DChart>
DaisyBlazor.ChartsParameters
- AspectRatio double= 1.78
Width divided by height. The chart keeps this shape at any width; its text keeps its size.
- Data IReadOnlyList<
ChartDataPoint> = nullFlat data points, one column each; used when no Series are supplied.
- Depth double= 0.5
How deep a column is, as a share of its width (0 to 1).
- Horizontal bool= false
Lay the bars out sideways, categories down the left side.
- Labels IReadOnlyList<
string> = nullCategory labels for Series.
- RowHeight double?= null
Height of each row in px, for a chart that lays its categories out as rows (horizontal bars, a Gantt's lanes, a heatmap's rows…): its height then follows its number of rows instead of AspectRatio, so a long list keeps readable rows at any width. A chart, or an orientation, without rows ignores it.
- Series IReadOnlyList<
ChartSeries> = nullSeries of values, index-aligned with Labels. Takes precedence over Data.
- ShowLegend bool= true
Show a legend when there is more than one series.
- ShowTitle bool= true
Draw Title as a visible heading above the chart (the default); false keeps it only as the chart's accessible name, for a chart inside a card that already has a heading.
- Stacked bool= false
Stack the series in one column per category instead of side by side.
- Title string= null
Optional heading rendered above the chart; it is also the chart's accessible name.
- Width string= "100%"
CSS width of the chart wrapper.
- Class string= null
Additional CSS classes merged onto the w-full wrapper.
- Style string= null
Inline styles appended after the width on the wrapper.