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.
BcLineChartOptions Properties
Width
int
The width of the chart canvas in pixels.
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.
AxisLineWidth
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.
LineWidth
double
The width of the lines in pixels.
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.