d3 v4获取条形图工具提示的数据

<script src="https://d3js.org/d3.v4.min.js"></script>

<div id="chart"></div>

// 创建数据
var data = [
  { name: "A", value: 10 },
  { name: "B", value: 20 },
  { name: "C", value: 15 },
  // ...
];

// 创建x轴比例尺
var xScale = d3.scaleBand()
  .domain(data.map(function(d) { return d.name; }))
  .range([0, width])
  .padding(0.1);

// 创建y轴比例尺
var yScale = d3.scaleLinear()
  .domain([0, d3.max(data, function(d) { return d.value; })])
  .range([height, 0]);

// 创建条形图
var svg = d3.select("#chart")
  .append("svg")
  .attr("width", width + margin.left + margin.right)
  .attr("height", height + margin.top + margin.bottom)
  .append("g")
  .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

svg.selectAll(".bar")
  .data(data)
  .enter().append("rect")
  .attr("class", "bar")
  .attr("x", function(d) { return xScale(d.name); })
  .attr("y", function(d) { return yScale(d.value); })
  .attr("width", xScale.bandwidth())
  .attr("height", function(d) { return height - yScale(d.value); })
  .on("mouseover", function(d) {
    // 获取工具提示的数据
    var tooltipData = d;

    // 在控制台打印工具提示的数据
    console.log(tooltipData);
  });