engelsystem/resources/views/components/barchart.twig

34 lines
1.1 KiB
Twig
Raw Permalink Normal View History

<div class="barchart {{ barChartClass }}">
<div class="barchart-graph-container">
{% for yLabel in yLabels %}
<label class="barchart-ylabel" style="bottom: {{ yLabel.bottom }};">
{{ yLabel.label }}
</label>
<hr class="barchart-ygraph" style="bottom: {{ yLabel.bottom }};" />
{% endfor %}
{% for group in groups %}
<div class="barchart-group">
{% for bar in group.bars %}
<div
class="barchart-bar"
2022-07-18 19:48:57 +02:00
title="{{ bar.title }}"
style="height: {{ bar.height }}; background-color: {{ bar.bg }};"
></div>
{% endfor %}
<div class="barchart-xlabel">{{ group.label }}</div>
</div>
{% endfor %}
</div>
</div>
<div class="barchart-legend">
{% for key, color in colors %}
<div
class="barchart-legend-item"
style="border-left-color: {{ color }};"
>
{{ rowLabels[key] }}
</div>
{% endfor %}
</div>