Изменение непрозрачности цвета на графике полярной области

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

Ниже вы найдете код:

var totals = {{ class_submission_totals|safe }}
    {% for t in type_qs %}
        var labels_{{ t.pk }} = []
        var backgroundColors_{{ t.pk }} = []
        {% for b in behaviour_qs %}
            {% if b.type.pk == t.pk and not b.previous %}
                labels_{{ t.pk }}.push("{{ b.title }}")
                backgroundColors_{{ t.pk }}.push("{{ b.primarycolour }}")
            {% endif %}
        {% endfor %}
    {% endfor %}
  
      
            new Chart("chart_{{ i.pk }}_{{ t.pk }}", {
              type: "polarArea",
              data: {
                labels: labels_{{ t.pk }},
                datasets: [{
                  fillOpacity: 0.3,
                  pointRadius: 1,
                  backgroundColor: backgroundColors_{{ t.pk }},
                  data: totals_{{ i.pk }}_{{ t.pk }}_arr,
                }]
              },
              options: {
                responsive: false,
                maintainAspectRatio: true,
                plugins: {
                    legend: {
                        display: true,
                    },
                    title: {
                        display: false,
                        text: 'Chart.js Polar Area Chart'
                    }
                }
              }
            });

        {% endfor %}
    {% endfor %}

Использую w3schools.com/cssref/func_rgba.asp Я изменил значения в моем django adim и установил основные цвета в значения rgba, и это сделало их прозрачными

E.G: rgba(255,0,0,0.5)

Вернуться на верх