What is the best way to make sure I can differentiate each line by size based on the values of my dictionary.
Down below is a simplified example.
Problem is all lines would would adjust instead of my desired line.
draw.axis = function ()
{
var element;
function axis(g){
element = g.append("g");
element
.append("g")
.attr("class", axis dotted line)
.attr("height", 100); //default size
}
}
var size_adjuster = [
{size: "big", adjusted: false },
{size: "regular", adjusted: false },
{size: "small", adjusted: false },
{size: "small", adjusted: true },
{size: "big", adjusted: true },
];
size_adjuster = function(){
size_adjuster.forEach(function(item) {
if(item.size == "big" && item.adjusted == false){
item.adjusted == true;
d3.selectedAll("g.axis.line line")
.attr("height", 200);
}
else if(item.size == "regular" && item.adjusted == false){
d3.selectedAll("g.axis.line line")
.attr("height", 100);
}
else if(item.size == "small" && item.adjusted == false){
d3.selectedAll("g.axis.line line")
.attr("height", 50);
}
});
}