更改极地面积图颜色的不透明度
Changing the opacity of the colour on the Polar Area chart
我正在使用 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 值并使它们透明
例如:
rgba(255,0,0,0.5)
我正在使用 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 值并使它们透明
例如: rgba(255,0,0,0.5)