Распечатать последовательность цветов из массива

Question

У меня есть график Google, где разные данные имеют разный цвет.Я пытаюсь распечатать эти цвета по порядку, чтобы создать легенду на графике, поскольку легенда по умолчанию мне не подходит.

Цель состоит в том, чтобы создать class, в котором есть каждый гекс диаграммыcolors.

Я установил счетчик на 0 и добавил приращение в конце:

            {% for chart in matrixData() %}
                {% set counter = 0 %}
                {% for key,legend in chart.data %}
                    {% if counter >= 0 %}
                        <p class="legend-bullets {{ 'bgcolor-' ~ chart.options.colors[counter]|replace({'#': ''}) }}">{{ legend[3] }}</p>
                    {% endif %}
                {% endfor %}
                {% set counter = counter + 1 %}
            {% endfor %}

И вот как выглядит {{ dump(chart.options.colors) }}:

array (10) {[0] => string (7) "# 3C99D1" [1] => string (7) "# A2D080" [2] => string (7) "# fca422" [3] =>string (7) "# f06651" [4] => string (7) "# 4baafc" [5] => string (7) "# 88654c" [6] => string (7) "# 725ca4" [7]=> string (7) "# ffc72f" [8] => string (7) "# 36bea8" [9] => string (7) "#ccecff"}

Как этосейчас он печатает правильный текст, но каждая строка имеет один и тот же класс цвета, первый из массива: #3C99D1, вместо того, чтобы проходить через все цвета.