API Reference
Class
ChartJs
Helper for building simple Chart.js charts.
Inheritance
- Element
- ChartJs
Constructors
Methods
public ChartJs AddArea(String label, Double value) #Returns:
ChartJsAdds a point to the primary dataset and switches the chart to the area style.
Parameters
- label System.String
- Label for the point.
- value System.Double
- Value plotted for the area chart.
Returns
The current ChartJs instance.
public ChartJs AddBar(String label, Double value) #Returns:
ChartJsAdds a bar value using the simplified API and switches the chart to the bar type.
Parameters
- label System.String
- Label for the bar.
- value System.Double
- Height of the bar.
Returns
The current ChartJs instance.
public ChartJs AddBubble(Double x, Double y, Double radius) #Returns:
ChartJsAdds a bubble point for bubble charts.
Parameters
- x System.Double
- y System.Double
- radius System.Double
public ChartJs AddColumn(String label, Double value) #Returns:
ChartJsAdds a column value; an alias for Double) kept for readability.
Parameters
- label System.String
- Label for the column.
- value System.Double
- Height of the column.
Returns
The current ChartJs instance.
public ChartJs AddData(String label, Double value) #Returns:
ChartJsAdds a numeric data point with an associated label.
Parameters
- label System.String
- Label for the value.
- value System.Double
- Numeric value.
Returns
The current ChartJs instance.
AddDataset 5 overloads
public ChartJs AddDataset(String label, RGBColor color, params Double[] values) #Returns:
ChartJsAdds a dataset with custom colors.
Parameters
- label System.String
- Dataset label.
- color System.String
- Color for the dataset.
- values System.Double[]
- Data values.
Returns
The current ChartJs instance.
AddDataset(System.String label, HtmlForgeX.RGBColor color, System.Double[] values) #Adds a dataset with a custom RGBColor.
Parameters
- label System.String
- Dataset label.
- color HtmlForgeX.RGBColor
- RGB color value.
- values System.Double[]
- Data values.
Returns
The current ChartJs instance.
public ChartJs AddDataset(String label, Object color, params Double[] values) #Returns:
ChartJsAdds a dataset with a color specified as RGBColor or string.
Parameters
- label System.String
- Dataset label.
- color System.Object
- Color value.
- values System.Double[]
- Data values.
Returns
The current ChartJs instance.
public ChartJs AddDataset(Action<ChartJsDataset> configure) #Returns:
ChartJsAdds a dataset configured via delegate.
Parameters
- configure System.Action{HtmlForgeX.ChartJsDataset}
- Action configuring the dataset.
Returns
The current ChartJs instance.
AddDonut 3 overloads
public ChartJs AddDonut(String label, Double value) #Returns:
ChartJsApex-like convenience for doughnut charts; adds a labeled slice (and optional color).
Parameters
- label System.String
- value System.Double
public ChartJs AddDonut(String label, Double value, RGBColor color) #Returns:
ChartJsApex-like convenience for doughnut charts with per-slice color.
Parameters
- label System.String
- value System.Double
- color System.String
AddDonut(System.String label, System.Double value, HtmlForgeX.RGBColor color) #Apex-like convenience for doughnut charts with per-slice RGB color.
Parameters
- label System.String
- value System.Double
- color HtmlForgeX.RGBColor
public ChartJs AddGaugeV3Dataset(String label, IEnumerable<Double> stops, Double value, Action<ChartJsGaugeV3DatasetOptions> configure = null) #Returns:
ChartJsAdds a gauge-v3 dataset (for layered gauges like clocks) with strongly-typed options.
Parameters
- label System.String
- stops System.Collections.Generic.IEnumerable{System.Double}
- value System.Double
- configure System.Action{HtmlForgeX.ChartJsGaugeV3DatasetOptions} = null
public ChartJs AddLabel(String label) #Returns:
ChartJsAdds a label to the chart.
Parameters
- label System.String
- Label to add.
Returns
The current ChartJs instance.
public ChartJs AddLabels(params String[] labels) #Returns:
ChartJsAdds multiple labels to the chart.
Parameters
- labels System.String[]
- Labels to add.
Returns
The current ChartJs instance.
public ChartJs AddLine(String label, Double value) #Returns:
ChartJsAdds a point to the primary dataset and switches the chart to the line type.
Parameters
- label System.String
- Label for the point.
- value System.Double
- Value plotted on the line.
Returns
The current ChartJs instance.
AddPie 3 overloads
public ChartJs AddPie(String label, Double value) #Returns:
ChartJsAdds a data point to the current pie chart configuration.
Parameters
- label System.String
- Label for the slice.
- value System.Double
- Numeric value represented by the slice.
Returns
The current ChartJs instance.
public ChartJs AddPie(String label, Double value, RGBColor color) #Returns:
ChartJsAdds a colored slice to the current pie chart configuration.
Parameters
- label System.String
- Label for the slice.
- value System.Double
- Numeric value represented by the slice.
- color System.String
- CSS color applied to the slice.
Returns
The current ChartJs instance.
AddPie(System.String label, System.Double value, HtmlForgeX.RGBColor color) #Adds a colored slice to the current pie chart configuration using an RGBColor.
Parameters
- label System.String
- Label for the slice.
- value System.Double
- Numeric value represented by the slice.
- color HtmlForgeX.RGBColor
- Structured RGB color applied to the slice.
Returns
The current ChartJs instance.
public ChartJs AddPoint(Double x, Double y) #Returns:
ChartJsAdds a point for scatter charts.
Parameters
- x System.Double
- y System.Double
public ChartJs AddSankeyDataset(String label, Action<ChartJsSankeyDatasetOptions> configure) #Returns:
ChartJsAdds an additional Sankey dataset (useful for side-by-side Sankey visualizations).
Parameters
- label System.String
- configure System.Action{HtmlForgeX.ChartJsSankeyDatasetOptions}
public ChartJs AddStackedBar(String seriesName, params ValueTuple<String, Double>[] points) #Returns:
ChartJsAdds/extends a stacked bar series and aligns categories automatically.
Parameters
- seriesName System.String
- points System.ValueTuple{System.String,System.Double}[]
public ChartJs Area() #Returns:
ChartJsConvenience builder for an area chart (line with fill). Sets the chart type to Line and enables default dataset fill for simple API and AddDataset overloads.
public ChartJs Bar() #Returns:
ChartJsShortcut for calling ChartJsType) with Bar.
Returns
The current ChartJs instance.
public ChartJs BeginAtZero(Boolean enabled = true) #Returns:
ChartJsSets the Y-axis to begin at zero.
Parameters
- enabled System.Boolean = true
public ChartJs Bubble() #Returns:
ChartJsShortcut for calling ChartJsType) with Bubble.
Returns
The current ChartJs instance.
public ChartJs Bullet(Double value, Double target, Double min, Double max, Action<ChartJsBulletOptions> configure = null) #Returns:
ChartJsSimple horizontal bullet chart (performance bar) using stacked bars. Ranges are drawn as a background stack; the actual value overlays as a thin bar. No external plugins required.
Parameters
- value System.Double
- target System.Double
- min System.Double
- max System.Double
- configure System.Action{HtmlForgeX.ChartJsBulletOptions} = null
public ChartJs CenterLabel(String text, Int32 fontSize = 26, String color = "#111", String backgroundColor = null, Int32 padding = 6) #Returns:
ChartJsAdds a centered label inside circular charts (doughnut/pie/gauge) using the Chart.js Annotation plugin. Automatically registers the plugin library.
Parameters
- text System.String
- Text to display.
- fontSize System.Int32 = 26
- Font size in px.
- color System.String = "#111"
- Text color.
- backgroundColor System.String = null
- Background behind the text (transparent by default).
- padding System.Int32 = 6
- Padding around text.
Colors 3 overloads
public ChartJs Colors(params RGBColor[] colors) #Returns:
ChartJsSets custom colors for the chart (for pie, doughnut and polarArea types).
Parameters
- colors System.String[]
- Array of color strings.
Returns
The current ChartJs instance.
Colors(HtmlForgeX.RGBColor[] colors) #Sets custom colors for the chart using RGBColor instances.
Parameters
- colors HtmlForgeX.RGBColor[]
- Colors to apply.
Returns
The current ChartJs instance.
public ChartJs Configure(Action<ChartJsOptions> configure) #Returns:
ChartJsConfigures chart options with full access.
Parameters
- configure System.Action{HtmlForgeX.ChartJsOptions}
public ChartJs Doughnut() #Returns:
ChartJsShortcut for calling ChartJsType) with Doughnut.
Returns
The current ChartJs instance.
public ChartJs EnableGeoInteractivity(Action<ChartJsGeoInteractivity> configure) #Returns:
ChartJsEnables interactivity for choropleth/bubble maps: tooltips and click output element.
Parameters
- configure System.Action{HtmlForgeX.ChartJsGeoInteractivity}
public ChartJs FillContainer(Boolean enabled = true) #Returns:
ChartJsConvenience: make the chart fill its container width while letting height be driven by content. Sets responsive=true and maintainAspectRatio=false when enabled.
Parameters
- enabled System.Boolean = true
public ChartJs Gauge(Double value, Double min, Double max, Action<ChartJsGaugeOptions> configure = null) #Returns:
ChartJsConfigures this chart as a semi-circular gauge using a doughnut with a value vs. remainder segment. No external plugins required.
Parameters
- value System.Double
- Current value.
- min System.Double
- Minimum value.
- max System.Double
- Maximum value.
- configure System.Action{HtmlForgeX.ChartJsGaugeOptions} = null
- Optional extra styling (colors, cutout, angles).
public ChartJs GaugeTicks(Action<ChartJsGaugeTicksOptions> configure = null) #Returns:
ChartJsAdds radial tick marks (dial ticks) drawn via a lightweight plugin. Works with both ring and wedge gauges.
Parameters
- configure System.Action{HtmlForgeX.ChartJsGaugeTicksOptions} = null
GaugeV3 2 overloads
public ChartJs GaugeV3(Double value, IEnumerable<Double> stops, IEnumerable<RGBColor> colors, Double minValue = 0, Action<ChartJsGaugeV3Options> configure = null) #Returns:
ChartJsConfigures this chart to use the 'gauge' chart type provided by chartjs-gauge-v3. Provide threshold stops (sorted ascending) and matching background colors. Use minValue to shift range.
Parameters
- value System.Double
- Current gauge value.
- stops System.Collections.Generic.IEnumerable{System.Double}
- Threshold values, e.g., [50,70,90,100].
- colors System.Collections.Generic.IEnumerable{System.String}
- Colors for each band.
- minValue System.Double = 0
- Optional minimum value (default 0).
- configure System.Action{HtmlForgeX.ChartJsGaugeV3Options} = null
- Optional advanced options (needle/valueLabel/cutout/angles).
GaugeV3(System.Double value, System.Collections.Generic.IEnumerable{System.Double} stops, System.Collections.Generic.IEnumerable{HtmlForgeX.RGBColor} colors, System.Double minValue, System.Action{HtmlForgeX.ChartJsGaugeV3Options} configure) #Overload for GaugeV3 that accepts RGBColor collection for colors.
Parameters
- value System.Double
- stops System.Collections.Generic.IEnumerable{System.Double}
- colors System.Collections.Generic.IEnumerable{HtmlForgeX.RGBColor}
- minValue System.Double
- configure System.Action{HtmlForgeX.ChartJsGaugeV3Options}
public ChartJs GaugeV3Style(ChartJsGaugeV3Style style) #Returns:
ChartJsApplies a predefined style for gauge-v3 (angles/cutout/needle tweaks).
Parameters
- style HtmlForgeX.ChartJsGaugeV3Style
public ChartJs GaugeWithNeedle(Double value, Double min, Double max, Action<ChartJsNeedleGaugeOptions> configure = null) #Returns:
ChartJsConfigures a semi-circular gauge with a needle drawn via an optional plugin. The colored arc is built from bands; the needle indicates value.
Parameters
- value System.Double
- Current value.
- min System.Double
- Minimum value.
- max System.Double
- Maximum value.
- configure System.Action{HtmlForgeX.ChartJsNeedleGaugeOptions} = null
- Optional extra styling and band configuration.
public ChartJs Grid(Action<ChartJsLayout> configure) #Returns:
ChartJsConfigures layout/grid options, providing parity with ApexCharts.Grid.
Parameters
- configure System.Action{HtmlForgeX.ChartJsLayout}
Interaction 2 overloads
public ChartJs Interaction(Action<ChartJsInteraction> configure) #Returns:
ChartJsConfigures interaction with fluent API.
Parameters
- configure System.Action{HtmlForgeX.ChartJsInteraction}
public ChartJs Interaction(ChartJsInteractionMode mode, Boolean intersect = false) #Returns:
ChartJsConfigures interaction with common settings.
Parameters
- mode HtmlForgeX.ChartJsInteractionMode
- intersect System.Boolean = false
Legend 2 overloads
public ChartJs Legend(Boolean display = true, ChartJsPosition position = Top) #Returns:
ChartJsSets whether to show the legend.
Parameters
- display System.Boolean = true
- position HtmlForgeX.ChartJsPosition = Top
public ChartJs Legend(Action<ChartJsLegend> configure) #Returns:
ChartJsConfigures the legend with advanced options.
Parameters
- configure System.Action{HtmlForgeX.ChartJsLegend}
LegendLabels 2 overloads
public ChartJs LegendLabels(Int32 fontSize, ChartJsFontWeight fontWeight, RGBColor color, Int32 padding = 10, Boolean usePointStyle = false) #Returns:
ChartJsConfigures legend labels with common settings.
Parameters
- fontSize System.Int32 = 12
- fontWeight HtmlForgeX.ChartJsFontWeight = Normal
- color System.String = "#666"
- padding System.Int32 = 10
- usePointStyle System.Boolean = false
LegendLabels(System.Int32 fontSize, HtmlForgeX.ChartJsFontWeight fontWeight, HtmlForgeX.RGBColor color, System.Int32 padding, System.Boolean usePointStyle) #Configures legend labels with RGBColor support.
Parameters
- fontSize System.Int32
- fontWeight HtmlForgeX.ChartJsFontWeight
- color HtmlForgeX.RGBColor
- padding System.Int32
- usePointStyle System.Boolean
public ChartJs Line() #Returns:
ChartJsShortcut for calling ChartJsType) with Line.
Returns
The current ChartJs instance.
public ChartJs MaintainAspectRatio(Boolean value) #Returns:
ChartJsSets the maintainAspectRatio option directly.
Parameters
- value System.Boolean
public ChartJs Mixed() #Returns:
ChartJsConfigures mixed chart mode. Root type is omitted and each dataset can specify its own type. Use dataset.SetType(ChartJsType.Line|Bar|...) to mix series.
public ChartJs OffsetLabel(String key, String text, Int32 fontSize = 26, String color = "#111", String backgroundColor = null, Int32 padding = 6, Int32 xAdjust = 0, Int32 yAdjust = 0) #Returns:
ChartJsAdds a label anchored at the chart center with pixel offsets (xAdjust, yAdjust). Positive xAdjust moves right; positive yAdjust moves down.
Parameters
- key System.String
- text System.String
- fontSize System.Int32 = 26
- color System.String = "#111"
- backgroundColor System.String = null
- padding System.Int32 = 6
- xAdjust System.Int32 = 0
- yAdjust System.Int32 = 0
public ChartJs Pie() #Returns:
ChartJsShortcut for calling ChartJsType) with Pie.
Returns
The current ChartJs instance.
public ChartJs Plugins(Action<ChartJsPlugins> configure) #Returns:
ChartJsConfigures plugins with fluent API.
Parameters
- configure System.Action{HtmlForgeX.ChartJsPlugins}
public ChartJs PolarArea() #Returns:
ChartJsShortcut for calling ChartJsType) with PolarArea.
Returns
The current ChartJs instance.
public ChartJs Radar() #Returns:
ChartJsShortcut for calling ChartJsType) with Radar.
Returns
The current ChartJs instance.
public ChartJs RAxis(Action<ChartJsAxis> configure) #Returns:
ChartJsConfigures the R-axis (for polar charts) with fluent API.
Parameters
- configure System.Action{HtmlForgeX.ChartJsAxis}
public ChartJs RAxisRange(Nullable<Double> min = null, Nullable<Double> max = null) #Returns:
ChartJsSets the R-axis range for polar charts.
Parameters
- min System.Nullable{System.Double} = null
- max System.Nullable{System.Double} = null
RegisterLibraries() #Registers the Chart.js library with the current document.
public ChartJs Responsive(Boolean responsive = true, Boolean maintainAspectRatio = true) #Returns:
ChartJsSets the responsive behavior.
Parameters
- responsive System.Boolean = true
- maintainAspectRatio System.Boolean = true
Sankey 2 overloads
public ChartJs Sankey(Action<ChartJsSankeyDatasetOptions> configure) #Returns:
ChartJsConfigures this chart to render a Sankey diagram using chartjs-chart-sankey. Clears existing datasets and creates a single dataset.
Parameters
- configure System.Action{HtmlForgeX.ChartJsSankeyDatasetOptions}
public ChartJs Sankey(String label, Action<ChartJsSankeyDatasetOptions> configure) #Returns:
ChartJsConfigures this chart to render a Sankey diagram with a specific dataset label.
Parameters
- label System.String
- configure System.Action{HtmlForgeX.ChartJsSankeyDatasetOptions}
public ChartJs SankeySettings(Action<ChartJsSankeySettings> configure) #Returns:
ChartJsProvides the fluent Settings(...) surface for building Sankey datasets while keeping the root surface minimal.
Parameters
- configure System.Action{HtmlForgeX.ChartJsSankeySettings}
public ChartJs Scales(Action<ChartJsScales> configure) #Returns:
ChartJsConfigures scales with fluent API.
Parameters
- configure System.Action{HtmlForgeX.ChartJsScales}
public ChartJs Scatter() #Returns:
ChartJsShortcut for calling ChartJsType) with Scatter.
Returns
The current ChartJs instance.
public ChartJs ScatterArea() #Returns:
ChartJsConvenience for a scatter chart rendered as an area (connect points and fill under line).
public ChartJs SegmentLabels(Action<ChartJsSegmentLabelsOptions> configure) #Returns:
ChartJsEnable segment labels plugin and configure appearance.
Parameters
- configure System.Action{HtmlForgeX.ChartJsSegmentLabelsOptions}
public ChartJs SetType(ChartJsType type) #Returns:
ChartJsSets the chart type.
Parameters
- type HtmlForgeX.ChartJsType
- Chart type.
Returns
The current ChartJs instance.
public ChartJs Size(String width = null, String height = null) #Returns:
ChartJsSets the canvas dimensions.
Parameters
- width System.String = null
- height System.String = null
public ChartJs SolidGauge(Double value, Double min, Double max, Boolean semi = true, String centerLabel = null, String centerLabelColor = "#111", Int32 centerLabelFont = 20, Action<ChartJsGaugeOptions> configure = null, Action<ChartJsGaugeTicksOptions> configureTicks = null) #Returns:
ChartJsConvenience builder for a solid wedge gauge (half or full). Sets cutout to 0, wires default bands, adds radial ticks with labels, and an optional center label.
Parameters
- value System.Double
- min System.Double
- max System.Double
- semi System.Boolean = true
- centerLabel System.String = null
- centerLabelColor System.String = "#111"
- centerLabelFont System.Int32 = 20
- configure System.Action{HtmlForgeX.ChartJsGaugeOptions} = null
- configureTicks System.Action{HtmlForgeX.ChartJsGaugeTicksOptions} = null
public ChartJs Speedometer(Double value, Double min, Double max, String units = "km/h", Boolean fullDial = false, Action<ChartJsNeedleGaugeOptions> configure = null, Action<ChartJsGaugeTicksOptions> configureTicks = null) #Returns:
ChartJsConvenience builder for a speedometer gauge (semi by default). Wires needle, colored bands, ticks with numeric labels, and a center label showing the value + units.
Parameters
- value System.Double
- min System.Double
- max System.Double
- units System.String = "km/h"
- fullDial System.Boolean = false
- configure System.Action{HtmlForgeX.ChartJsNeedleGaugeOptions} = null
- configureTicks System.Action{HtmlForgeX.ChartJsGaugeTicksOptions} = null
public ChartJs Stacked(Boolean enabled = true) #Returns:
ChartJsConfigures the chart as stacked (for bar and line charts).
Parameters
- enabled System.Boolean = true
Tooltip 3 overloads
public ChartJs Tooltip(Action<ChartJsTooltip> configure) #Returns:
ChartJsConfigures tooltip with fluent API.
Parameters
- configure System.Action{HtmlForgeX.ChartJsTooltip}
public ChartJs Tooltip(ChartJsInteractionMode mode, Boolean intersect, RGBColor backgroundColor, RGBColor titleColor, RGBColor bodyColor, RGBColor borderColor, Int32 borderWidth = 1) #Returns:
ChartJsConfigures tooltip with common settings.
Parameters
- mode HtmlForgeX.ChartJsInteractionMode = Index
- intersect System.Boolean = false
- backgroundColor System.String = "rgba(0, 0, 0, 0.8)"
- titleColor System.String = "#fff"
- bodyColor System.String = "#fff"
- borderColor System.String = "#ddd"
- borderWidth System.Int32 = 1
Tooltip(HtmlForgeX.ChartJsInteractionMode mode, System.Boolean intersect, HtmlForgeX.RGBColor backgroundColor, HtmlForgeX.RGBColor titleColor, HtmlForgeX.RGBColor bodyColor, HtmlForgeX.RGBColor borderColor, System.Int32 borderWidth) #Configures tooltip with RGBColor support.
Parameters
- mode HtmlForgeX.ChartJsInteractionMode
- intersect System.Boolean
- backgroundColor HtmlForgeX.RGBColor
- titleColor HtmlForgeX.RGBColor
- bodyColor HtmlForgeX.RGBColor
- borderColor HtmlForgeX.RGBColor
- borderWidth System.Int32
public override String ToString() #Returns:
StringGenerates the HTML required to render the chart.
Returns
The HTML markup.
public ChartJs USChoropleth(Action<ChartJsGeoWorldOptions> configure = null) #Returns:
ChartJsConvenience: US states choropleth using us-atlas states topology and albersUsa projection.
Parameters
- configure System.Action{HtmlForgeX.ChartJsGeoWorldOptions} = null
public ChartJs ValueClamping(Action<ChartValueClampingOptions> configure) #Returns:
ChartJsEnables value clamping/rounding for this chart.
Parameters
- configure System.Action{HtmlForgeX.ChartValueClampingOptions}
public ChartJs Waffle(Double percent, String filledColor = "#206bc4", String emptyColor = "#e9ecef") #Returns:
ChartJs10x10 waffle chart using a Bubble grid (no plugin required). Each cell is a circle; filled cells use a strong color; remainder uses a neutral.
Parameters
- percent System.Double
- 0..100 filled cells.
- filledColor System.String = "#206bc4"
- Color for filled cells.
- emptyColor System.String = "#e9ecef"
- Color for empty cells.
public ChartJs WorldBubbleMap(Action<ChartJsGeoBubbleOptions> configure) #Returns:
ChartJsBubble/point map using chartjs-chart-geo 'bubbleMap' controller. Provide points with latitude/longitude and value.
Parameters
- configure System.Action{HtmlForgeX.ChartJsGeoBubbleOptions}
public ChartJs WorldChoropleth(Action<ChartJsGeoWorldOptions> configure = null) #Returns:
ChartJsConfigures a world choropleth using chartjs-chart-geo. Data is generated client-side from TopoJSON. Optionally provide value-by-name mapping to color countries.
Parameters
- configure System.Action{HtmlForgeX.ChartJsGeoWorldOptions} = null
public ChartJs XAxis(Action<ChartJsAxis> configure) #Returns:
ChartJsConfigures the X-axis with fluent API.
Parameters
- configure System.Action{HtmlForgeX.ChartJsAxis}
XAxisGrid 2 overloads
public ChartJs XAxisGrid(RGBColor color, Int32 lineWidth = 1) #Returns:
ChartJsConfigures X-axis grid with common settings.
Parameters
- color System.String = "rgba(0, 0, 0, 0.1)"
- lineWidth System.Int32 = 1
XAxisGrid(HtmlForgeX.RGBColor color, System.Int32 lineWidth) #Configures X-axis grid with RGBColor support.
Parameters
- color HtmlForgeX.RGBColor
- lineWidth System.Int32
public ChartJs XAxisRange(Nullable<Double> min = null, Nullable<Double> max = null) #Returns:
ChartJsSets the X-axis range.
Parameters
- min System.Nullable{System.Double} = null
- max System.Nullable{System.Double} = null
XAxisTicks 2 overloads
public ChartJs XAxisTicks(RGBColor color, Int32 fontSize = 12) #Returns:
ChartJsConfigures X-axis ticks with common settings.
Parameters
- color System.String = "#666"
- fontSize System.Int32 = 12
XAxisTicks(HtmlForgeX.RGBColor color, System.Int32 fontSize) #Configures X-axis ticks with RGBColor support.
Parameters
- color HtmlForgeX.RGBColor
- fontSize System.Int32
public ChartJs XAxisTitle(String text, Boolean display = true) #Returns:
ChartJsSets the X-axis title.
Parameters
- text System.String
- display System.Boolean = true
public ChartJs YAxis(Action<ChartJsAxis> configure) #Returns:
ChartJsConfigures the Y-axis with fluent API.
Parameters
- configure System.Action{HtmlForgeX.ChartJsAxis}
public ChartJs YAxisFloat() #Returns:
ChartJsSets the Y-axis to NOT begin at zero (allows floating scale).
YAxisGrid 2 overloads
public ChartJs YAxisGrid(RGBColor color, Int32 lineWidth = 1) #Returns:
ChartJsConfigures Y-axis grid with common settings.
Parameters
- color System.String = "rgba(0, 0, 0, 0.1)"
- lineWidth System.Int32 = 1
YAxisGrid(HtmlForgeX.RGBColor color, System.Int32 lineWidth) #Configures Y-axis grid with RGBColor support.
Parameters
- color HtmlForgeX.RGBColor
- lineWidth System.Int32
public ChartJs YAxisRange(Nullable<Double> min = null, Nullable<Double> max = null) #Returns:
ChartJsSets the Y-axis range.
Parameters
- min System.Nullable{System.Double} = null
- max System.Nullable{System.Double} = null
YAxisTicks 2 overloads
public ChartJs YAxisTicks(RGBColor color, Int32 fontSize = 12) #Returns:
ChartJsConfigures Y-axis ticks with common settings.
Parameters
- color System.String = "#666"
- fontSize System.Int32 = 12
YAxisTicks(HtmlForgeX.RGBColor color, System.Int32 fontSize) #Configures Y-axis ticks with RGBColor support.
Parameters
- color HtmlForgeX.RGBColor
- fontSize System.Int32
public ChartJs YAxisTitle(String text, Boolean display = true) #Returns:
ChartJsSets the Y-axis title.
Parameters
- text System.String
- display System.Boolean = true
Inherited Methods
public TablerAccordion Accordion(Action<TablerAccordion> config) #Returns:
TablerAccordionInherited from Element
Parameters
- config Action<TablerAccordion>
public TablerActionsAndNotesCard ActionsAndNotesCard(Action<TablerActionsAndNotesCard> config) #Returns:
TablerActionsAndNotesCardInherited from Element
Parameters
- config Action<TablerActionsAndNotesCard>
public TablerActionSummaryCard ActionSummaryCard(Action<TablerActionSummaryCard> config) #Returns:
TablerActionSummaryCardInherited from Element
Parameters
- config Action<TablerActionSummaryCard>
public TablerActivityFeedCard ActivityFeedCard(Action<TablerActivityFeedCard> config) #Returns:
TablerActivityFeedCardInherited from Element
Parameters
- config Action<TablerActivityFeedCard>
public override Element Add(Element element) #Returns:
ElementInherited from Element
Parameters
- element Element
public TablerAlert Alert(String title, String message, TablerColor alertColor = Default, TablerAlertType alertType = Regular) #Returns:
TablerAlertInherited from Element
Parameters
- title String
- message String
- alertColor TablerColor = Default
- alertType TablerAlertType = Regular
public TablerAnalyticsSummaryCard AnalyticsSummaryCard(Action<TablerAnalyticsSummaryCard> config) #Returns:
TablerAnalyticsSummaryCardInherited from Element
Parameters
- config Action<TablerAnalyticsSummaryCard>
public ApexCharts ApexChart(Action<ApexCharts> config) #Returns:
ApexChartsInherited from Element
Parameters
- config Action<ApexCharts>
public TablerApexChartCard ApexChartCard(Action<TablerApexChartCard> config) #Returns:
TablerApexChartCardInherited from Element
Parameters
- config Action<TablerApexChartCard>
public TablerAuditLogCard AuditLogCard(Action<TablerAuditLogCard> config) #Returns:
TablerAuditLogCardInherited from Element
Parameters
- config Action<TablerAuditLogCard>
public TablerAvatar Avatar() #Returns:
TablerAvatarInherited from Element
Parameters
- config Action<TablerAvatar>
public TablerAvatarGroup AvatarGroup(Action<TablerAvatarGroup> config) #Returns:
TablerAvatarGroupInherited from Element
Parameters
- config Action<TablerAvatarGroup>
public TablerBadge Badge(String text, TablerBadgeColor color, TablerBadgeVisualStyle style, TablerBadgeSize size, Boolean pill = true, String href = null) #Returns:
TablerBadgeInherited from Element
Parameters
- text String
- color TablerBadgeColor = null
public TablerBadgeSpan BadgeSpan(String text, TablerColor color = Blue) #Returns:
TablerBadgeSpanInherited from Element
Parameters
- text String
- color TablerColor = Blue
public TablerBadgeStatus BadgeStatus(String text, TablerColor color) #Returns:
TablerBadgeStatusInherited from Element
Parameters
- text String
- color TablerColor
public TablerBreakdownCard BreakdownCard(Action<TablerBreakdownCard> config) #Returns:
TablerBreakdownCardInherited from Element
Parameters
- config Action<TablerBreakdownCard>
public TablerButton Button(String text, TablerButtonVariant variant = Primary) #Returns:
TablerButtonInherited from Element
Parameters
- text String
- config Action<TablerButton> = Primary
public TablerCalendarWorkspaceCard CalendarWorkspaceCard(Action<TablerCalendarWorkspaceCard> config) #Returns:
TablerCalendarWorkspaceCardInherited from Element
Parameters
- config Action<TablerCalendarWorkspaceCard>
public TablerCard Card(Int32 count, Action<TablerCard> config) #Returns:
TablerCardInherited from Element
Parameters
- config Action<TablerCard>
public TablerCardBasic CardBasic(String title, String text) #Returns:
TablerCardBasicInherited from Element
Parameters
- title String
- text String
public TablerCarousel Carousel(Action<TablerCarousel> config) #Returns:
TablerCarouselInherited from Element
Parameters
- config Action<TablerCarousel>
public TablerCategoryBarChartCard CategoryBarChartCard(Action<TablerCategoryBarChartCard> config) #Returns:
TablerCategoryBarChartCardInherited from Element
Parameters
- config Action<TablerCategoryBarChartCard>
public ChartJs ChartJs(Action<ChartJs> config) #Returns:
ChartJsInherited from Element
Parameters
- config Action<ChartJs>
public TablerColumn Column(TablerColumnNumber number, Action<TablerColumn> config) #Returns:
TablerColumnInherited from Element
Parameters
- config Action<TablerColumn>
public TablerControlBar ControlBar(Action<TablerControlBar> config) #Returns:
TablerControlBarInherited from Element
Parameters
- config Action<TablerControlBar>
public TablerCookieBanner CookieBanner(Action<TablerCookieBanner> config) #Returns:
TablerCookieBannerInherited from Element
Parameters
- config Action<TablerCookieBanner>
public TablerCountdown Countdown(Action<TablerCountdown> config = null) #Returns:
TablerCountdownInherited from Element
Parameters
- config Action<TablerCountdown> = null
public TablerCountUp CountUp(Action<TablerCountUp> config) #Returns:
TablerCountUpInherited from Element
Parameters
- config Action<TablerCountUp>
public TablerDataGrid DataGrid(Action<TablerDataGrid> config) #Returns:
TablerDataGridInherited from Element
Parameters
- config Action<TablerDataGrid>
public TablerDataGridCard DataGridCard(Action<TablerDataGridCard> config) #Returns:
TablerDataGridCardInherited from Element
Parameters
- config Action<TablerDataGridCard>
public TablerDataTableCard DataTableCard(Action<TablerDataTableCard> config) #Returns:
TablerDataTableCardInherited from Element
Parameters
- config Action<TablerDataTableCard>
public VisNetwork DiagramNetwork(Action<VisNetwork> config) #Returns:
VisNetworkInherited from Element
Parameters
- config Action<VisNetwork>
public TablerDistributionCard DistributionCard(Action<TablerDistributionCard> config) #Returns:
TablerDistributionCardInherited from Element
Parameters
- config Action<TablerDistributionCard>
public HtmlTag Div(Action<HtmlTag> config) #Returns:
HtmlTagInherited from Element
Parameters
- config Action<HtmlTag>
public TablerEmptyState EmptyState(Action<TablerEmptyState> config) #Returns:
TablerEmptyStateInherited from Element
Parameters
- config Action<TablerEmptyState>
public TablerEmptyStateCard EmptyStateCard(Action<TablerEmptyStateCard> config) #Returns:
TablerEmptyStateCardInherited from Element
Parameters
- config Action<TablerEmptyStateCard>
public override Boolean Equals(Object obj) #Returns:
BooleanInherited from Object
Parameters
- obj Object
public FancyTree FancyTree(Action<FancyTree> config) #Returns:
FancyTreeInherited from Element
Parameters
- config Action<FancyTree>
public TablerFlagIcon Flag(Country country) #Returns:
TablerFlagIconInherited from Element
Parameters
- iso2 String
public TablerFlagList Flags(Action<TablerFlagList> config) #Returns:
TablerFlagListInherited from Element
Parameters
- config Action<TablerFlagList>
public TablerForm Form(Action<TablerForm> config) #Returns:
TablerFormInherited from Element
Parameters
- config Action<TablerForm>
public FullCalendar FullCalendar(Action<FullCalendar> config) #Returns:
FullCalendarInherited from Element
Parameters
- config Action<FullCalendar>
public TablerGaugeCard GaugeCard(Action<TablerGaugeCard> config) #Returns:
TablerGaugeCardInherited from Element
Parameters
- config Action<TablerGaugeCard>
public TablerGeoSummaryCard GeoSummaryCard(Action<TablerGeoSummaryCard> config) #Returns:
TablerGeoSummaryCardInherited from Element
Parameters
- config Action<TablerGeoSummaryCard>
public HeaderLevel HeaderLevel(HeaderLevelTag level, String text) #Returns:
HeaderLevelInherited from Element
Parameters
- level HeaderLevelTag
- text String
public TablerHeroCard HeroCard(Action<TablerHeroCard> config) #Returns:
TablerHeroCardInherited from Element
Parameters
- config Action<TablerHeroCard>
public TablerHighlightCard HighlightCard(Action<TablerHighlightCard> config) #Returns:
TablerHighlightCardInherited from Element
Parameters
- config Action<TablerHighlightCard>
public TablerIconElement Icon(TablerIconType icon, Action<TablerIconElement> config) #Returns:
TablerIconElementInherited from Element
Parameters
- icon FontAwesomeSolid
- config Action<FontAwesomeIcon> = null
public TablerIconFont IconFont(TablerIconType icon) #Returns:
TablerIconFontInherited from Element
Parameters
- icon String
public TablerIncidentTimelineCard IncidentTimelineCard(Action<TablerIncidentTimelineCard> config) #Returns:
TablerIncidentTimelineCardInherited from Element
Parameters
- config Action<TablerIncidentTimelineCard>
public TablerInsightSummaryCard InsightSummaryCard(Action<TablerInsightSummaryCard> config) #Returns:
TablerInsightSummaryCardInherited from Element
Parameters
- config Action<TablerInsightSummaryCard>
public TablerLightboxGallery LightboxGallery(Action<TablerLightboxGallery> config) #Returns:
TablerLightboxGalleryInherited from Element
Parameters
- config Action<TablerLightboxGallery>
public TablerLineComparisonCard LineComparisonCard(Action<TablerLineComparisonCard> config) #Returns:
TablerLineComparisonCardInherited from Element
Parameters
- config Action<TablerLineComparisonCard>
public TablerButton LinkButton(String text, String href, TablerButtonVariant variant = Primary) #Returns:
TablerButtonInherited from Element
Parameters
- text String
- href String
- variant TablerButtonVariant = Primary
public TablerListCard ListCard(Action<TablerListCard> config) #Returns:
TablerListCardInherited from Element
Parameters
- config Action<TablerListCard>
public TablerListGroup ListGroup(Action<TablerListGroup> config) #Returns:
TablerListGroupInherited from Element
Parameters
- config Action<TablerListGroup>
public TablerLogs Logs(List<String> code, RGBColor backgroundColor, RGBColor textColor) #Returns:
TablerLogsInherited from Element
Parameters
- code String
- theme TablerLogsTheme = Dark
- backgroundClass String = null
- textClass String = null
public TablerMapSummaryCard MapSummaryCard(Action<TablerMapSummaryCard> config) #Returns:
TablerMapSummaryCardInherited from Element
Parameters
- config Action<TablerMapSummaryCard>
public TablerMetricCard MetricCard(Action<TablerMetricCard> config) #Returns:
TablerMetricCardInherited from Element
Parameters
- config Action<TablerMetricCard>
public TablerModal Modal(Action<TablerModal> config) #Returns:
TablerModalInherited from Element
Parameters
- config Action<TablerModal>
public TablerNarrativeCard NarrativeCard(Action<TablerNarrativeCard> config) #Returns:
TablerNarrativeCardInherited from Element
Parameters
- config Action<TablerNarrativeCard>
public TablerNarrativeSummaryCard NarrativeSummaryCard(Action<TablerNarrativeSummaryCard> config) #Returns:
TablerNarrativeSummaryCardInherited from Element
Parameters
- config Action<TablerNarrativeSummaryCard>
public TablerPageHeader PageHeader(Action<TablerPageHeader> config) #Returns:
TablerPageHeaderInherited from Element
Parameters
- config Action<TablerPageHeader>
public TablerPeopleReviewCard PeopleReviewCard(Action<TablerPeopleReviewCard> config) #Returns:
TablerPeopleReviewCardInherited from Element
Parameters
- config Action<TablerPeopleReviewCard>
public TablerPlaceholder Placeholder(Action<TablerPlaceholder> config) #Returns:
TablerPlaceholderInherited from Element
Parameters
- config Action<TablerPlaceholder>
public TablerPlaceholderCard PlaceholderCard(Action<TablerPlaceholderCard> config) #Returns:
TablerPlaceholderCardInherited from Element
Parameters
- config Action<TablerPlaceholderCard>
public TablerPlaceholderContainer Placeholders(Action<TablerPlaceholderContainer> config) #Returns:
TablerPlaceholderContainerInherited from Element
Parameters
- config Action<TablerPlaceholderContainer>
public TablerPresenceListCard PresenceListCard(Action<TablerPresenceListCard> config) #Returns:
TablerPresenceListCardInherited from Element
Parameters
- config Action<TablerPresenceListCard>
public TablerProgressBar ProgressBar(TablerProgressBarType type, Int32 percentage, Nullable<TablerColor> tablerBackground = null) #Returns:
TablerProgressBarInherited from Element
Parameters
- config Action<TablerProgressBar>
public TablerProgressListCard ProgressListCard(Action<TablerProgressListCard> config) #Returns:
TablerProgressListCardInherited from Element
Parameters
- config Action<TablerProgressListCard>
public EasyQRCodeElement QRCode(String text) #Returns:
EasyQRCodeElementInherited from Element
Parameters
- text String
public QuillEditor QuillEditor(Action<QuillEditor> config = null) #Returns:
QuillEditorInherited from Element
Parameters
- config Action<QuillEditor> = null
public TablerReviewListCard ReviewListCard(Action<TablerReviewListCard> config) #Returns:
TablerReviewListCardInherited from Element
Parameters
- config Action<TablerReviewListCard>
public TablerRow Row(Action<TablerRow> config) #Returns:
TablerRowInherited from Element
Parameters
- config Action<TablerRow>
public TablerScheduleSummaryCard ScheduleSummaryCard(Action<TablerScheduleSummaryCard> config) #Returns:
TablerScheduleSummaryCardInherited from Element
Parameters
- config Action<TablerScheduleSummaryCard>
public ScrollingText ScrollingText(Action<ScrollingText> config) #Returns:
ScrollingTextInherited from Element
Parameters
- config Action<ScrollingText>
public TablerScrollSpy ScrollSpy(Action<TablerScrollSpy> config) #Returns:
TablerScrollSpyInherited from Element
Parameters
- config Action<TablerScrollSpy>
public SmartTab SmartTab(Action<SmartTab> config) #Returns:
SmartTabInherited from Element
Parameters
- config Action<SmartTab>
public SmartWizard SmartWizard(Action<SmartWizard> config) #Returns:
SmartWizardInherited from Element
Parameters
- config Action<SmartWizard>
public TablerSocialTileCard SocialTileCard(Action<TablerSocialTileCard> config) #Returns:
TablerSocialTileCardInherited from Element
Parameters
- config Action<TablerSocialTileCard>
public Span Span(String content = "") #Returns:
SpanInherited from Element
Parameters
- content String = ""
public TablerSparkline Sparkline(Action<TablerSparkline> config) #Returns:
TablerSparklineInherited from Element
Parameters
- config Action<TablerSparkline>
public TablerSpinner Spinner(Action<TablerSpinner> config) #Returns:
TablerSpinnerInherited from Element
Parameters
- config Action<TablerSpinner>
public TablerStatTileCard StatTileCard(Action<TablerStatTileCard> config) #Returns:
TablerStatTileCardInherited from Element
Parameters
- config Action<TablerStatTileCard>
public TablerStatusIndicator StatusIndicator(Action<TablerStatusIndicator> config) #Returns:
TablerStatusIndicatorInherited from Element
Parameters
- config Action<TablerStatusIndicator>
public TablerStatusStrip StatusStrip(Action<TablerStatusStrip> config) #Returns:
TablerStatusStripInherited from Element
Parameters
- config Action<TablerStatusStrip>
public TablerSummaryStrip SummaryStrip(Action<TablerSummaryStrip> config) #Returns:
TablerSummaryStripInherited from Element
Parameters
- config Action<TablerSummaryStrip>
public Table Table(Object objects, TableType tableType) #Returns:
TableInherited from Element
Parameters
- objects IEnumerable<Object>
- tableType TableType
public TablerInput TablerInput(String name, Action<TablerInput> config = null) #Returns:
TablerInputInherited from Element
Parameters
- name String
- config Action<TablerInput> = null
public TablerProgressBar TablerProgress(Action<TablerProgressBar> config) #Returns:
TablerProgressBarInherited from Element
Parameters
- config Action<TablerProgressBar>
public TablerSelect TablerSelect(String name, Action<TablerSelect> config = null) #Returns:
TablerSelectInherited from Element
Parameters
- name String
- config Action<TablerSelect> = null
public TablerSteps TablerSteps(Action<TablerSteps> config) #Returns:
TablerStepsInherited from Element
Parameters
- config Action<TablerSteps>
public TablerTextarea TablerTextarea(String name, Action<TablerTextarea> config = null) #Returns:
TablerTextareaInherited from Element
Parameters
- name String
- config Action<TablerTextarea> = null
public TablerTableSummaryCard TableSummaryCard(Action<TablerTableSummaryCard> config) #Returns:
TablerTableSummaryCardInherited from Element
Parameters
- config Action<TablerTableSummaryCard>
public TablerTabs Tabs(Action<TablerTabs> config) #Returns:
TablerTabsInherited from Element
Parameters
- config Action<TablerTabs>
public TablerTags Tags(Action<TablerTags> config) #Returns:
TablerTagsInherited from Element
Parameters
- config Action<TablerTags>
public TablerTaskList Tasks(Action<TablerTaskList> config) #Returns:
TablerTaskListInherited from Element
Parameters
- config Action<TablerTaskList>
public TablerText Text() #Returns:
TablerTextInherited from Element
Parameters
- content String
- color RGBColor = null
- fontSize String = null
public TablerTimeline Timeline(Action<TablerTimeline> config) #Returns:
TablerTimelineInherited from Element
Parameters
- config Action<TablerTimeline>
public TablerTimelineSummaryCard TimelineSummaryCard(Action<TablerTimelineSummaryCard> config) #Returns:
TablerTimelineSummaryCardInherited from Element
Parameters
- config Action<TablerTimelineSummaryCard>
public TablerToast Toast(Action<TablerToast> config) #Returns:
TablerToastInherited from Element
Parameters
- title String
- message String
- type TablerToastType = Default
public TablerTrackingSummaryCard TrackingSummaryCard(Action<TablerTrackingSummaryCard> config) #Returns:
TablerTrackingSummaryCardInherited from Element
Parameters
- config Action<TablerTrackingSummaryCard>
public TablerVectorMapCard VectorMapCard(Action<TablerVectorMapCard> config) #Returns:
TablerVectorMapCardInherited from Element
Parameters
- config Action<TablerVectorMapCard>
public TablerWorkflowStepsCard WorkflowStepsCard(Action<TablerWorkflowStepsCard> config) #Returns:
TablerWorkflowStepsCardInherited from Element
Parameters
- config Action<TablerWorkflowStepsCard>
public TablerWorkflowSummaryCard WorkflowSummaryCard(Action<TablerWorkflowSummaryCard> config) #Returns:
TablerWorkflowSummaryCardInherited from Element
Parameters
- config Action<TablerWorkflowSummaryCard>
Properties
public List<String> Labels { get; } #Gets the labels for the dataset.
public List<Double> Data { get; } #Gets the numeric values for the dataset (for line, bar, pie and radar charts).
public List<ValueTuple<Double, Double>> Points { get; } #Gets the scatter points for scatter charts.
public List<ValueTuple<Double, Double, Double>> Bubbles { get; } #Gets the bubble points for bubble charts.
public List<ChartJsDataset> Datasets { get; } #Gets the datasets for advanced configuration.
public ChartJsOptions Options { get; set; } #Gets or sets the chart options.
public ChartJsTitle Title { get; } #Provides access to the chart title configuration, mirroring the ApexCharts surface.
Inherited Properties
Fields
DefaultColors #Default colors for datasets (RGB values).
Extension Methods
public static ChartJs AfricaChoropleth(ChartJs chart, Action<ChartJsGeoWorldOptions> configure = null) #Returns:
ChartJsConfigures the chart for an Africa-focused choropleth map.
Parameters
- chart HtmlForgeX.ChartJs
- The chart instance to configure.
- configure System.Action{HtmlForgeX.ChartJsGeoWorldOptions} = null
- Optional callback for further customization.
Returns
The configured ChartJs instance.
public static ChartJs AsiaChoropleth(ChartJs chart, Action<ChartJsGeoWorldOptions> configure = null) #Returns:
ChartJsConfigures the chart for an Asia-focused choropleth map.
Parameters
- chart HtmlForgeX.ChartJs
- The chart instance to configure.
- configure System.Action{HtmlForgeX.ChartJsGeoWorldOptions} = null
- Optional callback for further customization.
Returns
The configured ChartJs instance.
public static ChartJs EuropeChoropleth(ChartJs chart, Action<ChartJsGeoWorldOptions> configure = null) #Returns:
ChartJsConfigures the chart for a Europe-focused choropleth map.
Parameters
- chart HtmlForgeX.ChartJs
- The chart instance to configure.
- configure System.Action{HtmlForgeX.ChartJsGeoWorldOptions} = null
- Optional callback for further customization.
Returns
The configured ChartJs instance.
public static ChartJs NorthAmericaChoropleth(ChartJs chart, Action<ChartJsGeoWorldOptions> configure = null) #Returns:
ChartJsConfigures the chart for a North America-focused choropleth map.
Parameters
- chart HtmlForgeX.ChartJs
- The chart instance to configure.
- configure System.Action{HtmlForgeX.ChartJsGeoWorldOptions} = null
- Optional callback for further customization.
Returns
The configured ChartJs instance.
public static ChartJs OceaniaChoropleth(ChartJs chart, Action<ChartJsGeoWorldOptions> configure = null) #Returns:
ChartJsConfigures the chart for an Oceania-focused choropleth map.
Parameters
- chart HtmlForgeX.ChartJs
- The chart instance to configure.
- configure System.Action{HtmlForgeX.ChartJsGeoWorldOptions} = null
- Optional callback for further customization.
Returns
The configured ChartJs instance.
public static ChartJs SouthAmericaChoropleth(ChartJs chart, Action<ChartJsGeoWorldOptions> configure = null) #Returns:
ChartJsConfigures the chart for a South America-focused choropleth map.
Parameters
- chart HtmlForgeX.ChartJs
- The chart instance to configure.
- configure System.Action{HtmlForgeX.ChartJsGeoWorldOptions} = null
- Optional callback for further customization.
Returns
The configured ChartJs instance.