我是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 ×1