learnlytics-go/components/charts.templ
2025-03-20 12:35:13 +01:00

83 lines
2.4 KiB
Plaintext

package components
templ barChart(id string, data []float64, labels []string, tooltip string, title string, scaleLabelX string, scaleLabelY string) {
<div class="chart">
<canvas id={ "bar_chart" + id }></canvas>
@templ.JSFuncCall(
"barChart",
id,
data,
labels,
tooltip,
title,
scaleLabelX,
scaleLabelY,
)
</div>
}
templ barLineChart(id string, data []float64, labels []string, tooltip string, title string, scaleLabelX string, scaleLabelY string) {
<div class="chart">
<canvas id={ "bar_line_chart" + id }></canvas>
<section class="button_row"></section>
@templ.JSFuncCall(
"barLineChart",
id,
data,
labels,
tooltip,
title,
scaleLabelX,
scaleLabelY,
)
</div>
}
templ pieChart(id string, data []float64, labels []string, tooltip string, title string, scaleLabelX string, scaleLabelY string) {
<div class="chart">
<canvas id={ "pie_chart" + id }></canvas>
@templ.JSFuncCall(
"pieChart",
id,
data,
labels,
tooltip,
title,
scaleLabelX,
scaleLabelY,
)
</div>
}
templ doughnutChart(id string, data []float64, labels []string, tooltip string, title string, scaleLabelX string, scaleLabelY string) {
<div class="chart">
<canvas id={ "doughnut_chart" + id }></canvas>
@templ.JSFuncCall(
"doughnutChart",
id,
data,
labels,
tooltip,
title,
scaleLabelX,
scaleLabelY,
)
</div>
}
templ polarChart(id string, data []float64, labels []string, tooltip string, title string, scaleLabelX string, scaleLabelY string) {
<div class="chart">
<canvas id={ "polar_chart" + id }></canvas>
@templ.JSFuncCall(
"polarChart",
id,
data,
labels,
tooltip,
title,
scaleLabelX,
scaleLabelY,
)
</div>
}