小编E.C*_*E.C的帖子

如何在D3中鼠标悬停到Line Graph Interactive

我是D3的新手,正在尝试制作一个简单的交互式线图.我目前的代码:http://jsfiddle.net/9xske0m1/ 基于bl.ocks.org上的一个代码

我正在考虑添加一条垂直线,如下所示:http://bl.ocks.org/benjchristensen/2657838但是在悬停时显示为图例的线条的值,而不是将它们显示在图表的底部,当我将鼠标悬停在一条线上时.所以我想知道我会怎么做.我假设我在这里添加了一些东西:

    data = data.map( function (d) { 
    return { 
      CAUSES: d.CAUSES,
      YEAR: parseDate(d.YEAR.toString()),
      VALUE: +d.VALUE }; 
});   


// then we need to nest the data on CAUSES since we want to only draw one
// line per CAUSES
  data = d3.nest().key(function(d) { return d.CAUSES; }).entries(data);


  x.domain([d3.min(data, function(d) { return d3.min(d.values, function (d) { return d.YEAR; }); }),
             d3.max(data, function(d) { return d3.max(d.values, function (d) { return d.YEAR; }); })]);
  y.domain([0, d3.max(data, …
Run Code Online (Sandbox Code Playgroud)

d3.js

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

d3.js ×1