AIL/ail-framework
7
0
Fork 0
mirror of https://github.com/ail-project/ail-framework.git synced 2024-11-12 17:48:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: [crawler barchart] up/down colors
Some checks are pending
CI / ail_test (3.10) (push) Waiting to run
Details
CI / ail_test (3.7) (push) Waiting to run
Details
CI / ail_test (3.8) (push) Waiting to run
Details
CI / ail_test (3.9) (push) Waiting to run
Details

Browse source
This commit is contained in:
terrtia 2024-09-18 10:39:42 +02:00
parent 3fe7c14478
commit aca877b6ab
No known key found for this signature in database
GPG key ID: 1E1B1F50D84613D0
1 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
var/www/static/js/d3/barchart_stack.js vendored
View file

@ -29,6 +29,17 @@ const barchart_stack = (container_id, data, options) => {
let color = d3.scaleOrdinal(d3.schemeSet3); let color = d3.scaleOrdinal(d3.schemeSet3);
function colorScale(name) {
if (name === 'down') {
return '#dc3545';
} else if (name === 'up') {
return '#28a745';
} else {
return color(name);
}
}
let svg = d3.select("#"+container_id).append("svg") let svg = d3.select("#"+container_id).append("svg")
.attr("viewBox", "0 0 "+width_graph+" "+options.height) .attr("viewBox", "0 0 "+width_graph+" "+options.height)
.attr("width", options.width) .attr("width", options.width)
@ -112,7 +123,7 @@ const barchart_stack = (container_id, data, options) => {
.attr("width", x.bandwidth()) .attr("width", x.bandwidth())
.attr("y", function (d) { return y(d.y1); }) .attr("y", function (d) { return y(d.y1); })
.attr("height", function (d) { return y(d.y0) - y(d.y1); }) .attr("height", function (d) { return y(d.y0) - y(d.y1); })
.style("fill", function (d) { return color(d.name); }) .style("fill", function (d) { return colorScale(d.name); })
.style("stroke", "grey") .style("stroke", "grey")
.on("mouseover", mouseover) .on("mouseover", mouseover)
.on("mouseout", mouseleave) .on("mouseout", mouseleave)
@ -139,7 +150,7 @@ const barchart_stack = (container_id, data, options) => {
.attr("x", width_graph) .attr("x", width_graph)
.attr("width", 10) .attr("width", 10)
.attr("height", 10) .attr("height", 10)
.style("fill", color) .style("fill", function(d) { return colorScale(d); })
.style("stroke", "grey"); .style("stroke", "grey");
legend.append("text") legend.append("text")