How to remove tooltips on line when click button in d3.js?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

// Add tooltip to the line
var tooltip = d3.select("body").append("div")
    .attr("class", "tooltip")
    .style("display", "none");

// Define the line
var line = d3.line()
    .x(function(d) { return x(d.date); })
    .y(function(d) { return y(d.value); });

// Add the line to the svg
svg.append("path")
    .data([data])
    .attr("class", "line")
    .attr("d", line);

// Add a button to remove the tooltip
d3.select("button").on("click", function() {
    // Hide the tooltip
    tooltip.style("display", "none");
});