如何在d3中组合滑块和折线图？

Question

在d3中组合滑块和折线图时遇到麻烦。基本上我想做的是显示一条水平线，该水平线会根据我在滑块中的更改而移动。

我发现了一些很棒的代码，它们可以在悬停在图表区域上时显示水平线。这段代码还要做的是在数据点之间插入数字（我需要）。

我不知道什么，因为我是Java和HTML的血腥初学者：

• 将这些滑块与折线图组合起来
• 更改数据结构（以月为单位，不是我的数据）
• 保存并在顶部显示一些变量

到目前为止，我在这里准备了一个js小提琴和我的进步：https://jsfiddle.net/r5hos4ed/

我的数据集看起来像这样：

var dataset = "xs   ys\n\
0.04 63.4   \n\
0.8 0.0003125   \n\
0.91 0.000625   \n\
0.9375 0.00125  \n\
0.9575 0.003125 \n\
0.97 0.005625   \n\
0.98 0.009375   \n\
0.995 0.021875  \n\
0.998125 0.05125\n\
1 0.1\n";