function labelChangeX(clickedAxis) {
    d3.selectAll(".x-axis-text")
        .filter(".active")
        .classed("active", false)
        .classed("inactive", true);

    clickedAxis.classed("inactive", false).classed("active", true);
}
// change the x axis's status from inactive to active when clicked and change all active to inactive
change the x axis's status from inactive to active when clicked and change all active to inactive
change the x axis ' s status from inactive to active when clicked and change all active to inactive
function labelChangeX(clickedAxis) {
    d3.selectAll(".x-axis-text")
        .filter(".active")
        .classed("active", false)
        .classed("inactive", true);
    clickedAxis.classed("inactive", false).classed("active", true);
}
function labelChangeX ( clickedAxis ) { d3 . selectAll ( ".x-axis-text" ) . filter ( ".active" ) . classed ( "active" , false ) . classed ( "inactive" , true ) ; clickedAxis . classed ( "inactive" , false ) . classed ( "active" , true ) ; }
change the x axis's status from inactive to active when clicked and change all active to inactive
change the x axis ' s status from inactive to active when clicked and change all active to inactive