{# Sales-over-time bar chart. Shared by the item, project and user analytics
   tabs, which rendered three byte-identical copies of this before. Expects
   `bars` in the parent context. #}
<div class="chart-bars">
    {% for bar in bars %}
    <div class="chart-bar-col" data-tooltip="{{ bar.value }} / {{ bar.count }} sale{% if bar.count != 1 %}s{% endif %}">
        <div class="chart-bar" style="--fill: {{ bar.height_pct }}%;"></div>
        <div class="chart-bar-label">{{ bar.label }}</div>
    </div>
    {% endfor %}
</div>