BcLineChart
Description
The BcLineChart component displays data as connected lines, ideal for showing trends over time or continuous data. It supports multiple data series, interactive point hovering, tooltips, and customizable styling options.
Demo
Show Grid
Show Labels
Show Points
Show Legend
Show X Axis
Show Y Axis
Sample Code
Parameters
Data
List < BcLineChartSeries >
List of data series to display in the chart. Each series contains a label, color, and list of points.
Options
BcLineChartOptions
Configuration options for the chart appearance and behavior.
ChildContent
List < BcLineChartSeries >
Optional render fragment for fully customizing the legend. Receives the chart's Data and, when provided, is rendered instead of the built-in legend.
BcLineChartOptions Properties
RenderWidth
int
BcLineChartPage.OptionsProperties.RenderWidth.Description
Height
int
The height of the chart canvas in pixels.
Style
string?
Additional CSS styles to apply to the chart container.
ShowXAxis
bool
Whether to display the X axis line.
ShowYAxis
bool
Whether to display the Y axis line.
AxisColor
string
The color of the axis lines.
AxisLineRenderWidth
double
The width of the axis lines.
ShowGrid
bool
Whether to display grid lines.
GridColor
string
The color of the grid lines.
ShowLabels
bool
Whether to display axis labels.
LabelColor
string
The color of the axis labels.
LabelFontSize
int
The font size of axis labels in pixels.
ShowPoints
bool
Whether to display data points on the lines.
PointRadius
double
The radius of data points in pixels.
HoverPointRadius
double
The radius of data points when hovered.
LineRenderWidth
double
The width of the lines in pixels.
Baseline
double?
Fixes the Y-axis minimum (e.g. 0) instead of auto-scaling to the lowest data value. Leave unset to auto-scale based on the data.
ShowLegend
bool
Whether to display the legend.
LegendTextColor
string
The color of the legend text.
LegendFontSize
int
The font size of legend text in pixels.
PaddingLeft
double
Left padding of the chart area.
PaddingRight
double
Right padding of the chart area.
PaddingTop
double
Top padding of the chart area.
PaddingBottom
double
Bottom padding of the chart area.
Data Classes
Contains Label (string), Color (string), and Points (List<BcLineChartPoint>) properties.
Contains XLabel (string) and YValue (double) properties.