mljr-ui · showcase

Line Chart

Pure-SVG multi-series line/area chart rendered server-side. Smooth bezier curves, optional grid, dots, and fill.

data line-chart

Usage

data.LineChart(data.LineChartProps{
    Height:   160,
    ShowDots: true,
    ShowGrid: true,
    Labels:   []string{"Jan","Feb","Mar","Apr","May"},
    Series: []data.LineChartSeries{
        {Label: "Revenue", Points: []float64{42,67,91,55,78}, Fill: true},
        {Label: "Costs",   Points: []float64{30,35,40,38,42}, Color: "var(--danger)"},
    },
})