Component Detail
Chart (Doughnut)
Doughnut chart with center space for summary metrics.
Example
References
- Template
templates/components/chart.html- Golden
N/A
Go (Marionette) Example
This implementation example uses Marionette in Go. Source: docs/site-astro/public/examples/go/chart-doughnut.go
package goexamples
import (
mb "github.com/YoshihideShirai/marionette/backend"
mf "github.com/YoshihideShirai/marionette/frontend"
)
func RegisterChartDoughnutExample(app *mb.App) {
app.Page("/chart-doughnut", func(ctx *mb.Context) mf.Node {
return mf.Chart(mf.ChartProps{
Type: mf.ChartTypeDoughnut,
Title: "Plan mix",
Labels: []string{"Free", "Team", "Enterprise"},
Datasets: []mf.ChartDataset{
{Label: "Accounts", Data: []float64{64, 28, 8}, BackgroundColors: []string{"#2563eb", "#14b8a6", "#f59e0b"}},
},
})
})
}