function fadeLine()

in inflation-explorer/shared/js/explorer.js [461:504]


	function fadeLine(d,i) {
		let temp_key = d3.select(this).attr("data-id")
		let temp_class = d3.select(this).attr("class")
		temp_class = temp_class.split(" ")[0]
		console.log(temp_class)
		if (highlight.includes(temp_key)) {
			if (group) {
				d3.selectAll(`g.highlight`).style("opacity", 0)
			}
			else {
				d3.selectAll(`g.highlight`).style("opacity", 1)
			}
			d3.selectAll(`path.highlight`).style("opacity", 1)
			d3.selectAll(`circle.highlight`).style("opacity", 1)
		}

		else if (temp_key == "All groups CPI") {
			// do noting
		}

		else {

			// d3.selectAll(`path.chartLine`).style("opacity", 0.2)
			// d3.select(`circle`).style("opacity", 0.2)
			// d3.selectAll(`.lineLabels`).style("opacity", 0.2)
			d3.selectAll('circle').style("opacity", 0.4)
			d3.selectAll('.chartLine').style("opacity", 0.4)
			d3.selectAll(`path.All_groups_CPI`).style("opacity", 1)
			d3.selectAll(`path.highlight`).style("opacity", 1)
			d3.selectAll(`g.All_groups_CPI`).style("opacity", 1)
			if (group) {
				d3.selectAll(`g.highlight`).style("opacity", 0)
			}
			else {
				d3.selectAll(`g.highlight`).style("opacity", 1)
			}
			d3.selectAll(`circle.All_groups_CPI`).style("opacity", 1)
			d3.selectAll(`circle.highlight`).style("opacity", 1)
			d3.select(`path.${temp_class}`).attr("stroke", "#bdbdbd").style("opacity", 0.4)
			d3.select(`circle.${temp_class}`).attr("fill", "#bdbdbd").style("opacity", 0.4)
			d3.selectAll(`g.${temp_class}`).style("opacity", 0)
		}
		tooltipContainer.style("visibility", "hidden")
		}