{% set chart_colors = [
'#66D1C7', '#6FD3C6', '#79D5C4', '#85D8C3', '#93DAC1', '#A3DDBF',
'#B4E0BD', '#C7E2BA', '#DBE5B8', '#EFE8B5', '#FFEAB3', '#FFDF9E',
'#FFD38B', '#FFC67A', '#FFB96D', '#FFAC62', '#FFA059', '#FF9552',
'#FF8B4D', '#FF834B', '#FF7D4D', '#FF7752', '#FF745A', '#FF7365'
] %}
{% for item in chart_data %}
{% set h = item.percentage | float %}
{% set bar_color = chart_colors[loop.index0 % 24] %}
{% set bar_opacity = '1' %}
{% if item.count == 0 %}
{% set h = '4' %}
{% set bar_opacity = '0.3' %}
{% set bar_color = 'var(--miku-blue)' %}
{% endif %}
{% if item.count > 0 %}
{{ item.count }}
{% endif %}
{% endfor %}
{# X轴标签层:独立容器确保水平对齐且不换行 #}
{% for item in chart_data %}
{{ "%02d"|format(item.hour) }}{% if loop.index0 % 4 == 0 or loop.last %}时{% endif %}
{% endfor %}