Skip to main content
Partas

Partas.Solid.ApexCharts

Solid-ApexCharts Bindings

See the docs for usage and options.

The library is built with Pojos to create ApexChart options.

Example Usage

[<SolidComponent>]
let ApexChartExample () =
let options,_ = createSignal(Options(
theme = Theme(
monochrome = Theme.Monochrome(
enabled = true, color = "#1e293b",
shadeTo = Enums.Theme.Monochrome.ShadeTo.Light
)
),
tooltip = Tooltip(followCursor = true),
xaxis = XAxis(categories = [| 1991 .. 1998 |])
))
let chartSeries = AxisChartSeries(
name = "series-1",
data = !^[|30;40;35;50;49;60;70;91|]
)
let series,_ = createSignal([|chartSeries|])
div(class' = "flex w-full items-center justify-center p-8 gap-8") {
SolidApexCharts(
width = "500",
type' = Chart.Type.Bar,
options = options(),
series = series()
)
SolidApexCharts(
width = "500",
type' = Chart.Type.Line,
options = options(),
series = series()
)
}

Last updated: 7/13/25, 12:46 PM

PartasBuilt using the Partas.SolidStart SolidBase template
Community
githubdiscord