mirror of
https://github.com/ail-project/ail-framework.git
synced 2024-11-26 07:47:17 +00:00
fix: [crawler barchart] up/down colors
This commit is contained in:
parent
3fe7c14478
commit
aca877b6ab
1 changed files with 13 additions and 2 deletions
15
var/www/static/js/d3/barchart_stack.js
vendored
15
var/www/static/js/d3/barchart_stack.js
vendored
|
@ -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")
|
||||||
|
|
Loading…
Reference in a new issue